在一個成功的產品中，使用者介面(User interface, UI)扮演著非常重要的角色，直接影響客戶的體驗進而影響產品的滿意度。然而設計產品介面所需要的資訊量及流程非常龐大且複雜，造成開發者和設計者之間溝通的障礙。此外，根據用戶界面的訊息數量理論，各界面都應該包含適當的訊息量，讓使用者表現提升和降低心理負擔。
但過去介面設計方法並沒有能力去合理且有效分配訊息量，此狀況不僅影響開發者和溝通者間的溝通，也會影響使用者的表現。因此，本研究提出了一個介面訊息模型，詳細處理開發介面所需的前後端資訊包括流程、連結、功能…等重要訊息，並且合理分配訊息到各介面，讓使用者表現提升。此外，現存的易用性測試方法並沒有針對不同產品的易用性指標給予不同的權重，故我們利用網路層級分析法去根據不同類型的介面調整易用性標準的權重，進而得到更具說服力和客觀的易用性測試結果。本研究以跨通路平台使用者介面為例說明了該方法的優勢，以圖形化訊型模型處理複雜的資訊，縮短用介面的開發時間並合理分配訊息量，此外也獲得易用性指標的客製化的權重，讓我們得到更具說服力的易用性測試以及了解消費者對於不同產品著重的面向為何。

Since User Interface (UI) provides the first impression to users when they operate the product, it plays a critical role to a successful product. Based on the information quantity theory, the interface should include appropriate amount of information to improve the performance of users. Interface design includes a large amount of information and complex processes and this situation increase the barrier between designer and developer. However, interface design methods did not have the ability to allocate information volumes reasonably and effectively before. Therefore, this study proposes an information model that handles important information and reasonably distributes information to various interfaces to improve the performance of users. In addition, existing usability testing methods can’t customize weights of the usability criteria for different products. Therefore, we apply the analytic network process to adjust the weights of usability standards according for different types of UI, so as to obtain more convincing and objective usability test results. The contribution of this paper is to provide a systematic interface design method. From the information model to the usability test, the developers and designers have a direction to follow in the future.

中文摘要 I
Abstract II
Table of Contents III
List of Figures IV
List of Tables V
1 Introduction 6
2 Literature Review 8
2.1 Interface design 8
2.2 User interface design guideline 10
2.3 Information model 13
2.4 Usability 19
2.5 Summary 25
3 Methodology 26
3.1 Information Quantity 27
3.2 Establish IDEF 0 of Interface design 28
3.3 Determine Functions by IDEF 3 29
3.4 Integrated with the ER model 30
3.5 Analytic Network process (ANP) 30
4 Case study 34
4.1 Current information model in Menu tree 35
4.2 Build the structure of cross-channel platform by IDEF0 36
4.3 Determine the logic of main function of each pages 37
4.4 ER Model 38
4.5 Integrate the structure and user interface guideline to develop the interface 40
4.6 Weighted usability with ANP 40
4.7 Experiment 41
4.8 Results 42
5 Discussion 52
6 Conclusion 55
Reference 58
Appendix A : Status analysis 65
Appendix B : IRB certification 67

Antonio, b. (2004), Entity-Relationship modeling revisited, ACM SIGMOD Record, 33(1), pp.77-82

Abo-Hamad, W. and Arisha, A. (2013), ‘Simulation-based framework to improve patient experience in an emergency department’, European Journal of Operational Research, 224(1), pp.154–166.

Andersen, S. B., Rasmussen, C. K. and Frøkjær, E. (2017), ‘Bringing Content Understanding into Usability Testing in Complex Application Domains—a Case Study in eHealth’, Proceeding of International Conference of Design, User Experience, and Usability, Duxu, 9-14 July, pp.327-341

Brown, C. M. (1988), Human-computer interface design guidelines, Ablex Publishing Corp

Braz1, C., Seffah, A. and Raihi, D. M. (2007), Designing a Trade-Off Between Usability and Security: A Metrics Based-Model, Human-Computer Interaction, pp.114-126

Baharuddin, R., Singh, D., & Razali, R. (2013), “Usability Dimensions for Mobile Applications: A Review”, Research Journal of Applied Sciences, 5(6), 2225-2231.

Borsato, M. (2017), ‘An energy efficiency focused semantic information model for manufactured assemblies’, Journal of Cleaner Production, 140(3), pp.1626-1643

Balapour, A. and Sabherwaal, R. (2017), ‘Usability of Apps and Websites: A Meta Regression
Study’, Proceeding of 23rd Americas Conference on Information Systems, Boston, 10 - 12 Aug 2017

Chen, C. T. & Chen, L. C. (2005), ‘Screen Flow Improvement Research of Interface Design Method : taking 3G Mobile Phone Interface Design as an Example’, Design Paper of the Symposium on Designing Academic Research Results of the 2005 Design Society of the Republic of China

Chen, P. P. C (1976), ‘The entity-relationship model—toward a unified view of data’, ACM Transactions on Database Systems (TODS), 1(1), pp.9-36

Chorianopoulos, K. (2008), ‘User Interface Design Principles for Interactive Television Applications’, Human–computer interaction, 24(6), pp.556-573

Cheng, W. Y., Huang, P. H. and Chiu, M. C. (2014), ‘Integrating Physiological and Psychological Techniques To Measure And Improve Usability: An Empirical Study on Kinect Applying of Health Management Spor.t’, International Journal of Industrial Engineering, 21(6), pp.304-316

Chen, S. Y., Magoulas G. D., Dimakopoulos D. (2005), ‘A flexible interface design for Web directories to accommodate different cognitive styles’, Journal of the Association for Information Science and Technology, 26(1), pp.70-83

Cerny, T., Macik, M., Donahoo, M. J. and Janousek, J. (2015), ‘On Distributed Concern Delivery in User Interface Design’, Computer Science and Information System, 12(2), pp.655-681

CorryTheodore M. D. and Hansen, W. F. (1997), ‘User-centered Design And Usability Testing of a Web Site: An Illustrative Case Study’, Educational Technology Research and Development, 45(4), pp.65–76


Chen, L. H. and Liu, Y. C. (2017), ‘Affordance and Intuitive Interface Design for Elder Users with Dementia’, Procedia CIRP, 60(1), pp470-475

Davids, M. R., Chikte, U., Grimmer-Somers, K. and Halperin, M. L. (2014), ‘Usability testing of a multimedia e-learning resource for electrolyte and acid-base disorders’, Journal of Educational Technology, 45(2), pp.367-381

Douglas A. S., Peter R. W(1994), ‘Information Modeling the EXPRESS Way’. Oxford University Press, New York, NY, 1994.

Dorador, J. M., Young, R.I.M. (2000), ‘Application of IDEF0, IDEF3 and UML methodologies in the creation of information models’, International Journal of Computer Integrated Manufacturing, 13(5), pp.430-445

Dumas, J. S. and Redish, J. (1999), ‘A Practical Guide to Usability Testing’, Intellect, ISBN 1-84150-020-8

Dorador, J. M. and Young R. I. M. (2000), ‘Application of IDEF0, IDEF3 and UML Methodologies In The Creation of Information Models’, International Journal of Computer Integrated Manufacturing, 13(5), pp.430-445

Edrington, V. L. (1999), ’User Interface Design and Usability Testing: An Aplication’, Master's Paper, University of North Carolina

Ethier, J. F., Curcin, V., Barton, A. and Burgun, A. (2014), ‘Clinical Data Integration Model Core Interoperability Ontology for Research Using Primary Care Data’, Methods of Information in Medicine, 53(4), pp.16-23

Funk II, K.H., Bauer, J.D., Doolen, T.L., Telasha, D., Nicolalde, R.J., Reeber, M., Yodpijit, N. and

Davis, F. D. (1989), ‘Perceived usefulness, perceived ease of use, and user acceptance of information technologies’, MIS Quarterly, 13(3), pp. 319–340.

Miller, G. A. (1956), ‘The magic number seven plus or minus two: some limits on our capacity for processing information’, Psychological review, 63(2), pp.91-97

Ghaffarianhoseini, A., Tookey, J., Ghaffarianhoseini, A., Naismith, N., Azhar, S., Efimova, O. and Raahe,ifar, K. (2017), ‘Building Information Modelling (BIM) uptake: Clear benefits, understanding its implementation, risks and challenges’, Renewable and Sustainable Energy Reviews, 75, pp.1046-1053

Long, M. (2010), ‘Use of modeling to identify vulnerabilities to human error in laparoscopy’, Journal of Minimally Invasive Gynecology, 17(3), pp.311–320.

Henninger, S. (2000), ‘A methodology and tools for applying context-specific usability guidelines to interface design’, Journal of Interacting with Computers, 12(3), pp.225-243

Huang, P. H. and Chiu, M. C.(2016), ‘ Integrating user centered design, universal design and goal, operation, method and selection rules to improve the usability of DAISY player for persons with visual impairments’, Applied Ergonomics, 52(1), pp.29-42

Huang, Y. S. and Wang, C. C. (2016), ‘A Study on the Interface Design for Car Navigation Head-up Display Apps’, http://hdl.handle.net/11296/k2q4tn, viewed on 6/22/2018

He, X., Ma, Z., Shao, W. and Li, G. (2007), ‘A metamodel for the notation of graphical modeling languages’, Proceeding of 31st Annual International Computer Software and Applications Conference, Beijing, 23-27 July, 2007

Henninger, S., Haynes, K. and Reith M. W. (1995), ‘A Framework For Developing Experience-Based Usability Guidelines’, Proceedings of the 1st conference on Designing interactive systems: processes, practices, methods, & techniques, USA, 23-25 August, pp.43-53

Hundert AS (2016), ‘Usability testing of guide internet-based parent training for challenge behavior in childern with fetal alcohol spectrum disorder’, Journal of Population Therapeutics and Clinical Pharmacology, 23(1), pp.60-76.

Joshua P. (2016). Principles of User Interface Design. [ONLINE] Available at: http://bokardo.com/principles-of-user-interface-design, viewed on 01/22/2018

Kim, C. H., Weston R. H, Hodgson A. and Lee, K. H. (2003), ‘The Complementary Use of IDEF And UML Modeling Approaches’, Computers In Industry, 50(1), pp.35-56

Larry w, B. H, Adrien P (1997), ‘Structured models and dynamic systems analysis: the integration of the IDEF0/IDEF3 modeling methods and discrete event simulation’, Proceedings of the 29th conference on Winter simulation, USA, 07-10 December, pp.518-524

Lee, Y. T. (1999), Information Modeling: From design to Implementation, Manufacturing Systems Integration Division National Institute of Standards and Technology

Lee, J. W. and Kim, S. H. (2000), ‘Using Analytic Network Process And Goal Programming For Interdependent Information System Project Selection’, Computers & Operations Research, 27(4), pp.367-382

Lingzhi, L., Leong, A. C. and Gay, R. K. L. (1996), ‘Integration of Information Model (IDEF1) with Function Model (IDEF0) for CIM Information Systems Design’, Journal of Expert Systems With Applications, 10(1), pp.373-380

Lund (2001), ‘Measuring usability with the use questionnaire’, Usability Interface, 8(2), pp.3–6

Lyles C. R., Sarkar, U. and Osborn C. Y. (2015), ‘Getting a Technology-Based Diabetes Intervention Ready for Prime Time: a Review of Usability Testing Studies’, Current Diabetes Reports, 14(10), pp.534-545

Liebenberg, L., Steventon, J., Brahman, N., Benadie, K., Minye, J., Langwane, H. and Xhukwe, Q. (2017), ‘Smartphone Icon User Interface design for non-literate trackers and its implications for an inclusive citizen science’, Biological Conservation, 208(1), pp.155-162

Maguire, M. (2001),’ Methods to support human-centred design’, Journal of Human-Computer Studies, 55(4), pp587-634

Mutic, S., Brame, R.S., Oddiraju, S., Michalski, J.M. and Wu, B. (2010), ‘System mapping of complex healthcare processes using IDEF0: a radiotherapy example’, International Journal of Collaborative Enterprise, 1(3-4), pp.316–331.

Molich, R. and Nielsen, J. (1990), ‘Improving a Human-Computer Dialogue’, Communications of the ACM, 33(3), pp.338-348

Morten.H (2016), ‘Usability Testing: Too Early? Too Much Talking? Too Many Problems?’, Journal of usability studies, 11(3),pp.83-88

Mayer, R. J. ; Crump, J. W. ; Fernandes, R. ; Keen, A. and Painter, M. K (1995), ‘Information integration for concurrent engineering (IICE) compendium of methods report’, DEFENSE TECHNICAL INFORMATION CENTER,

Meadea, L., Sarkisb, J. (1998), ‘Strategic Analysis Of Logistics And Supply Chain Management Systems Using The Analytical Network Process’, Transportation Research Part E: Logistics and Transportation Review, 34(3), pp.201-215

Molin, E. (2016), ‘Evaluation of medication-related clinical decision support using user interface design principles’, Master’s thesis of Stockholm University

Molich, R. and Nielsen, J. (1990), ‘Improving a human-computer dialogue’, Communications of the ACM, 33(3), pp.338-348

Norman, D. A. (2002). ‘Emotion & Design: Attractive things work better’. Interactions Magazine, ix (4). pp. 36–42.

Nielsen, J. (1994), ‘Usability Inspection Methods’, New York, ISBN 0-471-01877-5, P413-414

Nam, C. S., Johnson, S., Li, Y. and Seong, S. (2009), ‘Evaluation of human-agent user interfaces in multi-agent systems,’ Int. J. Ind. Ergon., 39(1), pp.192–201

Saaty, T.L. (1980), The Analytic Hierarchy Process. McGrawHill International Book Company, New York.

Saaty, T.L. (1982), Decision Making for Leader. Lifetime Learning Publications, Belmont, California.

Saaty, T. L. (1996), The analytic network process. RWS Publications, Expert Choice, Inc.

Satty, T. L. (2013), ‘Analytic network process’, Iranian journal of operations researh, 1(1), pp.1-27

Saaty, T. ZL. (2008), ‘Decision Making With the Analytic Hierarchy Process’, International Journal Of Services Sciences, 1(1), pp.83-98

Seffah, A., Donyaee, M., Kline, R. B. and Padda, H. K. (2006), ‘Usability Measurement And Metrics: A Consolidated Model’, Software Quality Journal , 14(2), P159-178

Sarkis, J. and Liles, D. H. (1995), ‘Using IDEF and QFD to Develop an Organizational Decision Support Methodology For The Strategic Justification of Computer-integrated Technologies’, International Journal of Project Management, 13(3), pp.177-185

Smith, S. L. and Mosier, J. N. (1986), ‘Guidelines For Designing User Interface Software’, The MITRE Corporation.

Sajedi, A., Mahdavi, M., A. Mohammadi, A. P. S. and Nejad, M. M. (2008), ‘Fundamental Usability Guidelines for User Interface Design’, Proceeding of International Conference on Computational Sciences and Its Applications, Italy, 3-6 July, pp.106-113

Schmutz, S., Sonderegger, A. and Sauer J. (2016), ‘Implementing Recommendations From Web Accessibility Guidelines: Would They Also Provide Benefits to Nondisabled Users’, Human Factor, 58(4), pp.611-629

Sutcliffe, A. and Angeli, A. D. (2005), ‘Assessing interaction styles in web user interfaces’, IFIP Conference on Human-Computer Interaction, Italy, 12-16 September, pp.405-417.

Kuo, H. M. and Chen, C. W. (2015), ‘A Study of Merchandise Information And Interface Design B2C Website’, Journal of Marine Science and Technology, 19(1), pp.15-25

Wickens C.D., Hollands J.G. (2002), Engineering psychology and human performance. NJ: Prentice-Hall Inc.

William, J. M. (2017), 10 essential UI (user-interface) design tips, https://webflow.com/blog/10-essential-ui-design-tips

Wesley, A.(2005), ‘Unified Modeling Language User Guide’, The (2 ed.), p. 496. ISBN 0321267974. , See the sample content, look for history

Zhai, C. and Lafferty, J. (2017), ‘A Study of Smoothing Methods for Language Models Applied to Ad Hoc Information Retrieval’, ACM SIGIR Forum, 51(2), pp.268-276

Zahabi, M., Kaber, D. B. and Swangnetr, M. (2015), ‘Usability and Safety in Electronic Medical Records Interface Design: A Review of Recent Literature and Guideline Formulation’, Human factors, 57(5), pp.805-834