User experience design

From HandWiki
Short description: Field of design focusing on the creation of user-centered products and websites

User experience design (UX design, UXD, UED, or XD) defines the experience a user would go through when interacting with a company, its services, and its products.[1] User experience design is a user centered design approach because it considers the user's experience when using a product or platform.[2] Research, data analysis, and test results drive design decisions in UX design rather than aesthetic preferences and opinions. Unlike user interface design, which focuses solely on the design of a computer interface, UX design encompasses all aspects of a user's perceived experience with a product or website, such as its usability, usefulness, desirability, brand perception, and overall performance. UX design is also an element of the customer experience (CX), and encompasses all aspects and stages of a customer's experience and interaction with a company.[3]

History

User experience design is a conceptual design discipline rooted in human factors and ergonomics. This field, since the late 1940s, has focused on the interaction between human users, machines, and contextual environments to design systems that address the user's experience.[4] User experience became a positive insight for designers in the early 1990s with the proliferation of workplace computers. Don Norman, a professor and researcher in design, usability, and cognitive science, coined the term "user experience" and brought it to a wider audience.[5]

I invented the term because I thought human interface and usability were too narrow. I wanted to cover all aspects of the person's experience with the system including industrial design graphics, the interface, the physical interaction and the manual. Since then the term has spread widely, so much so that it is starting to lose its meaning.
—Donald Norman[6]

Elements

Research

Main pages: Error: Template must be given at least one page name and User research

User experience design draws from design approaches like human-computer interaction and user-centered design, and includes elements from similar disciplines like interaction design, visual design, information architecture, user research, and others.

Another portion of the research is understanding the end-user and the purpose of the application. Though this might seem clear to the designer, stepping back and empathizing with the user will yield the best results.

It helps to identify and prove or disprove assumptions, find commonalities across target audience members, and recognize their needs, goals, and mental models.

Visual design

Visual design, also commonly known as graphic design, user interface design, communication design, and visual communication, represents the aesthetics or look-and-feel of the front end of any user interface. Graphic treatment of interface elements is often perceived as the visual design. The purpose of visual design is to use visual elements like colors, images, and symbols to convey a message to its audience. Fundamentals of Gestalt psychology and visual perception give a cognitive perspective on how to create effective visual communication.[7]

Information architecture

Main page: Information architecture

Information architecture is the art and science of structuring and organizing the information in products and services to support usability and findability.[8]

In the context of information architecture, information is separate from both knowledge and data, and lies nebulously between them. It is information about objects.[9] The objects can range from websites, to software applications, to images et al. It is also concerned with metadata: terms used to describe and represent content objects such as documents, people, process, and organizations. Information architecture also encompasses how the pages and navigation are structured.[10]

Interaction design

Main page: Interaction design

It is well recognized that the component of interaction design is an essential part of user experience (UX) design, centering on the interaction between users and products.[11] The goal of interaction design is to create a product that produces an efficient and delightful end-user experience by enabling users to achieve their objectives in the best way possible[12][13]

The current high emphasis on user-centered design and the strong focus on enhancing user experience have made interaction designers critical in conceptualizing products to match user expectations and meet the standards of the latest UI patterns and components.[14]

In the last few years, the role of interaction designer has shifted from being just focused on specifying UI components and communicating them to the engineers to a situation in which designers have more freedom to design contextual interfaces based on helping meet the user's needs.[15] Therefore, User Experience Design evolved into a multidisciplinary design branch that involves multiple technical aspects from motion graphics design and animation to programming.

Usability

Main page: Usability

Usability is the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.[16]

Usability is attached to all tools used by humans and is extended to both digital and non-digital devices. Thus, it is a subset of user experience but not wholly contained. The section of usability that intersects with user experience design is related to humans' ability to use a system or application. Good usability is essential to positive user experience but does not alone guarantee it.[17]

Accessibility

Main page: Engineering:Accessibility

Accessibility of a system describes its ease of reach, use, and understanding. In terms of user experience design, it can also be related to the overall comprehensibility of the information and features. It helps shorten the learning curve associated with the system. Accessibility in many contexts can be related to the ease of use for people with disabilities and comes under usability.[18] In addition, accessible design is the concept of services, products, or facilities in which designers should accommodate and consider for the needs of people with disabilities. According to the Web Content Accessibility Guidelines (WCAG), all content must follow by the four main principles of POUR: Perceivable, Operable, Understandable and Robust.[19]

WCAG compliance

Main page: Web Content Accessibility Guidelines

Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. This makes web content more usable to users in general.[20] Making content more usable and readily accessible to all types of users enhances a user's overall user experience.

Human–computer interaction

Main page: Human–computer interaction

Human–computer interaction is concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them.[21]

Getting ready to design

After research, the designer uses the modeling of the users and their environments. User modeling or personas are composite archetypes based on behavior patterns uncovered during research. Personas provide designers a precise way of thinking and communicating about how groups of users behave, how they think, what they want to accomplish and why.[22] Once created, personas help the designer to understand the users' goals in specific contexts, which is particularly useful during ideation and for validating design concepts. Other types of models include workflow models, artifact models, and physical models.

Design

When the designer has a solid understand of the user's needs and goals, they begin to sketch out the interaction framework (also known as wireframes). This stage defines the high-level structure of screen layouts, as well as the product's flow, behavior, and organization. There are many kinds of materials that can be involved during this iterative phase, from whiteboards to paper prototypes. As the interaction framework establishes an overall structure for product behavior, a parallel process focused on the visual and industrial designs. The visual design framework defines the experience attributes, visual language, and the visual style.[23]

Once a solid and stable framework is established, wireframes are translated from sketched storyboards to full-resolution screens that depict the user interface at the pixel level. At this point, it is critical for the programming team to collaborate closely with the designer. Their input is necessary to create a finished design that can and will be built while remaining true to the concept.[citation needed]

Test and iterate

Usability testing is carried out by giving users various tasks to perform on the prototypes. Any issues or problems faced by the users are collected as field notes and these notes are used to make changes in the design and reiterate the testing phase.[24] Aside from monitoring issues, questions asked by users are also noted in order to identify potential points of confusion. Usability testing is, at its core, a means to "evaluate, not create".[25]

UX deliverables

UX designers perform a number of different tasks and, therefore, use a range of deliverables to communicate their design ideas and research findings to stakeholders.[26] Regarding UX specification documents, these requirements depend on the client or the organization involved in designing a product. The four major deliverables are: a title page, an introduction to the feature, wireframes, and a version history.[27] Depending on the type of project, the specification documents can also include flow models, cultural models, personas, user stories, scenarios, and any prior user research.[26]

The deliverables that UX designers will produce as part of their job include wireframes, prototypes, user flow diagrams, specification and tech docs, websites and applications, mockups, presentations, personas, user profiles, videos, and, to a lesser degree, reports.[28] Documenting design decisions, in the form of annotated wireframes, gives the developer the necessary information they may need to successfully code the project.[29]

After launching a project

Requires:

  • User testing/usability testing
  • A/B testing
  • Information architecture
  • Sitemaps and user flows
  • Additional wireframing as a result of test results and fine-tuning[30]

UX stakeholders

A user experience designer is considered a UX practitioner, along with the following job titles: user experience researcher, information architect, interaction designer, human factors engineer, business analyst, consultant, creative director, interaction architect, and usability specialist.[31]

Interaction designers

Interaction designers (IxD) are responsible for understanding and specifying how the product should behave. This work overlaps with the work of both visual and industrial designers in a couple of important ways. When designing physical products, interaction designers must work with industrial designers early on to specify the requirements for physical inputs and to understand the behavioral impacts of the mechanisms behind them. Interaction designers cross paths with visual designers throughout the project. Visual designers guide the discussions of the brand and emotive aspects of the experience, Interaction designers communicate the priority of information, flow, and functionality in the interface.[32]

Technical communicators

Historically, technical and professional communication (TPC) has been as an industry that practices writing and communication. However, recently UX design has become more prominent in TPC as companies look to develop content for a wide range of audiences and experiences.[33] It is now an expectation that technical and professional skills should be coupled with UX design. According to Verhulsdonck, Howard, and Tham, "...it is not enough to write good content. According to industry expectations, next to writing good content, it is now also crucial to design good experiences around that content."[33] Technical communicators must now consider different platforms such as social media and apps, as well as different channels like web and mobile.[33]

UX writers

In a similar manner, coupling TPC with UX design allows technical communicators to garner evidence on target audiences. UX writers, a branch of technical communicators, specialize in crafting content for mobile platforms while executing a user-centered approach. UX writers focus on developing content to guide users through interfaces, applications, and websites. Their responsibilities include maintaining UI text, conducting user research for usability testing, and developing the tone for a product's communication.[34]

UX writers maintain the practices of technical communicators, by developing documentation that establishes consistency in terminology and tone, promoting a cohesive user experience. However, beyond the writing, UX writers maintain UI text by ensuring that microscopy, such as button labels, error messages, and tooltips, remains user-friendly, as well. In doing this, the writers are also tasked with ensuring accessibility—considering issues like screen reader compatibility or providing non-text elements, such as icons. UX writers conduct extensive research to understand the behaviors and preferences of the target audience through user testing and feedback analysis. These methods of research can include user persona creation and user surveys. Lastly, when setting the tone in a product's communication, UX writers highlight factors that affect user engagement and perception. In short, the writers consider the product's emotional impact on the users, and align the tone with brand's personality.[34][35]

Within the field of UX design, UX writers bridge the gaps between various fields to create a cohesive and user-centric experience. Their expertise in language and communication work to unify design, development, and user research teams by ensuring that the user interface's content aligns with the broader objectives of the product or service. By focusing on clarity, consistency, and empathy, UX writers contribute to the integration of design elements, technical functionality, and user preferences, while following a design process to ensure products with intuitive, accessible, and responsive behavior to user needs.[36]

User interface designers

User interface (UI) design is the process of making interfaces in software or computerized devices with a focus on looks or style. Designers aim to create designs users will find easy to use and pleasurable. UI design typically refers to graphical user interfaces but also includes others, such as voice-controlled ones.[37]

Visual designers

The visual designer ensures that the visual representation of the design effectively communicates the data and hints at the expected behavior of the product. At the same time, the visual designer is responsible for conveying the brand ideals in the product and for creating a positive first impression; this responsibility is shared with the industrial designer if the product involves hardware. In essence, a visual designer must aim for maximum usability combined with maximum desirability. Visual designer need not be good in artistic skills but must deliver the theme in a desirable manner.[38]

UX design testing

Main pages: Error: Template must be given at least one page name and Engineering:Usability testing

Usability testing is the most common method designers use to test their designs. The basic idea behind conducting a usability test is to check whether the design of a product or brand works well with the target users. Usability testing is about testing whether the product's design is successful and, if not, how it can be improved.

While designers conduct tests, they are not testing for the user but for the design. Further, every design is evolving, with both UX design and design thinking moving in the direction of Agile software development.[39] The designers carry out usability testing as early and often as possible, ensuring that every aspect of the final product has been tested.[40]

Usability tests play an important role in the delivery of a cohesive final product; however, a variety of factors influence the testing process. Evaluating qualitative and quantitative methods provides an adequate picture of UX designs, and one of these quantitative methods is A/B testing (see Usability testing). Another key concept in the efficacy of UX design testing is the idea of a persona or the representation of the most common user of a certain website or program, and how these personas would interact with the design in question.[41] At the core of UX design usability testing is the user; however, steps in automating design testing have been made, with Micron developing the Advanced Test Environment (ATE), which automates UX tests on Android-powered smartphones. While quantitative software tools that collect actionable data, such as loggers and mobile agents, provide insight into a user's experience, the qualitative responses that arise from live, user based UX design testing are lost. The ATE serves to simulate a devices movement that affects design orientation and sensor operation in order to estimate the actual experience of the user based on previously collected user testing data.[42]

See also

References

  1. Norman, Don; Nielsen, Jakob. "The Definition of User Experience (UX)". https://www.nngroup.com/articles/definition-user-experience/. 
  2. Allanwood, Gavin; Beare, Peter (2014-04-24) (in en). Basics Interactive Design: User Experience Design: Creating Designs Users Really Love. A&C Black. ISBN 978-2-940496-13-6. https://books.google.com/books?id=LTUeAwAAQBAJ&dq=user+experience+design&pg=PP1. 
  3. Dove, Graham; Halskov, Kim; Forlizzi, Jodi; Zimmerman, John (2017-05-02). "UX Design Innovation: Challenges for Working with Machine Learning as a Design Material". Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems. CHI '17. New York, NY, US: Association for Computing Machinery. pp. 278–288. doi:10.1145/3025453.3025739. ISBN 978-1-4503-4655-9. https://doi.org/10.1145/3025453.3025739. 
  4. environmental context "THE INTERACTION DESIGN FOUNDATION", by Karen Holtzblatt and Hugh R., Retrieved 2016-08-26
  5. Kujala, Sari; Roto, Virpi; Väänänen-Vainio-Mattila, Kaisa; Karapanos, Evangelos; Sinneläa, Arto (2011). "UX Curve: A method for unlimited long-term user experience". Interacting with Computers 23 (5): 473–483. doi:10.1016/j.intcom.2011.06.005. 
  6. Merholz, Peter (2007). "Peter in Conversation with Don Norman About UX & Innovation". Adaptive Path. http://www.adaptivepath.org/ideas/e000862. 
  7. "Visual Design Web Style Guide 3". http://webstyleguide.com/wsg3/7-page-design/3-visual-design.html. 
  8. Information Architecture Institute (2013), What is IA?, https://www.iainstitute.org/sites/default/files/what_is_ia.pdf 
  9. Garrett, Jesse (2011). The Elements of User Experience. New Riders. p. 81. ISBN 978-0-321-68368-7. https://archive.org/details/elementsuserexpe00garr_622. 
  10. "Efficiently Simplifying Navigation, Part 1: Information Architecture" (in en). 2013-12-03. https://www.smashingmagazine.com/2013/12/efficiently-simplifying-navigation-information-architecture/. 
  11. "What is Interaction Design?". 25 July 2020. https://www.interaction-design.org/literature/article/what-is-interaction-design. 
  12. "Principles of Mobile App Design". https://www.thinkwithgoogle.com/marketing-resources/experience-design/principles-of-mobile-app-design-introduction/. 
  13. "What Is User Experience Design? Overview, Tools And Resources". 5 October 2010. https://www.smashingmagazine.com/2010/10/what-is-user-experience-design-overview-tools-and-resources/. 
  14. "The Five Competencies of User Experience Design". http://www.uxmatters.com/mt/archives/2007/11/the-five-competencies-of-user-experience-design.php. 
  15. Lowgren, Jonas. Interaction Design - brief intro. http://www.interaction-design.org/encyclopedia/interaction_design.html. Retrieved 2015-06-18. 
  16. "International Standards". 1998. http://www.usabilitynet.org/tools/r_international.htm#9241-11. 
  17. Marcus, Aaron (2015). Design, User Experience, and Usability: Design Discourse. Springer. p. 340. ISBN 978-3-319-20886-2. https://books.google.com/books?id=fLU0CgAAQBAJ. Retrieved 26 July 2015. 
  18. Butters, Kerry (16 October 2014). "The Fundamentals of Great UX". http://www.host1plus.com/blog/tutorials/fundamentals-great-ux/#.VbT_O7Oqqkp. 
  19. "What is Accessibility?" (in en). https://www.interaction-design.org/literature/topics/accessibility. 
  20. "Web Content Accessibility Guidelines (WCAG) 2.0" (in en-US). https://www.w3.org/TR/WCAG20/. 
  21. "Curricula for Human-Computer Interaction, Chapter 2. Definition and Overview of Human-Computer Interaction". http://old.sigchi.org/cdg/cdg2.html#2_1. 
  22. Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2 September 2014). About Face: The Essentials of Interaction Design (4th ed.). Wiley. p. 62. ISBN 978-1-118-76657-6. 
  23. Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). About Face: The Essentials of Interaction Design (4th ed.). Wiley. p. 131. ISBN 978-1-118-76657-6. 
  24. Treder, Marcin (2012-08-29). "Beyond Wireframing: The Real-Life UX Design Process". http://www.smashingmagazine.com/2012/08/29/beyond-wireframing-real-life-ux-design-process/. 
  25. Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). About Face: The Essentials of Interaction Design. Wiley. p. 140. ISBN 978-1-118-76657-6. 
  26. 26.0 26.1 "An Overview Of The Most Common UX Design Deliverables" (in en). 2017-09-27. https://www.smashingmagazine.com/2017/09/comprehensive-overview-ux-design-deliverables/. 
  27. Kiess, Chris (2014-05-07). "A Practical Guide to UX Specifications". http://chriskiess.net/a-practical-guide-to-ux-specifications/. 
  28. Lauer, Claire; Brumberger, Eva (2016). "Technical Communication as User Experience in a Broadening Industry Landscape". Technical Communication (Washington) 63 (3). 
  29. "Wireframing – The Perfectionist's Guide" (in en). 2016-11-22. https://www.smashingmagazine.com/2016/11/wireframe-perfectionist-guide/. 
  30. Oscar, Julian. "What's the Difference Between a User Experience (UX) Designer and a User Interface (UI) Designer?". http://www.zanthro.com/whats-the-difference-between-a-user-experience-ux-designer-and-a-user-interface-ui-designer. 
  31. Baxter, Kathy; Courage, Catherine; Caine, Kelly (2015). Understanding Your Users (2nd ed.). Elsevier Science & Technology. 
  32. Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2 September 2014). About Face: The Essentials of Interaction Design (4th ed.). John Wiley & Sons. p. 153. ISBN 978-1-118-76657-6. 
  33. 33.0 33.1 33.2 Verhulsdonck, Gustav; Howard, Tharon; Tham, Jason (2021-09-21). "Investigating the Impact of Design Thinking, Content Strategy, and Artificial Intelligence: A "Streams" Approach for Technical Communication and User Experience" (in en). Journal of Technical Writing and Communication 51 (4): 468–492. doi:10.1177/00472816211041951. ISSN 0047-2816. http://journals.sagepub.com/doi/10.1177/00472816211041951. 
  34. 34.0 34.1 Portmann, Lara (2022-08-01). "Crafting an audience: UX writing, user stylization, and the symbolic violence of little texts". Discourse, Context & Media 48: 100622. doi:10.1016/j.dcm.2022.100622. ISSN 2211-6958. 
  35. "Overlap, Influence, Intertwining: The Interplay of UX and Technical Communication - JUX" (in en). 2011-05-07. https://uxpajournal.org/overlap-influence-intertwining-the-interplay-of-ux-and-technical-communication/. 
  36. Lies, Erica (2020). "Strategic Writing for UX: Drive Engagement, Conversion, and Retention With Every Word: Torrey Podmajersky [Book Review]" (in en-US). IEEE Transactions on Professional Communication 63 (4): 404–405. doi:10.1109/TPC.2020.3024409. 
  37. "What is User Interface (UI) Design?". https://www.interaction-design.org/literature/topics/ui-design. 
  38. Goodwin, Kim (2009). Designing for the Digital Age. Wiley. p. 21. ISBN 978-0-470-22910-1. 
  39. Da Silva, Tiago Silva; Silveira, Milene Selbach; Maurer, Frank; Silveira, Fábio Fagundes (2018-10-01). "The evolution of agile UXD". Information and Software Technology 102: 1–5. doi:10.1016/j.infsof.2018.04.008. ISSN 0950-5849. https://www.sciencedirect.com/science/article/pii/S0950584917301490. 
  40. "Usability Testing". 13 November 2013. https://www.usability.gov/how-to-and-tools/methods/usability-testing.html. 
  41. Porter, Chris; Letier, Emmanuel; Sasse, M. Angela (August 2014). "Building a National E-Service using Sentire experience report on the use of Sentire: A volere-based requirements framework driven by calibrated personas and simulated user feedback". 2014 IEEE 22nd International Requirements Engineering Conference (RE). IEEE. pp. 374–383. doi:10.1109/RE.2014.6912288. ISBN 978-1-4799-3033-3. https://ieeexplore.ieee.org/document/6912288. 
  42. Canfora, Gerardo; Mercaldo, Francesco; Visaggio, Corrado Aaron; D'Angelo, Mauro; Furno, Antonio; Manganelli, Carminantonio (March 2013). "A Case Study of Automating User Experience-Oriented Performance Testing on Smartphones". 2013 IEEE Sixth International Conference on Software Testing, Verification and Validation. IEEE. pp. 66–69. doi:10.1109/ICST.2013.16. ISBN 978-1-4673-5961-0. https://ieeexplore.ieee.org/document/6569717. 

Further reading