ITP 140 Mobile Technologies. User Testing

Similar documents
USER EXPERIENCE DESIGN GA.CO/UXD

UX + BA. User Experience & Business Analysis. Personas. What is UX? Customer Experience Maps. BA & UX roles. BA + UX Collaboration.

UI/UX BASICS. What is UX?

needs, wants, and limitations

SWEN 444 Human Centered Requirements and Design Project Breakdown

User Experience and Interaction Experience Design. Jaana Holvikivi, DSc. School of Applications and Business

Successful User Experience:

The Elements of User Experience BrandExtract, LLC

UX/UI Design Project. Project Topic: chronolog.io. The Problem. The Solution. The Process. A redesigned website focusing on the user s experience

PUTTING THE CUSTOMER FIRST: USER CENTERED DESIGN

CSc 238 Human Computer Interface Design Chapter 5 Designing the Product: Framework and Refinement. ABOUT FACE The Essentials of Interaction Design

SWEN 444 Human Centered Requirements and Design Project Breakdown

BUILDING WORKFORCE PROGRAMS FOR THE FUTURE- DIGITAL ARTS AND USER DESIGN

THINK THE FDA DOESN T CARE ABOUT USER EXPERIENCE FOR MOBILE MEDICAL APPLICATIONS? THINK AGAIN.

UX / UI THE BOOT CAMP AT UT AUSTIN CURRICULUM OVERVIEW. McCombs School of Business School of Information

Mendix Agile UX Integration

Understanding Usability: Getting Beyond Ease of Use

Carbon IQ User Centered Design Methods

CS -213 Human Computer Interaction Spring Prototyping. Imran Ihsan. Assistant Professor (CS) Air University, Islamabad

Requirement Engineering within an Agile Environment BY KEJI GIWA. Digital Bananas Technology

DIGITAL CONTENT STRATEGY WORKSHOP SERIES >>> Carrie Hawthorne Consulting Fair Trade Federation Conference PART 1 UNDERSTANDING & GATHERING

The Pluralistic Usability Walk-Through Method S. Riihiaho Helsinki University of Technology P.O. Box 5400, FIN HUT

Development Methodology TM

National Weather Service Weather Forecast Office Norman, OK Website Redesign Proposal Report 12/14/2015

A short introduction to. designing user-friendly interfaces

UX, UI, Product Design

Usability Test Plan for Blogger Mobile Application

VISUAL DESIGNER CAREER BLUEPRINT

Competitive & Comparative k Analysis k

User Centered Design for Mobile Applications BOB MORSE DA VINCI USABILITY

iaide Mid-term report Moquan Chen & Stian Kilaas

USER EXPERIENCE DESIGN (UXD)

Portfolio Classified due to NDA agreements

WEBSITE DESIGN BRIEF AND QUESTIONNAIRE

Why the user matters. June 9, 16 User Integration

Responsive Redesign dispatch.com 10tv.com thisweeknews.com

TABLE OF CONTENTS. SECTION 01 How do i access my Yulio account? 03. SECTION 02 How do i start using Yulio? 04

YOUR FIRST STEP TO THE SOFTWARE INDUSTRY

User-centered approach to Product Development

HTC.com THE USER EXPERIENCE AWARDS SUBMISSION

CS 147 Let s Do This! Assignment 6 Report

USER EXPERIENCE DESIGN IMMERSIVE GA.CO/UXDI

Booth Mar 2018 OUHK Career Fair 2018 Job Openings of Participating Employers. A. Company Name Networld Technology Limited. B.

Hello! We focus on service design & strategy combined with digital product creation

User-Centered Analysis & Design

Chapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved.

AmI Design Process. 01QZP - Ambient intelligence. Fulvio Corno. Politecnico di Torino, 2017/2018

CS Human 2.0 Studio Lo-fi Prototyping & Pilot Usability Test

Mobile UX or WHITEPAPER

User Experience Design

Omnichannel User Experience (UX) Design: What s in your toolbox? Lizanne Kaiser, Ph.D. Strategic Business Consulting Director

User Experience Design

Lesson Guides PRE-INTERMEDIATE

CompuScholar, Inc. Alignment to Georgia Web Design Standards

Saqib Mughal Senior UX Architect

3 Steps to a Great Website

interaction design Thanks to JoEllen Kames

Your TOOLKIT 9-11 March 2018

UX Intensive Takeaways In Action. J.J. Kercher December 8, 2011

UX Research. research methods overview. UX Research research methods overview. KP Ludwig John

UX (USER EXPERIENCE) & A/B TESTING. January 2019

Integrated Design & Development

Usability Report for Online Writing Portfolio

UI Evaluation: Cognitive Walkthrough. CS-E5220 User Interface Construction

Weekend Urnr. Mobile App Wireframes. May Copyright UX Wireframe Experts 1

Interfaces Homme-Machine

MMI 2. Tutorials. Winter Term 2017/18. LMU München - LFE Medieninformatik. Prof. Andreas Butz Renate Häuslschmid Christina Schneegaß

dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University

USER RESEARCH Website portfolio prototype

D S R G. Alina Mashko. User interface. Department of vehicle technology. Faculty of Transportation Sciences

WEB DESIGN 8 PHASES OF THE DESIGN PROCESS. By da Creative Team

Travello app: design process report

Concepts of Usability. Usability Testing. Usability concept ISO/IS What is context? What is context? What is usability? How to measure it?

Delivering the Online customer experience

Wireframes for Testing and Design

Integrating User Evaluation into Software Development Environments

Prepared by: Marysol Ortega & Diana Arvayo

Using personas and scenarios in designing for an IPTV solution

Killer Windows 8 App Master Class with David Platt. June 17 June 21, 2013 Belgium (TBD)

IBM s approach. Ease of Use. Total user experience. UCD Principles - IBM. What is the distinction between ease of use and UCD? Total User Experience

DIGITAL PRODUCT DESIGN

DESIGN PROCESS: REDESIGNING THE 2014 [REDACTED] CONFERENCE APP FOR 2015

Improve the Order Procedure of a Student Nation s Pub

INF 231 Project 1 (Customer: Dr. Geoff Ward) Fernando S., Hosub L., Roeland S., Ya-Wen L., Sunakshi G., Michael W. B., Sowmya J.

Support notes (Issue 1) September 2018

CREATIVITY MAKES THE DIFFERENCE

1. First open a web browser and search for "Bookr". 2. Click on the first link and it will lead you to

UX Research. research methods overview. UX Research research methods overview. KP Ludwig John

Kimiya Hojjat P1: Crit

Case Studies USER EXPERIENCE DESIGN TEAM

Digital Workshop Center Introduction to Design Fundamentals

Design Thinking: Design Review Workshop

TIE Project Work on Pervasive Systems

Campus Sandbox Testing Feedback

Story mapping: Build better products with a happier team

SM 3511 Interface Design. Institutionalizing interface design

Invisible environments: How to conduct qualitative research within digital spaces

Adobe Spark. Schools and Educators. A Guide for. spark.adobe.com

Creative Best Practices. Prototyping apps and websites in real time

Real Wireframes Get Real Results

Transcription:

ITP 140 Mobile Technologies User Testing

User Experience 2

User Testing Usability and user experience testing is vital to creating a successful app Running your own user tests to find out how users are interacting with your app and where problems might arise is completely possible Can do this throughout the design and development stages 3

Wireframe A wireframe is a basic visual guide used in interface design to suggest the structure of an app Describes each element and behavior Focus is on layout, labels, interactions, and relationships between other scenes Finished design elements such as color and photos are not used Use as a prototype for usability testing Focuses on correct and complete content and functionality 4

Usability Testing Users test drive a prototype or production system Usually one-on-one With a participant and a moderator Helps one understand what works and what doesn't with the app Helps focus in finding specific interface issues, layout, labeling, and interaction 5

Usability Review App team and Read the app definition statement Walk through the screens of the app Wireframes / prototype Ask questions to the reviewers Record comments Create a document of the findings 6

App Team Reads the app definition statement Walks through the screens of the app Wireframes / prototype Asks questions to the reviewers Records comments Creates a document of the findings 7

8

Want to create a good app! 9

Personas Personas are archetypal users that represent the needs of larger groups of users in terms of their goals and personal characteristics Create a name, age, and other info with a focus on goals, motivation, and behavior Fictional characters created to represent the different user types within a targeted demographic, attitude and/or behavior set that might use a site, brand or product in a similar way Creates empathy for the specific user and avoids self-referential design The focus on accomplishing specific goals allows the app to satisfy many people with that goal 10

11

7 Core Ideas about Persona & UX 1. Personas predate UX research It had been around in some form in marketing and advertising for decades. A "user" means different things to different people and is often used generically to describe the average customer, which is not the same as a persona. In UX, personas are employed to define and design interactive products. As Alan Cooper says, personas are "profoundly simple but remarkably powerful." 12

7 Core Ideas about Persona & UX 2. A persona is not a hypothetical customer invented by the marketing department "Persona" is frequently used interchangeably with "user" although the two terms differ in meaning when it comes to usability. Personas are not a list of tasks, duties or responsibilities. They are archetypical users whose goals and characteristics represent the needs of a larger group of users. They function as stand-ins for real users to guide decisions about design and functionality. 13

7 Core Ideas about Persona & UX 3. A persona is not about customer likes and dislikes Personas concentrate on what a user does, what frustrates the user, and what gives the user satisfaction. A good persona is a narrative that describes a person's typical day and experiences, as well as skills, attitude, background, environment, and goals. 14

7 Core Ideas about Persona & UX 4. Personas answer very specific questions Personas are able to provide details to important questions that a "user" cannot define. Examples: Is the user concentrating on only one thing at a time? Does the user have frequent interruptions during their experience? Why is he/she using the product? By using a persona to answer these questions, product design teams can actually be in the user's shoes, and can better meet a real user's needs and wants. 15

7 Core Ideas about Persona & UX 5. Personas can provide a very real benefit for user experience research Personas are effective during the design and development stage. They help take focus away from requirements and deliverables so designers can focus on the user's goals. Personas give a name, face, and narrative to the "user" for whom you are designing; they make the concept of the user into an actual person with opinions, feelings and a voice. 16

7 Core Ideas about Persona & UX Personas are beneficial for: Defining a specific user's goals and needs Giving design teams a focus with a common understanding Identifying opportunities and product gaps to drive strategy Concentrating on designing for a manageable target who represents a larger group Replacing the need to canvass an entire user community, significantly reducing time and cost needed to obtain user requirements Helping designers empathize with users (designers can actually walk a mile in the persona's shoes) to understand behaviors, motivations and expectations Helping prioritize design elements and resolve design disagreements in an economical way Designs can be continually evaluated and validated based on personas to reduce the frequency of usability testing 17

7 Core Ideas about Persona & UX 6. Don't Overdo the Persona Process If a team spends too much effort and thought developing the persona, delving too much into the tiny details of the persona's narrative, it can consume a sizeable amount of time in the development process and create large, cumbersome documents. Creating a good persona requires a composition of qualitative and quantitative research but should be presented in 1-2 pages, no more. 18

7 Core Ideas about Persona & UX 7. Opinions are good but motivation is better Many times users do not know exactly what they need but think about what they want. Observation is key when creating and using personas to understand what drives the user (the "whys") so you can build around that. Personas, along with usability testing, identify specific opportunities to improve, innovate on, and bridge the gaps to make sure you are delivering a fully functional and usable product with the most value to the user. 19

User Scenario Storytelling approach to design that captures user motivations and actions in short, focused, narrative form Each scenario captures the moment for a particular set of action focused on meeting a specific need for a user Brings users to life while keeping focus on tasks and behavior Scenarios can link together to tell the entire story of an app Easy to explore and iterate Scenarios complement personas and can lead to more detailed use cases 20

Finding Reviewers Ask classmates who are in another group You cannot review your own app Ask your roommates Ask other USC students Target people who would be potential users of your app Personas 21

22

Resources http://www.measuringusability.com/blog/ personas-ux.php http://www.measuringusability.com/blog/ usability-test-plan.php http://uxmag.com/articles/eight-lessons-inmobile-usability-testing 23