A presentation at UX Workshop for Google WomenTechMakers (Taiwan) in April 2019 in Taipei, Taiwan by Elena Sanchez
UX WORKSHOP User Experience and HCI Design principles Taipei – Apr 2019 Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Senior Product Designer at MYOB + Google Expert in UX/Product Background • BA in Media + M.Sc. in Human-Computer Interaction (HCI) • Training in Service Design, Gamification and Design Thinking Experience • • • • Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer 8+ years in UX and Product Design (USA, Europe & Australia) Academic research projects (UU in Sweden & UIUC in USA) UX instructor at General Assembly, Open University of Catalonia Google Certified Design Sprint Master LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Image courtesy of Flickr : https://flic.kr/p/h9CMXQ Today’s agenda What is UX? The UX process Case study Break Wireframing in practice Usertesting in practice Final thoughts: UX + Development Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN LINKEDIN llinkedin.com/in/elenasanch/en linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX LINKEDIN llinkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st WEBSITE www.simplywall.st EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com
What is User Experience (UX)? Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
What is User Experience (UX)? “All the aspects of how people use an interactive product” — Alben “All the aspects of the end-user’s interaction with the company, its services and its products” — Nielsen-Norman Group Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
What is the focus of UX as a discipline? PRE-SOLUTION DESIGN What should we build? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer POST-SOLUTION DESIGN How do we design it? CONTINUOUS IMPROVEMENT How can we optimise it? LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Balancing user needs with tech and business constrains User Needs UX Technological Boundaries Business Goals Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN LINKEDIN llinkedin.com/in/elenasanch/en linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st WEBSITE www.simplywall.st EMAIL elena.sanchez.ux@gmail.com
What makes a great User Experience (UX)? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Why do we need User Experience (UX)? PRE-SOLUTION DESIGN What should we build? Creating a product nobody wants or needs Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer POST-SOLUTION DESIGN How do we design it? CONTINUOUS IMPROVEMENT How can we optimise it? Building a Not learning solution difficult and evolving the to use product over time LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The benefits of User Experience (UX) • Better conversion rates and cross-sales • Improved customer retention • More likely to recommend to other users • Reduced support (customer service & training) Numerous industry studies have stated that every dollar spent on UX brings in between $2 and $100 dollars in return. Fast Company A focus on customers’ experience increases their willingness to pay by 14.4 %, reduces their reluctance to switch brands by 15.8 %, and boosts their likelihood to recommend your product by 16.6 % Forrester Research • Reduced development cost and rework Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN LINKEDIN llinkedin.com/in/elenasanch/en linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st WEBSITE www.simplywall.st EMAIL elena.sanchez.ux@gmail.com
The UX process Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
How does UX help answer those 3 questions? PRE-SOLUTION DESIGN What should we build? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer POST-SOLUTION DESIGN How do we design it? CONTINUOUS IMPROVEMENT How can we optimise it? LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Different methodologies: • • • • • • Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Design Thinking Double Diamond Service Design Lean Startup Human-Centered Design … LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Design thinking Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Double Diamond Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Service Design Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Lean Startup Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Human Centered Design Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN LINKEDIN llinkedin.com/in/elenasanch/en linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st WEBSITE www.simplywall.st EMAIL elena.sanchez.ux@gmail.com
But what do all these methodologies have in common? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer RESEARCH Start by understanding your users and defining the problem space DESIGN Craft a design solution that meets user, business & tech requirements FEEDBACK Iterate early and often to ensure your solution delivers value LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The UX process DISCOVERY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer DESIGN FEEDBACK LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The UX process Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The UX process DISCOVERY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer DESIGN FEEDBACK LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Discover user needs, business goals and tech constrains User Needs UX Technological Boundaries Business Goals Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
What is user research? Conducting research to better understand user behaviors, needs, and motivations and inform the design process from the perspective of the end user Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
User research IS… • • • Deeply studying people Exploring not only their behaviours but the meaning behind them Using those insights to inform a design, product or solution Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer User research IS NOT… • • • • Searching for evidence A fortune teller Speaking to your stakeholders, colleagues or friends Market research LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Why conduct user research? CIID (Copenhagen Institute of Interaction Design) Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
User Research Methods Contextual Inquiries Diary Studies Workshops Interviews Mystery shopping/ Service Safari Usability Testing Surveys Cardsorting/tree testing … Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Types of User Research Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Why conduct user research? CIID (Copenhagen Institute of Interaction Design) Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Examples of research outputs Personas User journeys JOURNEY 1.2 Filling out an incident form and reviewing incident stats for the same child/staff SCENARIO Marta is helping unpack the groceries delivery when one of her Educators walks into the kitchen with a child bleeding from the nose. Another child from the toddler’s room has hit him and he fell off a chair. Marta takes the phone and calls the Critical Incidents Team (CIT) to inform them. They confirm they will send her an email with further instructions and a link to the specific form she has to fill out. Marta opens the intranet on the centre iPad and sees the email from CIT linking to the appropriate incident form. She taps on the form and starts filling it out on the iPad. As soon as she starts typing the name of the children or staff involved, the complete names pop out automatically and other areas (like parent contact details) are automatically filled based on the children involved. Marta also takes some photos with the iPad of the bleeding child and the place where the incident happened. They are automatically attached to the report. Once she finishes, she saves it for later. When the children’s parents come to pick them up, they confirm that all information is correct and sign directly on the iPad with a stylus pen. When Marta submits the incident form, it is stored on the intranet and an automatic alert is sent to her Area Manager and the CIT. After that, Marta clicks on the name of the child that hit the other child and she reviews the list of incident reports that he has been previously involved with, which is quite long. She decides to post a message within the “Centre Leadership Team collaboration space” to discuss ways to address this issue with her Early Learning Consultant and Area Manager. Marta Centre Director Age: 42 yrs Gender: Female Location: QLD CX maps Jobs to be done Reports Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Data-driven vs data-informed design “Data and research are useful inputs but neither of them will tell us what to design and build” Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer https://medium.com/designing-atlassian/data-driven-vs-datainformed-design-in-enterprise-products-538749b1b4eb LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The UX process DISCOVERY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer DESIGN FEEDBACK LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Many disciplines need to work together to design a world-class experience for our users Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Information Architecture Elena Sanchez Elena Sanchez Elena Sanchez https://www.iainstitute.org/ Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
UX workflows JOURNEY 1.2 Filling out an incident form and reviewing incident stats for the same child/staff SCENARIO Marta is helping unpack the groceries delivery when one of her Educators walks into the kitchen with a child bleeding from the nose. Another child from the toddler’s room has hit him and he fell off a chair. Marta takes the phone and calls the Critical Incidents Team (CIT) to inform them. They confirm they will send her an email with further instructions and a link to the specific form she has to fill out. Marta opens the intranet on the centre iPad and sees the email from CIT linking to the appropriate incident form. She taps on the form and starts filling it out on the iPad. As soon as she starts typing the name of the children or staff involved, the complete names pop out automatically and other areas (like parent contact details) are automatically filled based on the children involved. Marta also takes some photos with the iPad of the bleeding child and the place where the incident happened. They are automatically attached to the report. Once she finishes, she saves it for later. When the children’s parents come to pick them up, they confirm that all information is correct and sign directly on the iPad with a stylus pen. When Marta submits the incident form, it is stored on the intranet and an automatic alert is sent to her Area Manager and the CIT. After that, Marta clicks on the name of the child that hit the other child and she reviews the list of incident reports that he has been previously involved with, which is quite long. She decides to post a message within the “Centre Leadership Team collaboration space” to discuss ways to address this issue with her Early Learning Consultant and Area Manager. Elena Sanchez Elena Sanchez Elena Sanchez https://www.iainstitute.org/ Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Marta Centre Director Age: 42 yrs Gender: Female Location: QLD LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
From Sketching to Wireframing LOW FIDELITY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer HIGH FIDELITY LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Visual Design (UI) Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The UX process DISCOVERY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer DESIGN FEEDBACK LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Usability testing Usability Testing is evaluating a product by testing it with representative users. Typically, during a test, participants will try to complete typical tasks while observers watch, listen and takes notes. https://www.youtube.com/watch?v=BrVnBdW6_rE “People will gladly waste a million dollars on their fancy design and not spend $4000 to see if it works” – Jakob Nielsen Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Lean experiments and A/B testing Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Usage analytics and user feedback after launch Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Any questions? Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Case study: Redesigning the RSPCA pet insurance website Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Our process to redesign RSPCA pet insurance website DISCOVERY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer DESIGN FEEDBACK LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Personas and Journeys Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Information Architecture Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Taskflows Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
From Sketching to Wireframing LOW FIDELITY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer HIGH FIDELITY LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Usability testing Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Final Wireframes Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Final Wireframes Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Final Wireframes Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Final Wireframes Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Final Wireframes Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Final Wireframes Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Responsive design (Tablet & mobile) Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The new website Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The results Since the new website launch, conversion rates (clicks to “Get a quote”) increased up to +56,21% compared to the previous year. Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
BREAK (10 minutes) Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Image courtesy of Flickr : https://flic.kr/p/h9CMXQ Today’s agenda What is UX? The UX process Case study: RSPCA Break Wireframing in practice Usertesting in practice Final thoughts: UX + Development Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN LINKEDIN llinkedin.com/in/elenasanch/en linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX LINKEDIN llinkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st WEBSITE www.simplywall.st EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com
UX Design in practice Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
What is a Wireframe? “A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available and intended behaviors.” Usability.gov Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
What are wireframes useful for? • Explore different design options • Share ideas and get feedback • Document design decisions • Avoid wasted development time Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
How do we create a wireframe? 01 Review your research 02 List the requirements for this page 03 Get inspiration 04 Start with boxes (structure and hierarchy) 05 Check the flow and interaction across pages 06 Check-in with the team and get feedback 07 Make updates and add details within each box (UI) 08 Check-in with the team and get feedback, again 09 Refine and finalise your wireframe 10 Build prototype or add annotations (if necessary) Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
How difficult is it to create a wireframe? Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
What makes a good design solution? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
What makes a good design solution? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Human Computer Interaction Image from: http://assets.uxbooth.com/uploads/2013/08/timeline.jpg http://www.uxbooth.com/articles/where-ux-comes-from/ Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Human Computer Interaction http://www.uxbooth.com/articles/where-ux-comes-from/ Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
HCI design principles #01 Visibility of the system status #06 Recognition rather than recall #02 Consistency and standards #07 Be careful with default options #03 User control #09 Prevent errors #04 Offer visual hints and affordances #09 Help recognize, diagnose, and recover from errors #05 Prioritize and limit distractions #10 Consider novice and expert or frequent users Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
…follow standards and conventions and use users vocabulary. Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Gestalt design principles Proximity Enclosure Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Similarity Connection Closure LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
How many 5s? 385720939823728196837293827 382912358383492730122894839 909020102032893759273091428 938309762965817431869241024 Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st EMAIL elena.sanchez.ux@gmail.com
How many 5s? 385720939823728196837293827 382912358383492730122894839 909020102032893759273091428 938309762965817431869241024 Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Color is pre-attentive (Pop-up VS serial search) Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Form/curvature is pre-attentive (squares vs circle) Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
HCI design principles #01 Visibility of the system status #06 Recognition rather than recall #02 Consistency and standards #07 Be careful with default options #03 User control #09 Prevent errors #04 Offer visual hints and affordances #09 Help recognize, diagnose, and recover from errors #05 Prioritize and limit distractions #10 Consider novice and expert or frequent users … and many more! Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
ACTIVITY 1 Identify 3 HCI Design principles that this page is breaking Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
ACTIVITY 2 How would you redesign this page to improve its UX? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
It’s difficult to redesign the contact form without knowing the user needs, business priorities and tech constrains… User Needs UX Technological Boundaries Business Goals Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
User research in practice Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The UX process DISCOVERY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer DESIGN FEEDBACK LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Completion rate (% of people that start and finish the form) Conversion rate (% of leads that end up buying company services) Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Stakeholder interviews and workshops Business research (e.g. interviews with stakeholders or sales staff to understand what is a good lead and what information is useful for them about each lead) Individual or group session (discussions and/or hand-on activities) with stakeholders to understand the context, business goals and priorities Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Usability testing User research (e.g. usability testing of the current website or a proposed design to understand what is clear/confusing or what could be improved) Usability Testing is evaluating a product by testing it with representative users. Typically, during a test, participants will try to complete typical tasks while observers watch, listen and takes notes. Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer https://www.youtube.com/watch?v=BrVnBdW6_rE LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Let’s run a quick example of usability testing! Task: Book accommodation for you and your family (2 adults + 2 kids) to stay in Sydney (Australia) 13-20 June 2019 as close as possible to the beach Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Data collected in Usability testing • • • • • User research (e.g. usability testing of the current website or a proposed design to understand what is clear/confusing or what could be improved) Qualitative feedback (confusions, problems…) Number of users that finished each task successfully Time spent on task Number of errors per task Questionnaires (pre-test, post-task, post-test) Users can inform about the problems, but they don’t necessarily have the solution Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Final tips for conducting usertesting Facilitator § § § § § Explain the participant’s rights Make the user feel comfortable Do not give hints to help finish a task Observe and ask in a neutral way Interrupt / finish a task if necessary Elena Sanchez Lead UX/Product Designer Participant § § § § § Target user profile Not UX, developer Not involved in the project Not too close to the product Not a ‘pro’ usability tester LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
ACTIVITY 3 Run your own usability test on your redesigned form! Task: Imagine you saw Stockland is building a new Retirement living building in your neighbourhood, since your parents are getting older, you want to find out when it will be finished and Aprox price of a unit Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Affinity mapping Affinity diagrams or clustering exercises help you make sense of all your information when you have a lot of mixed data, such as facts, ethnographic research, ideas from brainstorms, user opinions, user needs, insights, and design issues. Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Research outcomes What we heard Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer What it means So, what? LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
UX and Development Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
User Needs UX Technological Boundaries Business Goals Elena Sanchez Elena Sanchez Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer Lead UX/Product Designer LINKEDIN LINKEDIN llinkedin.com/in/elenasanch/en linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st WEBSITE www.simplywall.st EMAIL elena.sanchez.ux@gmail.com
We need development to help answer these 3 questions PRE-SOLUTION DESIGN What should we build? Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer POST-SOLUTION DESIGN How do we design it? CONTINUOUS IMPROVEMENT How can we optimise it? LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Delivering value for your users should be a team effort Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Get involved in all stages of the UX process DISCOVERY Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer DESIGN FEEDBACK LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Get involved in all stages of the UX process • Understand the context, users and business goals (discovery) • Keep HCI design principles in mind (design) • Ask questions, provide input and ideas (feedback) And whenever possible, observe real users using the product! Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
The result Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
Any questions? Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
LINKEDIN linkedin.com/in/elenasanch/en LINKEDIN llinkedin.com/in/elenasanch/en TWITTER @elenasanchezUX TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st Elena Sanchez Elena Sanchez Lead UX/Product Designer Lead UX/Product Designer 6/10/19 116 Thanks! Elena Sanchez Lead UX/Product Designer LINKEDIN linkedin.com/in/elenasanch/en TWITTER @elenasanchezUX EMAIL elena.sanchez.ux@gmail.com WEBSITE www.simplywall.st
