ABSTRACT
User interface prototypes are widely used in software development to facilitate customer communication and explore ideas, especially in agile development teams. In addition, they often guide subsequent stages of the development process, such as coding, testing, and training. Given their effect on the software development cycle, UI prototypes must be included in quality assurance activities such as inspections. Existing UI inspection approaches aim to detect mainly usability problems and are designed to inspect implemented software. However, development costs could be reduced by early detection of design defects if prototypes were reviewed against software requirements before implementation. For this reason, we developed UIProtoCheck, a comprehensive checklist to inspect UI prototypes semantically according to the software requirements. To evaluate it, we conducted a study where 12 participants used our checklist to inspect three UI prototypes based on a given scenario. The results showed that teams with the best results achieved 67% effectiveness in identifying semantic errors previously included in the prototypes. These promising initial results indicate that UIProtoCheck can support the semantic inspection of UI prototypes.
- Gloria Baños Díaz and Claudia María del Pilar Zapata Del Río. 2018. A Proposal of Usability Heuristics Oriented to E-Banking Websites. In Design, User Experience, and Usability: Theory and Practice, Aaron Marcus and Wentao Wang (Eds.). Springer International Publishing, Cham, 327–345.Google Scholar
- Muhammad Salman Bashir and Amjad Farooq. 2019. EUHSA: Extending Usability Heuristics for Smartphone Application. IEEE Access 7 (2019), 100838–100859. https://doi.org/10.1109/ACCESS.2019.2923720Google ScholarCross Ref
- Elizabeth Bjarnason, Franz Lang, and Alexander Mjöberg. 2021. A Model of Software Prototyping based on a Systematic Map. In Proceedings of the 15th ACM/IEEE International Symposium on Empirical Software Engineering and Measurement (ESEM). 1–11.Google ScholarDigital Library
- Lin Chou Cheng. 2016. The mobile app usability inspection (MAUi) framework as a guide for minimal viable product (MVP) testing in lean development cycle. In Proceedings of the 2nd international conference in hci and ux indonesia 2016. 1–11.Google ScholarDigital Library
- Yuri Chernak. 1996. A statistical approach to the inspection checklist formal synthesis and improvement. IEEE Transactions on Software Engineering 22, 12 (1996), 866–874.Google ScholarDigital Library
- Gretchen T. De Macedo, Awdren Fontão, and Bruno Gadelha. 2022. Prototyping in Software Quality Assurance: A Survey With Software Practitioners. In Proceedings of the XXI Brazilian Symposium on Software Quality. 1–10.Google ScholarDigital Library
- Rafael Maiani de Mello, Rebeca Campos Motta, and Guilherme Horta Travassos. 2016. A checklist-based inspection technique for business process models. In Business Process Management Forum: BPM Forum 2016, Rio de Janeiro, Brazil, September 18-22, 2016, Proceedings 14. Springer, 108–123.Google ScholarCross Ref
- Clarisse Sieckenius De Souza, Carla Faria Leitão, Raquel Oliveira Prates, and Elton José Da Silva. 2006. The semiotic inspection method. In Proceedings of VII Brazilian symposium on Human factors in computing systems. 148–157.Google ScholarDigital Library
- Steven Dow, Julie Fortuna, Dan Schwartz, Beth Altringer, Daniel Schwartz, and Scott Klemmer. 2011. Prototyping dynamics: sharing multiple designs improves exploration, group rapport, and results. In Proceedings of the SIGCHI conference on human factors in computing systems. 2807–2816.Google ScholarDigital Library
- Tasha Hollingsed and David G. Novick. 2007. Usability Inspection Methods after 15 Years of Research and Practice. In Proceedings of the 25th Annual ACM International Conference on Design of Communication (El Paso, Texas, USA) (SIGDOC ’07). Association for Computing Machinery, New York, NY, USA, 249–255. https://doi.org/10.1145/1297144.1297200Google ScholarDigital Library
- Oliver Laitenberger, Colin Atkinson, Maud Schlich, and Khaled El Emam. 2000. An experimental comparison of reading techniques for defect detection in UML design documents. Journal of Systems and Software 53, 2 (2000), 183–204.Google ScholarDigital Library
- Jevgeni Marenkov, Tarmo Robal, and Ahto Kalja. 2016. A study on immediate automatic usability evaluation of web application user interfaces. In Databases and Information Systems: 12th International Baltic Conference, DB&IS 2016, Riga, Latvia, July 4-6, 2016, Proceedings 12. Springer, 257–271.Google ScholarCross Ref
- Jakob Nielsen. 1994. Heuristic evaluation. Usability Inspection Mehods (1994).Google Scholar
- C. Sauer, D.R. Jeffery, L. Land, and P. Yetton. 2000. The effectiveness of software development technical reviews: a behaviorally motivated program of research. IEEE Transactions on Software Engineering 26, 1 (2000), 1–14. https://doi.org/10.1109/32.825763Google ScholarDigital Library
- Andrew Sears. 1997. Heuristic walkthroughs: Finding the problems without the noise. International journal of human-computer interaction 9, 3 (1997), 213–234.Google ScholarCross Ref
- Forrest Shull, Ioana Rus, and Victor Basili. 2000. How perspective-based reading can improve requirements inspections. Computer 33, 7 (2000), 73–79.Google ScholarDigital Library
- Forrest Shull and Carolyn Seaman. 2008. Inspecting the history of inspections: An example of evidence-based technology diffusion. IEEE software 25, 1 (2008), 88–90.Google Scholar
- J. C. Silva, J. Creissac, and J. Saraiva. 2010. GUI inspection from source code analysis. Electronic Communications of the EASST 33 (2010). www.scopus.com Cited By :8.Google Scholar
- Rick Spencer. 2000. The streamlined cognitive walkthrough method, working around social constraints encountered in a software development company. In Proceedings of the SIGCHI conference on Human Factors in Computing Systems. 353–359.Google ScholarDigital Library
- Thomas Thelin, Per Runeson, Claes Wohlin, Thomas Olsson, and Carina Andersson. 2004. Evaluation of usage-based reading—conclusions after three experiments. Empirical Software Engineering 9 (2004), 77–110.Google ScholarDigital Library
- Natasha M. C. Valentim and Tayana Conte. 2014. Improving a Usability Inspection Technique Based on Quantitative and Qualitative Analysis. In 2014 Brazilian Symposium on Software Engineering. 171–180. https://doi.org/10.1109/SBES.2014.23Google ScholarDigital Library
- Cathleen Wharton. 1994. The cognitive walkthrough method: A practitioner’s guide. Usability Inspection Methods, New York (1994), 105–140.Google Scholar
- Chauncey Wilson. 2013. User interface inspection methods: a user-centered design method. Newnes.Google Scholar
- Alexandros Yeratziotis and Panayiotis Zaphiris. 2018. A Heuristic Evaluation for Deaf Web User Experience (HE4DWUX). International Journal of Human–Computer Interaction 34, 3 (2018), 195–217. https://doi.org/10.1080/10447318.2017.1339940 arXiv:https://doi.org/10.1080/10447318.2017.1339940Google ScholarCross Ref
Index Terms
- UIProtoCheck: A Checklist for Semantic Inspection of User Interface Prototypes
Recommendations
Visual design checklist for graphical user interface (GUI) evaluation
SAC '18: Proceedings of the 33rd Annual ACM Symposium on Applied ComputingThe1 Graphical User Interface (GUI) design is a major process within the software development lifecycle, because the GUI is the portion of the interface that will be in direct contact with the end-user. There are resources to help make the interface ...
User interface prototyping—concepts, tools, and experience
ICSE '96: Proceedings of the 18th international conference on Software engineeringIn recent years the development of highly interactive software systems with graphical user interfaces has become increasingly common. The acceptance of such a system depends to a large degree on the quality of its user interface. Prototyping is an ...
Comments