Prototyping of User Interfaces for Mobile Applications (eBook)

Acknowledgements 6
Contents 8
Abbreviations 10
1 Introduction 12
2 State of Prototyping Mobile Application User-Interfaces 16
2.1 Meaning and Purpose of Prototyping 16
2.1.1 Definition of Prototyping 16
2.1.2 Prototype Information Goals 17
2.1.3 Prototyping Paradigms 18
2.2 The Paper-Based Prototyping Approach 20
2.2.1 The Paper-Based Prototyping Session 21
2.2.2 Advantages of the Paper-Based Prototyping Method 22
2.3 Prototyping of Mobile User Interfaces 25
2.3.1 Low-Fidelity Prototyping in the Mobile Context 26
2.3.2 Mixed-Fidelity Prototyping Approaches 28
2.3.2.1 Mixed-Fidelity Prototyping on Desktop Computers 30
2.3.2.2 Mixed-Fidelity Prototyping on Mobile Devices 33
2.3.2.3 Mixed-Fidelity Prototyping on Interactive Surfaces 35
2.3.3 Influence of the Sketching Media on the Prototyping Process 38
2.3.4 Comparison of Mobile Prototyping Approaches 39
2.4 Research Objectives 43
3 Prototyping Requirements 47
3.1 Identification of Requirements from Literature Research 48
3.1.1 Requirements Regarding the Prototype Design Process 48
3.1.2 Requirements Regarding the Prototype Evaluation 51
3.1.3 Requirements Tool Implications on the Prototype’s Nature 54
3.2 Assessment of the Requirement with Expert Practitioners 56
3.2.1 Study Objectives 56
3.2.2 Study Design 57
3.2.3 Results of Expert Survey 59
3.3 Discussion of the Results 66
4 Blended Prototyping—Design and Implementation 68
4.1 Approach and Development 68
4.1.1 Blended Prototyping Design Paradigms 68
4.1.2 Feedback Driven Development 69
4.2 Blended Prototyping—System and Process Architecture 70
4.2.1 System Overview 70
4.2.2 Module 1—The Design Tool 72
4.2.2.1 Tabletop Environment and Basic Design Process 72
4.2.2.2 Overview of the Key Interaction Techniques in a Design Session 73
4.2.3 Module 2—The Creation Tool 80
4.2.4 Module 3—The Testing Tool 85
4.3 Design Decisions in the System Implementation 87
4.3.1 Implementation of the Design Tool 87
4.3.2 Implementation of the Creation Tool 94
4.3.3 Implementation of the Testing Tool 95
4.4 Discussion of the System Implementation 96
5 Comparative Evaluation of Blended Prototyping 101
5.1 Choice of Comparative Prototyping Tools for the Evaluation 101
5.2 Identifying Performance Indices for the Comparative Evaluation 102
5.2.1 Identifying Candidates from the Requirements Catalog 102
5.2.2 Considering the Type of Evaluation Method 104
5.2.3 Discussing Assessment Methods for Identified Requirements 105
5.3 Conducting the Comparative Study 115
5.3.1 Study Objectives 116
5.3.2 Study Design 116
5.3.2.1 Test-Subject Acquisition, Pre-questionnaires and Formation of Groups 116
5.3.2.2 Test Design 119
5.3.2.3 Testing Process 119
5.3.2.4 Task Design 123
5.3.2.5 Recorded Data 124
5.3.2.6 Data Acquired in Post Analysis 124
5.3.3 Study Results 125
5.4 Conclusions of the Comparative Evaluation 134
6 Conclusion and Future Work 136
6.1 Conclusion 136
6.2 Future Work 141
Appendices 144
Appendix A: Email-Subscribe Code Example 144
Appendix B.1: Discarded Collaboration Coding Schema 146
Appendix B.2: Applied OTAS-Coding Schema 146
Appendix B.2: Applied OTAS-Coding Schema 146
Appendix B.3.1: Pre-questionnaire—General Questions 148
Appendix B.3.2: Custom Creativity Assessment Questionnaire 149
Appendix B.3.3: Pre-questionnaire—Java-Questions 153
Appendix B.4: Task-Descriptions for User-Study 154
Appendix B.5: Final Questionnaire 156
Appendix B.6: Categories for Assessing the Solutions’ Ideation 157
References 160