User-centered design

Last updated

User-centered design (UCD) or user-driven development (UDD) is a framework of process (not restricted to interfaces or technologies) in which usability goals, user characteristics, environment, tasks and workflow of a product, service or process are given extensive attention at each stage of the design process. These tests are conducted with/without actual users during each stage of the process from requirements, pre-production models and post production, completing a circle of proof back to and ensuring that "development proceeds with the user as the center of focus." [1] [2] Such testing [3] is necessary as it is often very difficult for the designers of a product to understand intuitively the first-time users of their design experiences, and what each user's learning curve may look like. User-centered design is based on the understanding of a user, their demands, priorities and experiences and when used, is known to lead to an increased product usefulness and usability as it delivers satisfaction to the user. [4] User-centered design applies cognitive science principles to create intuitive, efficient products by understanding users' mental processes, behaviors, and needs.

Contents

The chief difference from other product design philosophies is that user-centered design tries to optimize the product around how users can, want, or need to use it so that users are not forced to change their behavior and expectations to accommodate the product. The users thus stand in the center of two concentric circles. The inner circle includes the context of the product, the objectives of developing it, and the environment it would run in. The outer circle involves more granular details of task detail, task organization, and task flow. [2]

History

The term "User-Centered Design" was coined by Rob Kling in 1977 [5] and later adopted in Donald A. Norman's research laboratory at the University of California, San Diego. The concept became widely popular as a result of the publication of the book User-Centered System Design: New Perspectives on Human-Computer Interaction in 1986. [6] The concept gained further attention and acceptance in Norman's seminal book The Design of Everyday Things (originally called The Psychology of Everyday Things [7] ). In this book, Norman describes the psychology behind what he deems 'good' and 'bad' design through examples. He exalts the importance of design in our everyday lives and the consequences of errors caused by bad designs.

The two books include principles for building well-designed products. His recommendations are based on the user's needs, leaving aside what he considers secondary issues like aesthetics. The main highlights of these are:

  1. Simplifying the structure of the tasks such that the possible actions at any moment are intuitive.
  2. Make things visible, including the conceptual model of the system, actions, results of actions and feedback.
  3. Getting the mappings right between intended results and required actions.
  4. Embracing and exploiting the constraints of systems.

In a later book, Emotional Design , [8] :p.5 onwards Norman returns to some of his earlier ideas to elaborate what he had come to find as overly reductive.

Models and approaches

For example, the User-Centered Design process can help software designers fulfill the goal of a product engineered for their users. User requirements are considered right from the beginning and included in the whole product cycle. These requirements are noted and refined through investigative methods including: ethnographic study, contextual inquiry, prototype testing, usability testing and other methods. Generative methods may also be used including: card sorting, affinity diagramming and participatory design sessions. In addition, user requirements can be inferred by careful analysis of usable products similar to the product being designed.

User-Centered Design takes inspiration from the following models:

Here are the principles that help in ensuring a design is user-centered: [12]

  1. Design is based upon an explicit understanding of users, tasks and environments.
  2. Users are involved throughout design and development. [13]
  3. Design is driven and refined by user-centered evaluation.
  4. Process is iterative.
  5. Design addresses the whole user experience.
  6. Design team includes multidisciplinary skills and perspectives.

User-centered design process

The goal of user-centered design is to make products that have very high usability. This includes how convenient the product is its usage, manageability, effectiveness, and how well the product is mapped to the user requirements. Below are the general phases of User-Centered Design process: [14] [15]

  1. Specify context of use: Identify who the primary users of the product are, why they will use the product, what are their requirements and under what environment they will use it.
  2. Specify requirements: Once the context is specified, it is time to identify the granular requirements of the product. This is an important phase which can further facilitate the designers to create storyboards, and set important goals to make the product successful.
  3. Create design solutions and development: Based on product goals and requirements, start an iterative process of product design and development.
  4. Evaluate product: Product designers do usability testing to get users' feedback for the product at every stage of User-Centered Design.

The above procedure is repeated in the next steps to finish the product further. These phases are general approaches and factors like design goals, team and their timeline, and environment in which the product is developed, determine the appropriate phases for a project and their order. You can either follow a waterfall model, agile model or any other software engineering practice.

Purpose

UCD asks questions about users and their tasks and goals, then uses the findings to make decisions about development and design. The UCD of a web site, for instance, seeks to answer the following questions:

Elements

As an example of UCD viewpoints, the essential elements of UCD of a website usually are the considerations of visibility, accessibility, legibility and language.

Visibility

Visibility helps the user construct a mental model of the document. Models help the user predict the effect(s) of their actions while using the document. Important elements (such as those that aid navigation) should be emphatic. Users should be able to tell from a glance what they can and cannot do with the document.

Accessibility

Users should be able to find information quickly and easily throughout the document, regardless of its length. Users should be offered various ways to find information (such as navigational elements, search functions, table of contents, [16] clearly labeled sections, page numbers, color-coding, etc.). Navigational elements should be consistent with the genre of the document. ‘Chunking' is a useful strategy that involves breaking information into small pieces that can be organized into some meaningful order or hierarchy. The ability to skim the document allows users to find their piece of information by scanning rather than reading. Bold and italic words are often used to this end.

Legibility

Text should be easy to read: Through analysis of the rhetorical situation, the designer should be able to determine a useful font-family and font style. Ornamental fonts, text in all capital letters, large or small body text can be hard to read and should be avoided. Text-colouring and bolding can be helpful when used in text-heavy scenarios. High figure-ground contrast between text and background increases legibility. Dark text against a light background is most legible.

Language

Certain types of languages are needed depending on the rhetorical situation. Short sentences are helpful, as are well-written texts used in explanations and similar bulk-text situations. Unless the situation calls for it, jargon or heavily technical terms should not be used. Many writers will choose to use the active voice, verbs (instead of noun strings or nominals), and a simple sentence structure.

Analysis tools

There are a number of tools that are used in the analysis of User-Centered Design, mainly: personas, scenarios, and essential use cases.

Persona

During the UCD process, a Persona representing the user may be created. A persona is a user archetype used to help guide decisions about product features, navigation, interactions, and even visual design. In most cases, personas are synthesized from a series of ethnographic interviews with real people, then captured in 1-2 page descriptions that include behavior patterns, goals, skills, attitudes, and environment, with a few fictional personal details to bring the persona to life. [17]

For each product, or sometimes for each set of tools within a product, there is a small set of personas, one of whom is the primary focus for the design. There is also what is called a secondary persona, where the character is not the main target of the design, but their needs should be met and problems solved if possible. They exist to help account for further possible problems and difficulties that may occur even though the primary persona is satisfied with their solution. There is also an anti-persona, which is the character for which the design is specifically not made.

Personas are useful because they create a common shared understanding of the user group that the design process is built around. Also, they help prioritize the design considerations by providing a context of what the user needs and what functions are nice to add and have. They can also provide a human face and existence to a diversified and scattered user group and help create empathy and add emotions when referring to the users. However, since personas are a generalized perception of the primary stakeholder group from collected data, the characteristics may be too broad and typical or too much of an "average Joe". Sometimes, personas can have stereotypical properties, which may hurt the entire design process. Overall, personas can be a useful tool to be used by designers to make informed design decisions, as opposed to referring to a set of data or a wide range of individuals.

Personas can also be modified all through the UCD of a product, based on user testing and changing environment. This is not an ideal way to use Personas but should not be a taboo either, particularly when it becomes apparent that variables surrounding a product's development have changed since the design started and current persona/s may not cater well to the changed conditions.

Scenario

A scenario created in the UCD process is a fictional story about the "daily life of" or a sequence of events with the primary stakeholder group as the main character. Typically, a persona created earlier is used as the main character of this story. The story should be specific to the events that relate to the problems of the primary stakeholder group, and, normally the main research questions the design process is built upon. These may turn out to be a simple story about an individual's daily life. Still, small details from the events should imply details about the users, and may include emotional or physical characteristics. There can be the best-case scenario, where everything works out best for the main character, the worst-case scenario, where the main character experiences everything going wrong around him or her, and an average-case scenario, which is the typical life of the individual, where nothing really special or depressing occurs, and the day moves on.

Scenarios create a social context in which the personas exist and create an actual physical world, instead of imagining a character with internal characteristics from gathered data and nothing else, there is more action involved in the persona's existence. A scenario is also more easily understood by people since it is a story and is easier to follow. Yet, like the personas, these scenarios are assumptions made by the researcher and designer and is also created from a set of organized data. It is important to ensure that scenarios are created as close as possible to real world scenarios. Nevertheless, it can sometimes be difficult to explain and inform how low level tasks occur, for ex- the thought process of a persona before acting.

Use case

In short, a use case describes the interaction between an individual and the rest of the world. Each use case describes an event that may occur for a short period of time in real life but may consist of intricate details and interactions between the actor and the world. It is represented as a series of simple steps for the character to achieve his or her goal through a cause and effect scheme. Use cases are normally written in the form of a chart with two columns: first column labelled actor, second column labelled world, and the actions performed by each side written in order in the respective columns. The following is an example of a use case for performing a song on a guitar in front of an audience.

ActorWorld
choose music to play
pick up guitar
display sheet music
perform each note on sheet music using guitar
convey note to audience using sound
audience provides feedback to performer
assess performance and adjust as needed based on audience feedback
complete song with required adjustments
audience applause

The interaction between actor and the world is an act that can be seen in everyday life, and we take them as granted and don't think too much about the small detail that needs to happen for an act like performing a piece of music to exist. It is similar to the fact that when speaking our mother tongue, we do not overthink about grammar and how to phrase words; they just come out since we are so used to saying them. The actions between an actor and the world, notably, the primary stakeholder (user) and the world in this case, should be considered in detail. Hence, use cases are created to understand how these tiny interactions occur.

An essential use case is a special use case, also called an abstract use case. Essential use cases describe the essence of the problem, and deals with the nature of the problem itself. While writing essential use cases, no assumptions about unrelated details should be made. In additions, the goals of the subject should be separated from the process and implementation to reach that particular goal. Below is an example of an essential use case with the same goal as the former.

ActorWorld
choose sheet music to perform
gathers necessary resources
provides access to resources
performs piece sequentially
convey and interprets performance
provides feedback
completes performance

Use cases are useful because they help identify useful levels of design work. They allow the designers to see the actual low level processes that are involved in a certain problem, which makes the problem easier to handle, since certain minor steps and details the user makes are exposed. The designers' job should be to take into consideration these small problems in order to arrive at a final solution that works. Another way to say this is that use cases break complicated tasks into smaller bits, where these bits are useful units. Each bit completes a small task, which then builds up to the final bigger task. Like writing code on a computer, it is easier to write the basic smaller parts and make them work first, and then put them together to finish the larger more complicated code, instead of tackling the entire code from the very beginning.

The first solution is less risky because if something goes wrong with the code, it is easier to look for the problem in the smaller bits, since the segment with the problem will be the one that does not work, while in the latter solution, the programmer may have to look through the entire code to search for a single error, which proves time-consuming. The same reasoning goes for writing use cases in UCD. Lastly, use cases convey useful and important tasks where the designer can now see which one are of higher importance than others. Some drawbacks of writing use cases include the fact that each action, by the actor or the world, consist of little detail, and is simply a small action. This may possibly lead to further imagination and different interpretation of action from different designers.

Also, during the process, it is really easy to oversimplify a task, since a small task derived from a larger task may still consist of even smaller tasks which were missed. Picking up a guitar may involve thinking of which guitar to pick up, which pick to use, and think about where the guitar is located first. These tasks may then be divided into smaller tasks, such as first thinking of what colour of guitar fits the place to perform the piece, and other related details. Tasks may be split further down into even tinier tasks, and it is up to the designer to determine what is a suitable place to stop splitting up the tasks. Tasks may not only be oversimplified, they may also be omitted in whole, thus the designer should be aware of all the detail and all the key steps that are involved in an event or action while writing use cases.

See also

Related Research Articles

Usability engineering is a professional discipline that focuses on improving the usability of interactive systems. It draws on theories from computer science and psychology to define problems that occur during the use of such a system. Usability Engineering involves the testing of designs at various stages of the development process, with users or with usability experts. The history of usability engineering in this context dates back to the 1980s. In 1988, authors John Whiteside and John Bennett—of Digital Equipment Corporation and IBM, respectively—published material on the subject, isolating the early setting of goals, iterative evaluation, and prototyping as key activities. The usability expert Jakob Nielsen is a leader in the field of usability engineering. In his 1993 book Usability Engineering, Nielsen describes methods to use throughout a product development process—so designers can ensure they take into account the most important barriers to learnability, efficiency, memorability, error-free use, and subjective satisfaction before implementing the product. Nielsen’s work describes how to perform usability tests and how to use usability heuristics in the usability engineering lifecycle. Ensuring good usability via this process prevents problems in product adoption after release. Rather than focusing on finding solutions for usability problems—which is the focus of a UX or interaction designer—a usability engineer mainly concentrates on the research phase. In this sense, it is not strictly a design role, and many usability engineers have a background in computer science because of this. Despite this point, its connection to the design trade is absolutely crucial, not least as it delivers the framework by which designers can work so as to be sure that their products will connect properly with their target usership.

Software design is the process of conceptualizing how a software system will work before it is implemented or modified. Software design also refers to the direct result of the design process – the concepts of how the software will work which consists of both design documentation and undocumented concepts.

<span class="mw-page-title-main">Usability</span> Capacity of a system for its users to perform tasks

Usability can be described as the capacity of a system to provide a condition for its users to perform the tasks safely, effectively, and efficiently while enjoying the experience. In software engineering, usability is the degree to which a software can be used by specified consumers to achieve quantified objectives with effectiveness, efficiency, and satisfaction in a quantified context of use.

In software and systems engineering, the phrase use case is a polyseme with two senses:

  1. A usage scenario for a piece of software; often used in the plural to suggest situations where a piece of software may be useful.
  2. A potential scenario in which a system receives an external request and responds to it.
<span class="mw-page-title-main">Requirements analysis</span> Engineering process

In systems engineering and software engineering, requirements analysis focuses on the tasks that determine the needs or conditions to meet the new or altered product or project, taking account of the possibly conflicting requirements of the various stakeholders, analyzing, documenting, validating, and managing software or system requirements.

Participatory design is an approach to design attempting to actively involve all stakeholders in the design process to help ensure the result meets their needs and is usable. Participatory design is an approach which is focused on processes and procedures of design and is not a design style. The term is used in a variety of fields e.g. software design, urban design, architecture, landscape architecture, product design, sustainability, graphic design, industrial design, planning, and health services development as a way of creating environments that are more responsive and appropriate to their inhabitants' and users' cultural, emotional, spiritual and practical needs. It is also one approach to placemaking.

<span class="mw-page-title-main">Website wireframe</span> Visual guide that represents the skeletal framework of a website

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. The term wireframe is taken from other fields that use a skeletal framework to represent 3 dimensional shape and volume. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually driven by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website's content, including interface elements and navigational systems, and how they work together. The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, it focuses on what a screen does, not what it looks like. Wireframes can be pencil drawings or sketches on a whiteboard, or they can be produced by means of a broad array of free or commercial software applications. Wireframes are generally created by business analysts, user experience designers, developers, visual designers, and by those with expertise in interaction design, information architecture and user research.

In computing, a scenario is a narrative of foreseeable interactions of user roles and the technical system, which usually includes computer hardware and software.

<span class="mw-page-title-main">User interface design</span> Planned operator–machine interaction

User interface (UI) design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience. In computer or software design, user interface (UI) design primarily focuses on information architecture. It is the process of building interfaces that clearly communicate to the user what's important. UI design refers to graphical user interfaces and other forms of interface design. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals.

Ecological interface design (EID) is an approach to interface design that was introduced specifically for complex sociotechnical, real-time, and dynamic systems. It has been applied in a variety of domains including process control, aviation, and medicine.

<span class="mw-page-title-main">Persona (user experience)</span> Personalized fictional characters representing a consumer or user category

A persona in user-centered design and marketing is a personalized fictional character created to represent a user type that might use a site, brand, or product in a similar way. Personas represent the similarities of consumer groups or segments. They are based on demographic and behavioural personal information collected from users, qualitative interviews, and participant observation. Personas are one of the outcomes of market segmentation, where marketers use the results of statistical analysis and qualitative observations to draw profiles, giving them names and personalities to paint a picture of a person that could exist in real life. The term persona is used widely in online and technology applications as well as in advertising, where other terms such as pen portraits may also be used.

Object-oriented design (OOD) is the process of planning a system of interacting objects to solve a software problem. It is a method for software design. By defining classes and their functionality for their children, each object can run the same implementation of the class with its state.

User experience design defines the experience a user would go through when interacting with a company, its services, and its products. User experience design is a user centered design approach because it considers the user's experience when using a product or platform. 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.

Contextual design (CD) is a user-centered design process developed by Hugh Beyer and Karen Holtzblatt. It incorporates ethnographic methods for gathering data relevant to the product via field studies, rationalizing workflows, and designing human–computer interfaces. In practice, this means that researchers aggregate data from customers in the field where people are living and applying these findings into a final product. Contextual design can be seen as an alternative to engineering and feature driven models of creating new systems.

The pluralistic walkthrough is a usability inspection method used to identify usability issues in a piece of software or website in an effort to create a maximally usable human-computer interface. The method centers on recruiting a group of users, developers and usability professionals to step through a task scenario, discussing usability issues associated with dialog elements involved in the scenario steps. The group of experts used is asked to assume the role of typical users in the testing. The method is prized for its ability to be utilized at the earliest design stages, enabling the resolution of usability issues quickly and early in the design process. The method also allows for the detection of a greater number of usability problems to be found at one time due to the interaction of multiple types of participants. This type of usability inspection method has the additional objective of increasing developers’ sensitivity to users’ concerns about the product design.

Human-centered design is an approach to problem-solving commonly used in process, product, service and system design, management, and engineering frameworks that develops solutions to problems by involving the human perspective in all steps of the problem-solving process. Human involvement typically takes place in initially observing the problem within context, brainstorming, conceptualizing, developing of concepts and implementing the solution.

Human-centered design is an approach to interactive systems development that aims to make systems usable and useful by focusing on the users, their needs and requirements, and by applying human factors/ergonomics, and usability knowledge and techniques. This approach enhances effectiveness and efficiency, improves human well-being, user satisfaction, accessibility and sustainability; and counteracts possible adverse effects of use on human health, safety and performance.

A user interface specification is a document that captures the details of the software user interface into a written document. The specification covers all possible actions that an end user may perform and all visual, auditory and other interaction elements.

Experience architecture (XA) is the art of articulating a clear user story/journey through an information architecture, interaction design and experience design that an end user navigates across products and services offered by the client or as intended by the designer. This visual representation is intended not only to highlight the systems that the end user will touch and interact with, but also the key interactions that the user will have with interacting the internal systems or back end structure of an application. It provides a holistic view of the experience, vertical knowledge of industry, the systems, documentation, and analysis of the points that should be focused on when delivering a holistic experience. The Experience architecture provides an overall direction for user experience actions across the projects.

Agile usability engineering is a method created from a combination of agile software development and usability engineering practices. Agile usability engineering attempts to apply the principles of rapid and iterative development to the field of user interface design.

User advocacy is a user experience design principle concerned with representing user perspectives in product design. One definition states that user advocacy is the practice of using designated spokespeople to facilitate interaction between users and designers of the products they use. Another more broadly defines user advocacy as the practice of advocating for the user, regardless of whether one is a user, designer, developer, researcher, manager, etc. User advocates typically may suspend their own personal or functional point of view, and attempt to see the product through the eyes of, and the experience of, the user of that product. The ability to take on the user's point of view, without personal judgement or bias, allows the advocate to see things as the user might see them, enabling them to ultimately make observations and perhaps recommendations to improve the user experience. Similarly, some user advocates will take a neutral, scientific point of view, and will observe and collect data from users that will suggest that the product or user experience could be changed or improved in a way that users would prefer or benefit from. User advocates may be scientists or engineers who use the scientific method to make improvements that result in increased ease of use, time savings, improved levels of user satisfaction, or other user-centered metrics.

References

  1. "Cover – Just Ask: Integrating Accessibility Throughout Design". uiaccess.com.
  2. 1 2 "Notes on User Centered Design Process (UCD)". www.w3.org.
  3. Rubin, Jeffrey; Chisnell, Dana (March 10, 2011). Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. John Wiley & Sons. ISBN   978-1-118-08040-5.
  4. Vredenburg, Karel; Mao, Ji-Ye; Smith, Paul; Carey, Tom (2002). "A Survey of User-Centered Design Practice" (PDF). Archived from the original (PDF) on July 11, 2019. Retrieved April 14, 2018.
  5. Kling, Rob (1977). "The Organizational Context of User-Centered Software Designs". MIS Quarterly. 1 (4): 41–52. doi:10.2307/249021. ISSN   0276-7783. JSTOR   249021.
  6. Norman, D. A. (1986). User-Centered System Design: New Perspectives on Human-Computer Interaction.
  7. "The Design of Everyday Things", Wikipedia, March 29, 2024, retrieved April 7, 2024
  8. "Don Norman (2003) Emotional Design, Prolog-- Three Teapots" (PDF). jnd.org. Archived from the original (PDF) on February 19, 2018. Retrieved November 15, 2016.
  9. Greenbaum&Kyng (eds): Design At Work – Cooperative design of Computer Systems, Lawrence Erlbaum 1991
  10. Schuler & Namioka (1993). Participatory Design, Lawrence Erlbaum; and chapter 11 in Helander's Handbook of HCI, Elsevier, 1997.
  11. Beyer & Holtzblatt (1998). Contextual Design, Kaufmann.
  12. "User-Centered Design Basics". www.usability.gov.
  13. Mathur, Sunita; Janaudis‐Ferreira, Tania; Hemphill, Julia; Cafazzo, Joseph A.; Hart, Donna; Holdsworth, Sandra; Lovas, Mike; Wickerson, Lisa (September 23, 2021). "User‐centered design features for digital health applications to support physical activity behaviors in solid organ transplant recipients: A qualitative study". Clinical Transplantation. 35 (12): e14472. doi:10.1111/ctr.14472. ISSN   0902-0063. PMID   34510558. S2CID   237492723.
  14. "Notes on User Centered Design Process (UCD)". www.w3.org. Retrieved March 30, 2017.
  15. "User-Centered Design Basics". www.usability.gov. Retrieved March 30, 2017.
  16. Aaron, Scharf (1976). A new beginning: primitivism and science in post-impressionist art; [and] Returnto nature. Open University. ISBN   0-335-05151-0. OCLC   1086245904.
  17. "Perfecting your personas". www.cooper.com. Archived from the original on May 28, 2019. Retrieved January 6, 2016.

Further reading

Video