First Click Testing
System Usability Scale
The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother.
Next comes simplicity and elegance that produce products that are a joy to own, a joy to use.
- Don Norman and Jakob Nielsen
It’s not just what it looks like and feels like.
Design is how it works.
Where “X” now means “don’t do it”
User Experience designer?
UX designers are primarily concerned with how the product feels. A given design problem has no single right answer. UX designers explore many different approaches to solving a specific user problem. The broad responsibility of a UX designer is to ensure that the product logically flows from one step to the next.
UX Designer also needs to be
User research helps you to understand users so that we can respond more effectively to their needs.
It focuses on understanding user behaviors, needs, and motivations through observation techniques, task analysis, and other feedback methodologies.
First click testing
System Usability Scale
Allows users to group your site’s information. This helps ensure that the site structure matches the way users think.
Method to help design or evaluate the information architecture of a site.
Topics are organised into categories.
Actual cards, pieces of paper, or one of several online card-sorting software tools.
Users organize topics by themselves
Users sort topics into predefined categories
Enables you to observe users in their natural environment, giving you a better understanding of the way users work.
Researchers watch and listen as users work in the user’s own environment, as opposed to being in a lab.
Contextual interviews tend to be more natural and sometimes more realistic as a result.
They are also usually less formal than lab tests and don’t use tasks or scripts.
A testing method focused on navigation, which can be performed on a functioning website, a prototype, or a wireframe.
First Click Testing examines what a test participant would click on first on the interface in order to complete their intended task. It can be performed on a functioning website, a prototype or a wireframe.
First Click Testing allows you to evaluate the effectiveness of the linking structure of your site, including the navigation
See how users get around the site and complete their intended task
Hey First click testing
Interesting online tool
Discussion with a group of users, allow you to learn about user attitudes, ideas, and desires.
A focus group is a moderated discussion that typically involves
5 to 10 participants.
Through a focus group, you can learn about users’ attitudes, beliefs, desires, and reactions to concepts.
Focus group users tell you about their experiences or expectations but you don’t get to verify or observe these experiences.
A group of usability experts evaluating your website against a list of established guidelines
A heuristic evaluation is a usability inspection method for computer software that helps to identify usability problems in the user interface (UI) design.
Jakob Nielsen's heuristics
The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
Match between system
and the real world
The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.
Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.
Even better than good error messages is a careful design that prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
Accelerators—unseen by the novice user—may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
Dialogues should not contain information that is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
Help users recognize, diagnose, and recover from errors
Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
Gerhardt-Powals’ cognitive engineering principles
Weinschenk and Barker classification
Material an equipment
Expert analyst familiar with the product
Heuristics briefing first
Experts use mock tasks and record observations
If 2 or more, they should not communicate during testing
Problem list rated
A list of identified problems
Report sent to development team
Problems should have prioritisation
One-on-one discussions with users show you how a particular user works. They enable you to get detailed information about a user's attitudes, desires, and experiences.
Individual interviews allow you to probe their attitudes, beliefs, desires, and experiences to get a deeper understanding of the users who use your product. You can also ask them to rate or rank choices for site content. These interviews can take place face-to-face, by phone or video conference, or via instant messaging system.
A design methodology that involves several designers pursuing the same effort simultaneously, but independently, with the intention to combine the best aspects of each for the ultimate solution.
Several people create an initial design from the same set of requirements. Each designer works independently and, when finished, shares his or her concepts with the group. Then, the design team considers each solution, and each designer uses the best ideas to further improve their own solution.
The creation of a representative user based on available data and user interviews. Though the personal details of the persona may be fiction, the information used to create the user type is not.
The purpose of personas is to create reliable and realistic representations of your key audience segments for reference. These representations should be based on qualitative and some quantitative user research and web analytics. Remember, your personas are only as good as the research behind them.
35 years old
Active on Twitter
Allows the design team to explore ideas before implementing them by creating a mock-up of the site. A prototype can range from a paper mock-up to interactive html pages.
A prototype is a draft version of a product that allows you to explore your ideas and show the intention behind a feature or the overall design concept to users before investing time and money into development. A prototype can be anything from paper drawings (low-fidelity) to something that allows click-through of a few pieces of content to a fully functioning site (high-fidelity).
Pen and paper
InVision or Marvel app
WebZap (PS plugin)
A series of questions asked to multiple users of your website, help you learn about the people who visit your site.
An online survey is a structured questionnaire that your target audience completes over the internet generally through a filling out a form. Online surveys can vary in length and format. The data is stored in a database and the survey tool generally provides some level of analysis of the data in addition to review by a trained expert.
SUS is a technology independent ten item scale for subjective evaluation of the usability.
Provides “quick and dirty”, reliable tool for measuring the usability. It consists of a 10 item questionnaire with five response options for respondents; from Strongly agree to Strongly disagree.
Involves learning about user goals, including what users want to do on your website, and helps you understand the tasks that users will perform on your site.
Process of learning about ordinary users by observing them in action to understand in detail how they perform their tasks and achieve their intended goals.
Tasks analysis helps identify the tasks that your website and applications must support and can also help you refine or re-define your site’s navigation or search by determining the appropriate content scope.
Early in the process - prior to design work.
Helps you with:
Website requirements gathering
Developing your content strategy and site structure
Wireframing and Prototyping
Performing usability testing
Cognitive task analysis
Focused on understanding tasks that require decision-making, problem-solving, memory, attention and judgement.
Hierarchical task analysis
Focused on decomposing a high-level task subtasks.
Identify the task to be analyzed.
Break this high-level task down into 4 to 8 subtasks
Present the analysis to someone else who has not been involved
Identifies user frustrations and problems with your site through one-on-one sessions where a "real-life" user performs tasks on your site.
Evaluating a product or service by testing it with representative users. Typically, during a test, participants will try to complete typical tasks while observers watch, listen and takes notes. The goal is to identify any usability problems, collect qualitative and quantitative data and determine the participant's satisfaction with the product.
Provides a description of how users use a particular feature of your website. They provide a detailed look at how users interact with the site, including the steps users take to accomplish each task.
A use case is a written description of how users will perform tasks on your website. It outlines, from a user’s point of view, a system’s behavior as it responds to a request. Each use case is represented as a sequence of simple steps, beginning with a user's goal and ending when that goal is fulfilled.
Use case in which nothing goes wrong.
These paths are a variation on the main theme. These exceptions are what happen when things go wrong at the system level.