1 / 37

User Experience

User Experience. Lawrence Najjar – UX Designer July 16, 2019. Outline. Terms Why is usability important? Usability benefits quiz Proposed Harris Affinity design system. Terms. What is a ”user interface”?. What is a ”user interface”?. The way users interact with a software application

onawa
Télécharger la présentation

User Experience

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. User Experience Lawrence Najjar – UX Designer July 16, 2019

  2. Outline • Terms • Why is usability important? • Usability benefits quiz • Proposed Harris Affinity design system

  3. Terms

  4. What is a ”user interface”?

  5. What is a ”user interface”? • The way users interact with a software application • Includes screens, buttons, hyperlinks, entry fields, graphics, keyboard, mouse

  6. What does “user experience” mean?

  7. What does “user experience” mean? • The elements that affect how users perceive a product • Includes packaging, installation, graphics, ease of use, response time, installation, support

  8. What does “usability” mean?

  9. What does “usability” mean? • Ease of use of the product • Includes familiarity, simplicity, consistency, and intuitiveness

  10. How make applications easy to use?

  11. How make applications easy to use? • Before coding, identify user needs, preferences, & challenges • Create design concepts • Get feedback from teammates & representative users • Improve design concepts • Begin coding • Get user feedback from representative users • Improve coded design

  12. Why make applications easy to use?

  13. Why make applications easy to use? Usability increases: • Ease of use • User productivity 5, 7 • User satisfaction 2, 5, 16 • User trust 5 • Company reputation 10, 11 • Competitive advantage 2, 7, 14 • Revenue 2, 5, 7, 12, 14 Usability decreases: • Learning time 2, 5 • Training 12, 16 • Staff turnover 2, 7 • User errors 2, 10 • Documentation costs • Support costs 2, 5, 12, 16 • Development time 4, 5, 15, 16 • Development costs 1, 2, 3, 4, 5, 6, 8, 9, 10, 13, 14 • Maintenance

  14. Usability Benefits Quiz

  15. 1. What percentage of an application’s code is for the user interface? • 5% • 10% • 25% • 50%

  16. 1. What percentage of an application’s code is for the user interface? • 5% • 10% • 25% • 50% • Inveradi, P. (2005). Software engineering education in the modern age. Software Education and Training Sessions at the International Conference, on Software Engineering, ICSE 2005, St. Louis, MO, USA, May 15-21, 2005, Revised Lectures • Myers, B. A. and Rosson, M. B. (1992). Survey on user interface programming. In CHI ‘92 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 195-202. Available: www-2.cs.cmu.edu/afs/cs.cmu.edu/project/garnet/doc/papers/uisurveyCHI92.ps

  17. 2. What percentage of development time is for the user interface? • 5% • 10% • 25% • 50%

  18. 2. What percentage of development time is for the user interface? • 5% • 10% • 25% • 50% Myers, B. A. (1995). User Interface Software Tools, ACM Transactions on Computer-Human Interaction, 2(1), pp. 64-103.

  19. 3. What is the rank of “user involvement” as a predictor of successful projects? • 1st • 3rd • 5th • 7th

  20. 3. What is the rank of “user involvement” as a predictor of successful projects? • 1st • 3rd • 5th • 7th The Standish Group (1995). The CHAOS report [Online]. Retrieved from: http://www.csus.edu/indiv/v/velianitis/161/chaosreport.pdf

  21. 4. What percentage of software defects is due to usability errors? • 5% • 15% • 30% • 60%

  22. 4. What percentage of software defects is due to usability errors? • 5% • 15% • 30% • 60% Inveradi, P. (2005). Software engineering education in the modern age. Software Education and Training Sessions at the International Conference, on Software Engineering, ICSE 2005, St. Louis, MO, USA, May 15-21, 2005, Revised Lectures

  23. 5. After making usability improvements on a very, very popular e-commerce site, how much did annual revenue increase? • $30,000 • $300,000 • $3,000,000 • $300,000,000

  24. 5. After making improvements on a very, very popular e-commerce site, how much did annual revenue increase? • $30,000 • $300,000 • $3,000,000 • $300,000,000 Spool, J. (2009). The $300 million button. Retrieved from: https://articles.uie.com/three_hund_million_button/

  25. Prize!

  26. Proposed design system

  27. Design system • Set of user interface controls with: • Usage descriptions • Reusable user interface controls for design tool • Reusable JavaScript code • Offers: • Reusability • Consistency • Efficiency • Bonus: We don’t have to build our own!

  28. Carbon design system

  29. Proposed Harris Affinity design framework

  30. Consolidate multiple pages into one landing page - BEFORE

  31. Consolidate multiple pages into one landing page - AFTER

  32. Create Favorites

  33. Summary • User-centered design and development • Improves ease of use • Reduces development time & costs • Reduces support costs • Increases customer satisfaction • Increases revenue

  34. References • 1 Barker, D. T. (2000). Cost benefits of usability engineering. • 2 Bevan, N. (2005). Cost benefits evidence and case studies. Retrieved from: http://www.usabilitynet.org/papers/Cost_benefits_evidence.pdf • 3 Boehm, B. (1987). Industrial software metrics top 10 list. IEEE Software, 4(5), 84-85. • 4 Bosert, J. L. (1991). Quality Functional Deployment: A Practitioner’s Approach. New York: ASQC Quality Press. • 5 Ehrlich, K., & Rohn, J. (1994) Cost justification of usability engineering: A vendor’s perspective. In R. Bias & D. Mayhew (Eds.), Cost-justifying usability (73-110). San Diego: Academic Press. • 6 Harrison, M. C., Henneman, R. L., & Blatt, L. A. (1994). Design of a human factors cost-justification tool. In R. Bias & D. Mayhew (Eds.), Cost-justifying usability (203-242). San Diego: Academic Press. • 7 Karat, C-M. (1994). A business case approach to usability cost justification. In R. Bias & D. Mayhew (Eds.), Cost-justifying usability (45-70). San Diego: Academic Press. • 8 LaPlante, A. (1992, July 27). Put to the test. Computerworld, 27(75). • 9 Lederer, A. L., & Prasad, J. (1992). Nine management guidelines for better cost estimating. Communications of the ACM, 35(2) (February), 51-59. • 10 Marcus, A. (2005). User interface design’s return on investment: Examples and statistics. In R. Bias & D. Mayhew (Eds.), Cost-justifying usability: An update for an Internet age (17-39). San Diego: Academic Press. Version retrieved from: http://studylib.net/doc/13207962/am-a • 11 Mauro, C. (1994). Cost-justifying usability in a contractor company. In R. Bias & D. Mayhew (Eds.), Cost-justifying usability (123-142). San Diego: Academic Press. • 12 Mayhew, D. & Mantei, M. (1994). A basic framework for cost-justifying usability engineering. In R. Bias & D. Mayhew (Eds.), Cost-justifying usability (9-43). San Diego: Academic Press. • 13 Nielsen, J. (1993). Usability engineering. San Francisco: Morgan Kaufmann. • 14 Rajanen, M., & Jokela, T. (2004). Analysis of usability cost-benefit models. In T. Leino, T. Saarinen, & S. Klein (Eds.), ECIS 2004 Proceedings, 115. Retrieved from http://docplayer.net/46362298-Analysis-of-usability-cost-benefit-models.html • 15 Richeson, A., Bertus, E., Bias, R. G., & Tate, J. (2011). Determining the value of usability in Web design. In K-P. L. Vu & R. Proctor (Eds.), Handbook of Human Factors in Web Design (2nd ed.) 753-764. • 16 Weinschenk, S. (2005). Usability: A business case. Retrieved from: http://info.humanfactors.com/acton/attachment/4167/4167:f-003b/1/%7B%7BEnv.MsgId%7D%7D/Bdc4167:f-003b/%7B%7BEnv.SrcId%7D%7D/%7B%7BEnv.RecId%7D%7D/

More Related