Download "Prototyping and Testing User Interfaces for Mapping Applications"

This video discusses how to design mapping apps using prototypes, including how to create sketches, wireframes, and mockups. The video also discusses how to test your prototypes – and your finished apps – with users through usability testing. Prototyping and testing are important parts of the user-interface design process, since they allow you to improve your designs, and get feedback from users, even before you start building an app or writing any code. This video is the second resource in the learning path from Esri Canada’s Education and Research group on user-interface design. For the previous resource, please see the video at https://www.youtube.com/watch?v=sqVNpG-6GhA. Future resources will be posted to our Higher Education Resource Finder at https://hed.esri.ca/resourcefinder/ Further resources: Nielsen Norman Group: - Usability Testing 101: https://www.nngroup.com/articles/usability-testing-101/ - Jakob Nielsen’s 10 Usability Heuristics for User-Interface Design: https://www.nngroup.com/articles/ten-usability-heuristics/ Steve Krug: - Usability test resources: introduction scripts, facilitator prompts, consent forms, etc.: https://sensible.com/download-files/ Balsamiq: - Balsamiq Wireframing Academy: https://balsamiq.com/learn/ - UX Apprentice: case-study-based learning for UX design process https://www.uxapprentice.com/ Map Controls for Balsamiq by Michael Gaigg (Esri): https://wireframestogo.com/bbd2-Map-Controls/ Calcite Design System Figma templates: https://developers.arcgis.com/calcite-design-system/figma-ui-kit/ Works cited: Babich, N. (2020, August 27). Sketch, Wireframe, Mockup, and Prototype: Why, When and How. Retrieved August 9, 2021, from UX Planet: https://uxplanet.org/sketch-wireframe-mockup-and-prototype-why-when-and-how-29a25b3157c4 Bradshaw, J. (2020, February 12). What is Usability Testing and Why is it Useful? Retrieved August 9, 2021, from Forum One: https://www.forumone.com/insights/blog/what-is-usability-testing-and-why-is-it-useful/ Krug, S. (2010). Usability test script - Web sites. Retrieved August 9, 2021, from http://sensible.com/downloads/test-script-web.pdf Moran, K. (2019, December 1). Usability Testing 101. Retrieved August 9, 2021, from Nielsen Norman Group: https://www.nngroup.com/articles/usability-testing-101/ Pernice, K. (2016, December 18). UX Prototypes: Low Fidelity vs. High Fidelity. Retrieved August 6, 2021, from Nielsen Norman Group: https://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/ Spool, J. (n.d.). Five Prevalent Pitfalls When Prototyping. Retrieved August 9, 2021, from Center Centre – UIE: https://articles.centercentre.com/pitfalls_prototyping/ UXPin. (n.d.). What Is a Prototype: A Guide to Functional UX. Retrieved August 6, 2021, from https://www.uxpin.com/studio/blog/what-is-a-prototype-a-guide-to-functional-ux/ Photo credits: Photos on sketching and prototyping slides from Amélie Mourichon on Unsplash: https://unsplash.com/photos/wusOJ-2uY6w https://unsplash.com/photos/xZgvBXDB9wE Photos on usability-testing slide from UX Indonesia and KOBU Agency on Unsplash: https://unsplash.com/photos/5QiGvmyJTsc https://unsplash.com/photos/7okkFhxrxNw Emerald Ash Borer photos from Wisconsin’s Emerald Ash Borer Information Service, via the Wayback Machine: https://web.archive.org/web/20171213005025/http://datcpservices.wisconsin.gov/eab/?AspxAutoDetectCookieSupport=1