User Experience
- Summary
-
Discussion
- Isn't UX the same as the UI (User interface)?
- Isn't UX the same as the interaction design?
- What are some basic principles of UX design?
- Why do we need user flows in UX design?
- How can we leverage mental models in UX design?
- What's the difference between a user testing and a usability testing?
- What are some useful UX tips for designers?
- What are some techniques used in UX design?
- Could you discuss a couple of UX case studies?
- Milestones
- References
- Further Reading
- Article Stats
- Cite As
User Experience (UX) is how a person feels while engaging with a product or service. For example, when an e-commerce website is easy to use and free from ads, it's a better UX. Conversely, if it's complex to navigate and hustling with ads, it gives a bad user experience.
A good UX design delights the user. It touches upon the psychological aspects of user interaction. Human empathy is an important factor. A delightful UX design is useful, usable, valuable, desirable, accessible, credible and findable.
Good UX designs uplift failing businesses. Conversely, a bad UX can cause losses to a firm. Statistics say every dollar invested in UX brings a hundred dollars in return. About 70% of customers give up purchases due to bad UX. A good UX improves a product's visibility that translates into higher sales, revenue and customer loyalty.
Discussion
-
Isn't UX the same as the UI (User interface)? UX and UI are often mistaken for synonyms. UX deals with how we experience a product. UI is more about its look and appearance.
Structurally, UX is comparable to the skeleton of a product. It takes a lot of design thinking and research. UI is akin to the body or the external form. We associate the product's colours, fonts, images, navigation and other visual elements with UI.
UI is tangible, whereas UX is intangible. The first stage of product development is UX. UI comes next, and the process is recursive as the product evolves.
UX covers all types of human experiences and interactions. It doesn't restrict just to the device interface. On the other hand, UI is all about the device interface of the product or service. For instance, the UX of a food delivery app takes into account the speed of delivery. Displaying delivery time on the interface so that it's useful for the customers is a UX question. The UI bothers about putting it up on the app attractively.
-
Isn't UX the same as the interaction design? A user's interaction with a product largely shapes his/her user experience with that product, both on physical and emotional levels. Form, function and technology play important roles in this interaction. While there's considerable overlap between UX and interaction design, they're not the same.
UX is interaction design and more. It's a more holistic user-centric process that includes other aspects when the user is not interacting with the product: information architecture, content strategy, visual design, sound design, industrial design, usability, and user research. For example, interaction design concerns with user flows so that users can exercise product functionality easily and effectively. Information design concerns with presenting information for better understanding. Visual design concerns with the product "look-and-feel".
-
What are some basic principles of UX design? Usability: A good UX design is easy to use and learn. It is accurate and engaging. It helps a user complete tasks effectively. Its error tolerance is high. This means it understands the user's intentions and rectifies errors automatically or with minimum effort.
Accessibility: UX should make the product or service easily accessible to a maximum of users across the spectrum. As per a report, long-term stock prices of brands catering better to customers with disability beat their competitors.
Hierarchy: The flow of functionality and information is the hierarchy. UX design shall ensure that the flow is natural and easy. A well-structured hierarchy provides a great user experience.
Consistency: Keeping the look and feel of a product or service uniform across all platforms and interfaces is vital. Fulfilling user expectations every single time is also equally important.
Context: A UX designer should know the purpose of the product or service. An understanding of the user's emotional state should be a prime consideration. Different devices that the user may interface with warrant different design approaches.
-
Why do we need user flows in UX design? Users go through a certain path in their interaction with a digital interface. The series of interactions from the entry point to the final stage is a user flow. Designers plan and create new user flows or alter an existing user flow using user research and feedback. It's an iterative process.
Designers need user flows to create smooth interaction for users to interact intuitively. They make communication with the stakeholders easy by visually breaking down the design components. They help at picking flaws in the existing user flows and offer a blueprint to assess any need for changes.
There are three basic types of User flows:
- Task Flows are suitable to describe the flow of a specific task. Users will follow a single path without branching out.
- Wire Flows convey the layout and design on a single page along with the flow. They can't accommodate dynamic interfaces. They fit best where designs pose screen limitations and demand relative simplicity.
- Screen flows are used to design the aspects of how a user shall interact with the product. They accommodate multiple scenarios and complex designs.
-
How can we leverage mental models in UX design? A mental model represents how we perceive an interaction or an experience. Our reactions to a stimulus stem from our past experiences and mental impressions.
Let's take the example of a digital cart on an e-commerce website. We drop items into a cart, add on to them or remove them, checkout and then pay. This is a mental model that matches a real-world shopping experience.
A mismatch between the users' mental model and the design model may occur. It is more pronounced when users don't understand the interface. Designers immersed in design projects can get stuck in their individual mental models. It's called a designer bubble. Designers need to keep the average user in mind to break this bubble.
UX research helps us identify the gaps in the design. There are many methods such as card sorting to identify users' mental models. Reworking the designs to suit the users' mental models can minimize such mental model mismatches.
One way of addressing mental model mismatches is by making the UX and UI clearer and more transparent.
-
What's the difference between a user testing and a usability testing? Usability testing is a research methodology. A small group of real customers or users are asked to use a product, feature, or prototype. A moderator or a computer application observes their behaviour and takes feedback. It focuses on usability. It's done as a product or feature or prototype evolves.
User testing is performed to determine whether a product is needed or not. Researchers use user testing to validate product ideas. It focuses on the target audience. It's important at the beginning stages of the design.
However, both user testing and usability testing take a user-centric approach.
-
What are some useful UX tips for designers? Designers should focus beyond what users want. Steve Jobs said it's not the customer's job to know what they want. Giving beyond users' expectations is as important as matching their mental models.
Designer's shouldn't think UX design is only about aesthetics. The main purpose of a UX design is to solve problems. It should address the entire product or service cycle. Visual appeal alone cannot make an interface usable.
Designers must not treat UX as the last item in the product design's timeline. UX design is a work in progress. It depends on contexts and conditions that change over time. Integrating UX design later becomes costly and aesthetically difficult.
Designer should give due importance to small details. ShopClues moved the 'Wholesale' section on its website towards the left side. It replaced the word with 'super saver' etc. This minor change increased the visits-to-order (percentage of visitors placing orders) conversion by 26%.
Designer's shouldn't assume that people read every word on a digital interface. Most people scan or skim web pages. Merely adding more words won't enrich the UX. Using a concise choice of effective words bears maximum fruit.
-
What are some techniques used in UX design? Heuristic evaluation: It is useful to figure out the issues in an existing product. It assesses the usability, accessibility and effectiveness of the user experience.
Value Proposition: This method aims to match the user's needs with a proposed product. It works from the standpoint of saleability. Unique Selling Proposition (USP) and target customers are two important considerations in the technique.
Card Sorting: Participants organize topics into categories, make groups, and label them. This is useful to build the structure of the digital interface. The technique is cheap and easy to extract input from users.
Brainstorming: Participants throw fresh and creative ideas among a closed group. It can be random or structured. Depending on the method, a moderator records, classifies and drafts outcomes from the session.
A/B testing: It tests alternative versions of a product by offering them to different users. Comparing the outcomes gives a clear picture of what works best.
UX roadmaps: These communicate the firm's UX future and the problems to solve. It is not restricted just to the UX team. It reflects the UX vision of the entire organization.
-
Could you discuss a couple of UX case studies? New York Times app was fast losing its user base. The reasons were poor coverage, changing priorities, lacking regularity and irrelevant content. Johny Veno performed a case study. His team proposed minor changes to the landing page and called it Timely. Timely would send notifications at opportune moments in a packed day. It would send short reads at times around breakfast, commute, or a coffee break. These customized feeds would glue the readers onto the app.
Stacey Wang identified four pain points in the usability of the Fitbit app:
- Users had issues tracking and logging exercises on the app.
- Users couldn't fix a start time or set a duration for the exercises.
- Users found it hard to identify the right exercise type.
- The app didn't have an option for the user to challenge a friend.
She suggested the following fixes:
- Make the exercise page easily discoverable and the choice to track and log more conspicuous.
- Add a button to browse all the exercise types.
- Add access buttons to edit start time and duration.
- Add a challenge button on a friend's page.
Milestones
John Brooke invents a questionnaire to assess Digital Equipment Corporation's System Usability Scale (SUS). It becomes a widely used tool to assess the usability of systems. It is a simple, ten-statement questionnaire. Researchers can use it to assess whether a system needs an update. They can also evaluate the effectiveness of system improvements and the need to invest further on UX.
Garrett observes that the web was conceived as an information space. But as the technology evolved, the web is now a remote software interface. Via the web interface, users can perform complex operations or workflows. This duality has led to confusion on the terms used to describe the web. Garrett clarifies some of these terms including visual design, navigation design, information design, interaction design, and more.
Thüring & Mahlke propose the Components of User Experience (CUE) Model. It's a comprehensive model that schematizes the core elements of UX. It's built from studying the research findings on smartphones and audio player usage. It categorizes the core UX components into perceived Instrumental qualities, emotional reactions and perceived non-instrumental qualities. Usefulness and ease of use are examples of perceived instrumental qualities. Perceived non-instrumental qualities could include aesthetic aspects, symbolisms and motivational aspects.
References
- 07-Rezaid. 2020. "8 Myths Busted: Misconceptions In UX Design." Rezaid, October 27. Updated 2022-09-26. Accessed 2023-02-22.
- 2U. 2022. "What is the difference between UX and UI?" 2U, May 26. Updated 2022-08-03. Accessed 2023-02-22.
- 99designs. 2020. "The 7 principles of UX design—and how to use them." Blog, 99designs, August 07. Updated 2021-11-03. Accessed 2023-02-22.
- Akintunde, Caulcrick. 2020. "Basic Introduction to User Experience and User Interface Design." Article, BootCamp, October 10. Updated 2021-12-16. Accessed 2023-02-22.
- Albert, Bill, and James R. (Jim) Lewis. 2022. "Welcome to the Journal of User Experience." pp. 85–88, vol. 17, Issue 3, May 2022, Journal of Usability Studies, May. Accessed 2023-02-23.
- Albert, Bill, and Tom Tullis. 2022. "Measuring the User Experience: Collecting, Analyzing, and Presenting UX Metrics Interactive Technologies." 394 pages, Elsevier Science. Accessed 2023-02-23.
- Babich, Nick. 2019. "What is Interaction Design & How Does it Compare to UX?" Blog under Human Computer Interaction, Adobe, October 16. Accessed 2023-03-11.
- Balsamiq. 2023. "Wireframing User Flow with Wireflows." Balsamiq Wireframing Academy. Accessed 2023-02-22.
- Bangor, Aaron, Philip Kortum, and James Miller. 2009. "Determining What Individual SUS Scores Mean: Adding an Adjective Rating Scale." Vol. 4, Issue 3, May 2009, pp. 114-123, Journal of Usability Studies, May. Accessed 2023-03-11.
- Benson, Scott. 2018. "Leveraging Mental Models in UX Design." Toptal, May 15. Accessed 2023-02-22.
- Betteridge, Katharine. 2023. "What Every UXC Client Should Know About SUS Scores." Katharine Betteridge. Accessed 2023-02-23.
- Brooke, John. 1995. "SUS: A quick and dirty usability scale." Vol. 189, Usability Eval. Ind., John Brooke, November 30. Updated 2020-07-31. Accessed 2023-02-23.
- Browne, Camren. 2021a. "The Perfect Introductory UX Design Course for Beginners: UX Fundamentals." Blog, CareerFoundry, July 30. Updated 2021-08-11. Accessed 2023-02-22.
- Browne, Camren. 2021b. "What are User Flows in User Experience (UX) Design?" Blog, CareerFoundry, August 05. Updated 2021-08-05. Accessed 2023-02-22.
- Canvs Editorial. 2021. "How visual design trends have evolved over the years." UX Collective, January 31. Accessed 2023-03-11.
- Chatenet, Laure Gabrielle, and Ousama Jaâfour. 2022. "UX Roadmap: definition and structure." Blog, Capian. Accessed 2023-02-23.
- Chelsea. 2023. "What is UX and why is it Important?" Workshopper, February 07. Accessed 2023-02-22.
- Dai, Annie. 2022. "The Beginner's Guide to User Flow in UX Design | 2022." Blog, UX Planet, May 26. Accessed 2023-02-22.
- DeRome, Jennifer. 2022. "What is user experience?" User Testing, August 22. Accessed 2023-02-22.
- Deliverable UX. 2022. "10 Examples of Mental Models in UX Design." Mofiti, September 06. Accessed 2023-02-22.
- Donovan, Rich. 2020. "Return on Disability." Page-17, Market Trend Analysis, The Return on Disability Group, September 01. Accessed 2023-02-22.
- Fanguy, Will. 2020. "How to Use Mental Models in UX Design." Blog, Adobe, September 02. Updated 2020-12-31. Accessed 2023-02-22.
- Fard, Adam. 2021a. "User Flows in UX (why, what, and how)." Adam Fard, September 14. Accessed 2023-02-22.
- Fard, Adam. 2021b. "Mental Models in UX Design: An Actionable Guide." Adam Fard, November 02. Accessed 2023-02-22.
- Garrett, J. J. 2000. "The Elements of User Experience." Poster, March 30. Accessed 2023-03-22.
- Gavini, Chitharanjan. 2021. "What Makes A Good UI/UX Design?" TRD Studios, April 03. Updated 2022-06-09. Accessed 2023-02-22.
- Georgiou, Michael. 2015. "Were True But Are Not." Blog, Usability Geek, April 27. Updated 2019-09-14. Accessed 2023-02-22.
- Guthrie, Georgina. 2021. "What is information design, and why is it important?" nulab, May 07. Accessed 2023-03-11.
- Holland, Patrick. 2022. "The iPhone at 15: Steve Jobs Revealed His Greatest Product in 2007." CNET, June 29. Accessed 2023-02-23.
- Hotjar. 2021a. "The complete guide to UX." Blog, hotjar, October 05. Updated 2021-10-06. Accessed 2023-02-22.
- Hotjar. 2021b. "The complete guide to UX." Blog, hotjar, September 28. Accessed 2023-02-22.
- Interewicz, Mariusz. 2022. "User Flow Design – Diagram Types, Main Phases & Recommended Tools." Asper Brothers, July 14. Updated 2022-09-13. Accessed 2023-02-22.
- Irish, Robert. 2022. "What Apple learned from skeuomorphism and why it still matters." Feature, appleInsider, August 23. Accessed 2023-03-11.
- Javier, Josh. 2020. "Powerful UX Statistics to Change How You View User Experience." Spiralytics, September 10. Accessed 2023-02-22.
- Khandelwal, Astha. 2019. "7 A/B Testing Examples To Bookmark [2022]" Wingify, December 04. Updated 2022-11-02. Accessed 2023-02-22.
- Kumar, Rishav. 2019. "Zomato app — UX Redesign." Blog, UX Planet, October 18. Updated 2022-07-13. Accessed 2023-02-22.
- Kumar, Amitesh. 2022. "UI Vs. UX: Difference Between UI and UX Design." Blog, Emeritus, May 09. Updated 2022-12-12. Accessed 2023-02-22.
- Lee, Geunbae. 2017. "Having a Psychology background is already a huge step towards User Experience (UX)" UX planet, March 12. Accessed 2023-02-22.
- Licklider, J. C. R.. 1960. "Man-Computer Symbiosis." IRE Transactions on Human Factors in Electronics, volume HFE-1, pages 4-11, March 1960, IEEE, March. Accessed 2023-03-11.
- Lvivity. 2021. "UX Design For E-Commerce: 8 Best Practises For Flawless User Experience." Blog, lvivity, January 14. Updated 2021-01-14. Accessed 2023-03-09.
- Mahlke, Sascha. 2006. "Studying User Experience with Digital Audio Players." Conference: Entertainment Computing - ICEC 2006, 5th International Conference, Cambridge, UK, September 20-22, 2006, Proceedings, Lecture Notes in Computer Science, vol. 4161, pp. 358-361,, Springer, September 20. doi: 10.1007/11872320_49. Accessed 2023-02-23.
- Manjoo, Farhad. 2013. "You Won't Finish This Article." Slate, June 06. Accessed 2023-02-23.
- Mayka, Kateryna. 2023. "UX Flow and Its Importance for the Design Process." Blog, Eleken. Accessed 2023-02-22.
- Medeiros, Itamar. 2012. "What is Information Design?" Designative, August 13. Updated 2023-02-20. Accessed 2023-03-11.
- Mehta, Vishal. 2022. "The Top Myths About UX — Debunked." Bootcamp, March 03. Updated 2022-04-21. Accessed 2023-02-22.
- Meyer, Nick. 2021. "What are UX user flows and why are they important?" Blog, Anima, November 24. Updated 2022-03-09. Accessed 2023-02-22.
- Moran, Kate. 2019. "Usability Testing 101." Nielsen Norman Group, December 01. Accessed 2023-02-22.
- Morville, Peter. 2004. "User Experience Design." Semantic Studios, June 21. Accessed 2023-03-11.
- Nicolás, Juan Carlos Ortíz. 2017. "Understanding and designing pleasant experiences with products." P.HD thesis, Mechanical Engineering Department, Imperial College London, Juan Carlos, February 12. Accessed 2023-03-11.
- Nielsen, Jakob. 1997. "How Users Read on the Web." Nielsen Norman Group, September 30. Accessed 2023-02-22.
- Nielsen, Jakob. 2008. "How Little Do Users Read?" Nielsen Norman Group, May 05. Accessed 2023-02-22.
- Nielsen, Jakob. 2010. "Mental Models." Nielsen Norman Group, October 17. Accessed 2023-02-22.
- Nonnan, Don, Jim Miller, and Austin Henderson. 1995. "What You See, Some of What's in the Future, And How We Go About Doing It: HI at Apple Computer." CHI '95 MOSAIC OF CREATIVITY, July 11. Accessed 2023-02-23.
- Norman, Don, and Jakob Nielsen. 2023. "The Definition of User Experience (UX)" Article, Nielsen Norman Group. Accessed 2023-02-22.
- Norr, Henry R, Adam . Augustyn, Thinley Kalsang Bhutia, Richard Pallardy, William L. Hosch, Grace Young, and Amy Tikkanen. 1998. "Netscape Communications Corp." Encyclopedic article, Britannica, July 20. Updated 2017-08-28. Accessed 2023-02-23.
- Omniconvert. 2019. "What is... User testing." Omniconvert, June 11. Accessed 2023-02-22.
- Parc. 2019. "PARC History." parc, August 01. Accessed 2023-03-11.
- Philip, Kurt. 2020. "eCommerce Shopping Cart UX Design Tips." Blog, Convertica, December 01. Updated 2023-02-09. Accessed 2023-02-24.
- Rae, Matt. 2020. "How to Use Heuristic Evaluations to Improve Product Designs." Adobe, January 18. Updated 2020-04-24. Accessed 2023-02-23.
- Rick. 2018. "4 Key differences between Usability Testing & User Testing." UXaudit.io, March 05. Accessed 2023-02-22.
- Saffer, Dan. 2010. "Designing for Interaction." Second Edition, New Riders. Accessed 2023-03-22.
- Satybaldin, Alisher. 2019. "7 Common UX Design Myths." UX Planet, July 16. Updated 2021-12-10. Accessed 2023-02-22.
- Sauro, Jeff. 2013. "A Brief History of Usability." MeasuringU, February 11. Accessed 2023-02-23.
- Serhat. 2021. "Erdem." Blog, UserGuiding, November 16. Updated 2023-02-22. Accessed 2023-02-22.
- Sharma, Lakshman. 2020. "Why UX is more important than UI." Blog, UX Planet, May 01. Accessed 2023-02-24.
- Shetty, Anushka. 2022. "Task flows, user flows, & journey maps: 3 tools worth their weight for alignment & UX design prioritization." Openfield, March 24. Updated 2023-01-12. Accessed 2023-02-22.
- Stacey, Wang. 2017. "Fitbit: the UX behind the habit of exercise — a UX case study." Blog, UX Collective, May 27. Accessed 2023-02-23.
- Stevens, Emily. 2022a. "The value of UX Design." UX Design institute, May 04. Accessed 2023-02-22.
- Stevens, Emily. 2022b. "UX vs. UI design: What's the difference?" Blog, UX Design Institute, April 06. Updated 2023-02-13. Accessed 2023-02-22.
- Stevens, Emily. 2022c. "7 fundamental UX design principles all designers should know." UX Design Institute, June 06. Updated 2022-06-23. Accessed 2023-02-22.
- Szabó, Gábor. 2019. "3 Steps to Creating an Attractive Value Proposition." Uxstudio, August 27. Updated 2022-05-19. Accessed 2023-02-23.
- Think Design. 2018. "Brainstorming." Think Design Collaborative, January 25. Updated 2020-01-09. Accessed 2023-02-22.
- Tomboc, Kai. 2022. "UX design principles." Blog, UsabilityHub, November 16. Updated 2022-12-11. Accessed 2023-02-22.
- US Assistant Secretary for Public Affairs. 2013a. "User Experience Basics." Department of Health and Human Service, October 07. Updated 2014-02-19. Accessed 2023-02-22.
- US Assistant Secretary for Public Affairs. 2013b. "Card Sorting." Department of Health and Human Service, June 20. Updated 2013-10-09. Accessed 2023-02-22.
- User Interviews. 2023. "A/B Testing." User Interviews. Accessed 2023-02-23.
- Userfacet. 2021a. "What are UI and UX? Part II - Discover the Relationship & Difference Between The Two." Blog under User Experience, Userfacet, December 28. Accessed 2023-03-11.
- Userfacet. 2021b. "User Flow Diagram: A Powerful Methodology used by UX Designers." Blog under User Experience, Userfacet, December 16. Accessed 2023-03-11.
- Vasileva, Yana. 2022. "What are User Flows in User Experience (UX) Design?" Blog, Resolute, June 08. Updated 2022-06-08. Accessed 2023-02-22.
- Vino, Johny. 2018. "Redesigning the New York Times app — a UX case study." Blog, UX Collective, March 14. Accessed 2023-02-23.
- Whiteside, John, and John Bennette. 1988. "Handbook of Human-Computer Interaction." Chapter 36, Usability Engineering: Our Experience and Evolution, Imprint (North-Holland), November 01. doi: 10.1016/b978-0-444-70536-5.50041-5. Accessed 2023-02-23.
- Wood, Samuel. 2020. "Explaining the difference between User Testing and Usability Testing." Loud Canvas, October 07. Updated 2022-12-28. Accessed 2023-02-24.
- Zappa, Letizia. 2015. "What is User Experience? Overview and examples." Blog, UserReport, February 20. Updated 2019-03-27. Accessed 2023-03-07.
- playbookUX. 2015. "User Testing vs. Usability Testing : 7 Main Differences." Blog, playbookUX, November 20. Updated 2020-11-15. Accessed 2023-02-22.
- yukti.io. 2022. "Usability." Interaction Design Foundation, July 01. Accessed 2023-02-22.
Further Reading
- Robier, Hannes. 2021. "The Future of UX jobs – What's coming next?" article, Linkedin, December 20. Accessed 2023-02-23.
- Donahole, Stephanie. 2021. "How Artificial Intelligence Is Impacting UX Design." UXmatters, April 19. Accessed 2023-02-23.
- Stevens, Emily. 2021. "Here's How to Become a UX Designer in 2023." blog, Careerfoundry, June 23. Updated 2023-01-23. Accessed 2023-02-23.
- Columbia Engineering Boot Camps. 2021. "12 UX Designer Tools You Should Be Using (From Beginner to Pro)" blog, Fu Foundation School of Engineering and Applied Science, September 09. Accessed 2023-02-23.
- Foley, Joseph. 2022. "VR and AR could be the future of UX design." Creative Bloq, October 28. Updated 2022-10-31. Accessed 2023-02-23.
Article Stats
Cite As
See Also
- Design Thinking
- A/B Testing
- User Interface
- Wireframes
- Journey map
- Lean UX