An information model-based interface design method: A case study of cross-channel platform interfaces
Corresponding Author
Ming-Chuan Chiu
Department of Industrial Engineering and Engineering Management, National Tsing Hua University, Hsinchu, Taiwan
Correspondence Ming-Chuan Chiu, No. 101, Section 2, Kuang-Fu Road, Hsinchu 30013, Taiwan.
Email: mcchiu@ie.nthu.edu.tw
Search for more papers by this authorJia-Jiu Wu
Department of Industrial Engineering and Engineering Management, National Tsing Hua University, Hsinchu, Taiwan
Search for more papers by this authorCorresponding Author
Ming-Chuan Chiu
Department of Industrial Engineering and Engineering Management, National Tsing Hua University, Hsinchu, Taiwan
Correspondence Ming-Chuan Chiu, No. 101, Section 2, Kuang-Fu Road, Hsinchu 30013, Taiwan.
Email: mcchiu@ie.nthu.edu.tw
Search for more papers by this authorJia-Jiu Wu
Department of Industrial Engineering and Engineering Management, National Tsing Hua University, Hsinchu, Taiwan
Search for more papers by this authorAbstract
Interface design involves large amounts of information and many complex processes. However, existing interface design methods have not addressed the potential to allocate information volume reasonably and effectively. In addition, current usability testing methods do not customize the weights of usability criteria for different displays. This study addresses the problem of too much information in the early stages of interface design and introduces the use of weighted usability criteria for developing different types of the user interface (UI) displays. An information model that can reasonably distribute information to varied interfaces to improve usability is presented. Using the analytic hierarchy process to weight usability criteria according to UI type, the proposed method generates convincing and objective usability test results. It handles the overall processing and effectively distributes information within a reasonable range, allowing designers to improve UI usability levels. Our findings compare the performance of an original interface and an improved interface, resulting in significant differences for both websites and mobile phone apps. This study provides a systematic interface design method enabling developers to use a core set of directions for developing more engaging interfaces and customizing usability criteria according to display type, resulting in more sophisticated and rewarding UI designs.
Supporting Information
Filename | Description |
---|---|
hfm20861-sup-0001-AHP_Questionnaire.docx392.6 KB | Supporting information |
Please note: The publisher is not responsible for the content or functionality of any supporting information supplied by the authors. Any queries (other than missing content) should be directed to the corresponding author for the article.
REFERENCES
- Andersen, S. B., Rasmussen, C. K., & Frøkjær, E. (2017). Bringing content understanding into usability testing in complex application domains—A case study in eHealth. In A. Marcus, & W. Wang (Eds.), Lecture Notes in Computer Science: Vol. 10288. Design, user experience, and usability: Theory, methodology, and management. DUXU 2017. Cham: Springer.
10.1007/978-3-319-58634-2_25 Google Scholar
- Baharuddin, R., Singh, D., & Razali, R. (2013). Usability dimensions for mobile applications-a review. Research Journal of Applied Science, Engineering and Technology, 5(6), 2225–2231.
10.19026/rjaset.5.4776 Google Scholar
- Balapour, A., & Sabherwal, R. (2017). Usability of apps and websites: A meta-regression study. Paper presented at 23rd Americas Conference on Information Systems, Boston, MA.
- Braz, C., Seffah, A., & M'Raihi, D. (2007). Designing a trade-off between usability and security: A metrics based-model. In C. Baranauskas, P. Palanque, J. Abascal & S. D. J. Barbosa (Eds.), Lecture Notes in Computer Science: Vol. 4663. Human-computer interaction—INTERACT 2007 (pp. 114–126). INTERACT 2007. Berlin, Heidelberg: Springer.
- Brown, C. M. (1988). Human-computer interface design guidelines. Exeter, UK: Intellect Books.
- Cerny, T., Macik, M., Donahoo, M. J., & Janousek, J. (2015). On distributed concern delivery in user interface design. Computer Science and Information Systems, 12(2), 655–681. https://doi.org/10.2298/CSIS141202021C
- Chen, L. H., & Liu, Y. C. (2017). Affordance and intuitive interface design for elder users with dementia. Procedia CIRP, 60, 470–475. https://doi.org/10.1016/j.procir.2017.02.015
10.1016/j.procir.2017.02.015 Google Scholar
- Cheng, W. Y., Huang, P. H., & Chiu, M. C. (2014). Integrating physiological and psychological techniques to measure and improve usability: An empirical study on kinect applying of health management sport. International Journal of Industrial Engineering, 21(6), 304–316.
- Chiu, M.-C., Huang, P.-H., & Tzao, S.-H. (2019). Redesigning the user interface of a healthcare management system for the elderly with a systematic usability testing. Journal of Industrial and Production Engineering, 36, 324–334.
- Chorianopoulos, K. (2008). User interface design principles for interactive television applications. International Journal of Human–Computer Interaction, 24(6), 556–573. https://doi.org/10.1080/10447310802205750
- Constantine, L. L., & Lockwood, L. A. D. (1999). Software for use: A practical guide to the models and methods of usage-centered design. New York: ACM Press.
- Davids, M. R., Chikte, U., Grimmer-Somers, K., & Halperin, M. L. (2014). Usability testing of a multimedia e-learning resource for electrolyte and acid-base disorders. British Journal of Educational Technology, 45(2), 367–381. https://doi.org/10.1111/bjet.12042
- Davis, F. D. (1989). Perceived usefulness, perceived ease of use, and user acceptance of information technology. MIS Quarterly, 13, 319–340.
- Edrington, V. (1999). User interface design and usability testing: An application (Master's thesis). Retrieved from https://doi.org/10.17615/xdjn-5523
- Erensal, Y., & Albayrak, E. (2004). Successful adoption of macroergonomics in manufacturing: Using a multicriteria decision-making methodology—Analytic hierarchy process. Human Factors and Ergonomics in Manufacturing & Service Industries, 14(4), 353–377.
- Garett, R., Chiu, J., Zhang, L., & Young, S. D. (2016). A literature review: Website design and user engagement. Online Journal of Communication and Media Technologies, 6(3), 1–14.
- Henninger, S. (2000). A methodology and tools for applying context-specific usability guidelines to interface design. Interacting with Computers, 12(3), 225–243. https://doi.org/10.1016/S0953-5438(99)00013-2
- Henninger, S., Haynes, K., & 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, 43–53. https://doi.org/10.1145/225434.225440
- Hertzum, M. (2016). Usability testing: Too early? Too much talking? Too many problems? Journal of Usability Studies, 11(3), 83–88.
- Hsieh, M.-C., Chiu, M.-C., & Hwang, S.-L. (2015). An optimal range of information quantity on computer-based procedure interface design in the advanced main control room. Journal of Nuclear Science and Technology, 52(5), 687–694. https://doi.org/10.1080/00223131.2014.977832
- Huang, P. H., & 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, 29–42. https://doi.org/10.1016/j.apergo.2015.06.008
- Hundert, A. S., Huguet, A., Green, C. R., Hewitt, A. J., Mushquash, C. J., Muhajarine, N., … Reynolds, J. N. (2016). Usability testing of guided internet-based parent training for challenging behavior in children with fetal alcohol spectrum disorder (strongest families FASD). Journal of Population Therapeutics and Clinical Pharmacology, 23(1), 60–76.
- ISO 9241-11. (1998). Ergonomic requirements for office work with visual display terminals (VDTs). Part 11: Guidance on usability. Geneva: International Organization for Standardization. https://www.iso.org/standard/16883.html
- Joo, Y. J., Lee, H. W., & Ham, Y. (2014). Integrating user interface and personal innovativeness into the TAM for mobile learning in Cyber University. Journal of Computing in Higher Education, 26(2), 143–158.
- Kim, C. H., Weston, R. H., Hodgson, A., & Lee, K. H. (2003). The complementary use of IDEF and UML modelling approaches. Computers in Industry, 50(1), 35–56. https://doi.org/10.1016/S0166-3615(02)00145-8
- Kuo, H. M., Chen, C. W., & Chen, C. W. (2011). A study of merchandise information and interface design on B2C websites. Journal of Marine Science and Technology, 19(1), 15–22.
- Lin, Y., & Zhang, W.-J. (2004). Towards a novel interface design framework: Function–behavior–state paradigm. International Journal of Human–Computer Studies, 61(3), 259–297.
- Liu, I. F., Chen, M. C., Sun, Y. S., Wible, D., & Kuo, C. H. (2010). Extending the TAM model to explore the factors that affect intention to use an online learning community. Computers & Education, 54(2), 600–610. https://doi.org/10.1016/j.compedu.2009.09.009
- Lyles, C. R., Sarkar, U., & Osborn, C. Y. (2014). Getting a technology-based diabetes intervention ready for prime time: A review of usability testing studies. Current Diabetes Reports, 14(10), 534.
- Maguire, M. (2001). Methods to support human-centred design. International Journal of Human–Computer Studies, 55(4), 587–634. https://doi.org/10.1006/ijhc.2001.0503
- Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review, 63(2), 81–97. https://doi.org/10.1037/h0043158
- Molich, R., & Nielsen, J. (1990). Improving a human-computer dialogue. Communications of the ACM, 33(3), 338–348. https://doi.org/10.1145/77481.77486
- Molin, E. (2016). Evaluation of medication-related clinical decision support using user interface design principles (Master's thesis). Stockholm University, Stockholm, Sweden.
- Nam, C. S., Johnson, S., Li, Y., & Seong, Y. (2009). Evaluation of human–agent user interfaces in multi-agent systems. International Journal of Industrial Ergonomics, 39(1), 192–201. https://doi.org/10.1016/j.ergon.2008.08.008
- Nielsen, J. (1994). Usability inspection methods. New York, NY: John Wiley & Sons.
10.1145/259963.260531 Google Scholar
- Nielsen, J., & Mack, R. L. (1994). Usability inspection methods. New York, NY: John Wiley & Sons.
10.1145/259963.260531 Google Scholar
- Norman, D. (2002). Emotion & design: Attractive things work better. Interactions, 9(4), 36–42.
10.1145/543434.543435 Google Scholar
- Okamoto, T. (2018). A user interface design method based on quantitative evaluation of consistency in device operation. Electronics and Communications in Japan, 101(2), 32–44. https://doi.org/10.1002/ecj.12036
- Pastushenko, O., Hynek, J., & Hruška, T. (2019). Evaluation of user interface design metrics using generator of realistic-looking dashboard samples. Expert Systems, e12434. https://doi.org/10.1111/exsy.12434
- Plaisant, C., Wu, J., Hettinger, A. Z., Powsner, S., & Shneiderman, B. (2015). Novel user interface design for medication reconciliation: An evaluation of Twinlist. Journal of the American Medical Informatics Association, 22(2), 340–349. https://doi.org/10.1093/jamia/ocu021
- Saaty, T. L. (1988). What is the analytic hierarchy process? In G. Mitra, H. J. Greenberg, F. A. Lootsma, M. J. Rijkaert & H. J. Zimmermann (Eds.), Mathematical models for decision support (pp. 109–121). Berlin, Heidelberg: Springer.
10.1007/978-3-642-83555-1_5 Google Scholar
- Saaty, T. L. (2008). Decision making with the analytic hierarchy process. International Journal of Services Sciences, 1(1), 83–98.
10.1504/IJSSCI.2008.017590 Google Scholar
- Sajedi, A., Mahdavi, M., Pourshirmohammadi, A., & Nejad, M. M. (2008, June-July). Fundamental usability guidelines for user interface design. International Conference on Computational Sciences and its Applications, Perugia, Italy.
- Seffah, A., Donyaee, M., Kline, R. B., & Padda, H. K. (2006). Usability measurement and metrics: A consolidated model. Software Quality Journal, 14(2), 159–178.
- Shneiderman, B. (1992). Designing the user interface: Strategies for effective human-computer interaction. 2nd ed. Reading, MA: Addison-Wesley.
- Smith, S. L., & Mosier, J. N. (1986). Guidelines for designing user interface software (No. MTR-10090). Bedford, MA: Mitre Corporation.
- Strawderman, L., & Koubek, R. (2008). Human factors and usability in service quality measurement. Human Factors and Ergonomics in Manufacturing & Service Industries, 18(4), 454–463. https://doi.org/10.1002/hfm.20102
- Sutcliffe, A., & De Angeli, A. (2005). Assessing interaction styles in web user interfaces. In M. F. Costabile & F. Paternò (Eds.), Human-computer interaction—INTERACT 2005 (pp. 405–417). Heidelberg, Germany: Springer.
10.1007/11555261_34 Google Scholar
- Topaloglu, H., Gumussoy, C. A., Bayraktaroglu, A. E., & Calisir, F. (2013). The relative importance of usability and functionality factors for e-health web sites. Human Factors and Ergonomics in Manufacturing, 23, 336–345. https://doi.org/10.1002/hfm.20319
- Venkatesh, V., Ramesh, V., & Massey, A. P. (2003). Understanding usability in mobile commerce. Communications of the ACM, 46(12), 53–56.
- Wickens, C. D., Hollands, J. G., Banbury, S., & Parasuraman, R. (2015). Engineering psychology and human performance. London, UK: Psychology Press.
10.4324/9781315665177 Google Scholar
- Williams, J. M. (2017), 10 Essential UI (user-interface) design tips. Retrieved from https://webflow.com/blog/10-essential-ui-design-tips
- Yılmaz Kaya, B., & Dağdeviren, M. (2016). Selecting occupational safety equipment by MCDM approach considering universal design principles. Human Factors and Ergonomics in Manufacturing & Service Industries, 26(2), 224–242. https://doi.org/10.1002/hfm.20625
- Zahabi, M., Kaber, D. B., & Swangnetr, M. (2015). Usability and safety in electronic medical records interface design: A review of recent literature and guideline formulation. Human Factors, 57(5), 805–834. https://doi.org/10.1177/0018720815576827
- Zhai, C., & Lafferty, J. (2017). A study of smoothing methods for language models applied to ad hoc information retrieval. ACM SIGIR Forum (pp. 268–276). New York, NY: ACM. https://doi.org/10.1145/3130348.3130377
10.1145/3130348.3130377 Google Scholar