Paper Prototyping. Paper Prototyping. Jim Ross. Senior UX Architect, Flickr: CannedTuna

Size: px
Start display at page:

Download "Paper Prototyping. Paper Prototyping. Jim Ross. Senior UX Architect, Flickr: CannedTuna"

Transcription

1 Paper Prototyping Paper Prototyping Jim Ross Senior UX Architect, Flickr: CannedTuna

2 Paper Prototyping Jim Ross Senior UX Architect,

3 What We ll Do in this Workshop An introduction to: (45 minutes) Creating paper prototypes Conducting usability testing with paper prototypes Exercise Create your own paper prototype (30 minutes) Usability testing of your paper prototype (30 minutes) Discussion (10 minutes) June 11,

4 What We ll Do in this Workshop We won t get into the details of: Usability testing in depth Analyzing the data June 11,

5 About You How many people have Designed a user interface? Created a paper prototype? Conducted usability testing? June 11,

6 z z Why Prototype? June 11,

7 Why Prototype? Prototyping is the link between design and development. Flickr: CannedTuna Flickr: Yandle June 11,

8 Why Prototype? Prototyping allows you to validate the design before building it, with: The project team Clients and stakeholders Users June 11,

9 Why Prototype? You get the best feedback from designs that people can try out. Flickr: Samuel Mann June 11,

10 Why Prototype? Prototypes provide something concrete to interact with and react to. Flickr: Samuel Mann June 11,

11 Why Prototype? You can focus on observing behavior instead of opinions. Flickr: Samuel Mann June 11,

12 z z Why Paper Prototype? June 11,

13 Why Paper Prototype? Someone once asked me what the paper prototyping bumper sticker would say, and my answer was, Maximum feedback for minimum effort. - Carolyn Snyder Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

14 Why Paper Prototype? Spectrum of prototypes Flickr: Andy Bardill Paper prototypes Static wireframes linked together Interactive prototypes Fully coded prototypes Low-fidelity High-fidelity June 11,

15 Why Paper Prototype? Because they are quick and easy to create: You don t waste time trying to make them look perfect. Flickr: Samuel Mann June 11,

16 Why Paper Prototype? Because they are quick and easy to create: You can get feedback early in the design process. Flickr: Samuel Mann June 11,

17 Why Paper Prototype? Usability testing participants feel more comfortable being critical with a low-fidelity design. Flickr: Kevin Pelrine June 11,

18 Why Paper Prototype? You can easily make changes to the prototype during usability testing. Flickr: Samuel Mann June 11,

19 Why Paper Prototype? Paper prototyping can be a way for more people to contribute to the design. Flickr: Samuel Mann June 11,

20 Why Paper Prototype? Disadvantages of Paper Prototypes They re less realistic than higher-fidelity prototypes Flickr: Rosenfeld Media June 11,

21 Why Paper Prototype? Disadvantages of Paper Prototypes You can t do the testing remotely. Flickr: yooperann June 11,

22 z z Creating Paper Prototypes June 11,

23 z z Creating Paper Prototypes / / / Design First, Then Prototype June 11,

24 Design First, Then Prototype Focus on designing first. Flickr: Johan Larsson June 11,

25 Design First, Then Prototype Focus on designing first. Flickr: Canned Tuna June 11,

26 Design First, Then Prototype Then create a prototype to show how the design works. Flickr: Rosenfeld Media June 11,

27 Design First, Then Prototype Determine what you want to test, and create the prototype elements to test those things. Flickr: Christian_Campos June 11,

28 Design First, Then Prototype Things you might want to test: Can people accomplish their tasks? Findability navigation, organization, and labeling of content or functions Understanding of icons, terminology, instructions, etc. Expectations June 11,

29 z z Creating Paper Prototypes / / / Examples of Paper Prototypes June 11,

30 Examples of Paper Prototypes Examples of interactions you can create with paper prototypes: Example 1 Example 2 June 11,

31 z z Creating Paper Prototypes / / / Gather the Materials June 11,

32 Gather the Materials For screens Paper Cardboard/card stock June 11,

33 Gather the Materials Cutting tools Scissors X-Acto knife Flickr: Hsin-Cheng Lin June 11,

34 Gather the Materials For elements that lay on top of screens Index cards Warfel, Todd Zaki. Prototyping: A Practitioner's Guide. Brooklyn, NY: Rosenfeld Media, Print. June 11,

35 Gather the Materials For elements that lay on top of screens Post-it notes Flickr: Samuel Mann June 11,

36 Gather the Materials For elements that lay on top of screens Transparencies Flickr: Rosenfeld Media Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

37 Gather the Materials Adhesives Tape Glue sticks Restickable glue Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

38 Gather the Materials To make quick changes Correction fluid/white Out Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

39 Gather the Materials Writing instruments Pencil Pens and markers black, blue, red, and green Transparency markers for data entry Flickr: Canned Tuna Warfel, Todd Zaki. Prototyping: A Practitioner's Guide. Brooklyn, NY: Rosenfeld Media, Print. June 11,

40 Gather the Materials Container for the prototype To keep all the elements from getting lost Paper clips to keep small elements together June 11,

41 z z Creating Paper Prototypes / / / Create the Prototype June 11,

42 Create the Prototype Determine how you ll create your paper prototype. Drawn Electronic design printed out Combination of both drawn and printed elements June 11,

43 Create the Prototype Determine how you ll create your paper prototype. Drawn Electronic design printed out Combination of both drawn and printed elements June 11,

44 Create the Prototype Determine how you ll create your paper prototype. Drawn Electronic design printed out Combination of both drawn and printed elements Flickr: Yandle June 11,

45 Create the Prototype Prototyping element kit June 11,

46 Create the Prototype The three main types of elements that make up a paper prototype: Background Screens States June 11,

47 Create the Prototype Create a background. Flickr: Samuel Mann Flickr: d_jan Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

48 Create the Prototype Create screens. Flickr: Toms Baugis June 11,

49 Create the Prototype Create states. Flickr: d_jan June 11,

50 Create the Prototype Menus Flickr: Samuel Mann June 11,

51 Create the Prototype Dropdown lists Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

52 Create the Prototype Dialog windows, tooltips, etc. Flickr: Rob Enslin June 11,

53 Create the Prototype Movable elements Flickr: Squidsoup.org Flickr: Yandle June 11,

54 Create the Prototype Tabs Flickr: Squidsoup.org Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

55 Create the Prototype Expanding/collapsing sections Fold in paper Unfolded Flickr: Rosenfeld Media Flickr: Rosenfeld Media Warfel, Todd Zaki. Prototyping: A Practitioner's Guide. Brooklyn, NY: Rosenfeld Media, Print. June 11,

56 Create the Prototype Highlighting an item Flickr: Rosenfeld Media Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

57 Create the Prototype Disabled elements Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

58 Create the Prototype Disabled elements Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

59 Create the Prototype Text field input Post-it Notes Flickr: Samuel Mann Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

60 Create the Prototype Text field input Post-it Notes Transparencies Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

61 Create the Prototype Checkboxes and radio buttons Flickr: Rosenfeld Media Flickr: Rosenfeld Media Warfel, Todd Zaki. Prototyping: A Practitioner's Guide. Brooklyn, NY: Rosenfeld Media, Print. June 11,

62 Create the Prototype Tip: Create handlebars on elements Flickr: Rosenfeld Media Warfel, Todd Zaki. Prototyping: A Practitioner's Guide. Brooklyn, NY: Rosenfeld Media, Print. June 11,

63 Create the Prototype Scrolling Flickr: Rosenfeld Media Snyder, Carolyn. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. San Diego, CA: Morgan Kaufmann Pub., Print. June 11,

64 Create the Prototype Scrolling Flickr: Liza Berseneva June 11,

65 Create the Prototype Scrolling Flickr: Samuel Mann June 11,

66 Create the Prototype Carousels June 11,

67 Create the Prototype Side scrolling menus Flickr: Rob Enslin June 11,

68 Create the Prototype Slider Flickr: Samuel Mann June 11,

69 Create the Prototype Updating value Flickr: Samuel Mann June 11,

70 Create the Prototype Do what works for you. Feel free to invent new ways of doing these things. Balance interactivity with the ease or difficulty of testing. June 11,

71 Create the Prototype You can test many things without any interaction. Navigation Expectations Labeling Icons June 11,

72 z z Testing Paper Prototypes June 11,

73 Testing Paper Prototypes Examples of testing paper prototypes: Example 1 June 11,

74 z z Testing Paper Prototypes / / / Create the Tasks June 11,

75 Create the Tasks Phrase tasks as a simple, realistic scenario. Show me what you d do if you wanted to look at men s running shoes. You want to book a hotel room in Sofia near the center of the city. Show me how you d do that. June 11,

76 Create the Tasks Show me reminds participants to take an action. Bad: What would you d do if you wanted to find a hotel in Sofia? I d search on Sofia. Good: Show me what you d do if you wanted to find a hotel in Sofia. Clicks Hotels and types Sofia in the search field. June 11,

77 Create the Tasks Avoid words that give away the task. Bad: Show me what you d do if you wanted to add those shoes to your shopping cart. Good: Show me what you d do if you decided you wanted to buy these shoes. June 11,

78 z z Testing Paper Prototypes / / / The People Involved in Testing June 11,

79 The People Involved in Testing The participant The participant June 11,

80 The People Involved in Testing The facilitator The participant June 11,

81 The People Involved in Testing The computer The participant June 11,

82 The People Involved in Testing Playing both the role of the computer and the facilitator is nearly impossible. Flickr: Samuel Mann June 11,

83 The People Involved in Testing Get someone else to play the role of the computer. Knowledge of the design Organizational skills Attention to detail Flickr: Samuel Mann June 11,

84 The People Involved in Testing When you create the prototype, try to keep it simple. Flickr: Samuel Mann June 11,

85 The People Involved in Testing Conduct several pilot tests. Flickr: Samuel Mann Flickr: Samuel Mann June 11,

86 z z Testing Paper Prototypes / / / Conducting the Test June 11,

87 Conducting the Test Introduce the prototype. This is just a crude, initial prototype. Don t focus on how it looks. Flickr: Samuel Mann June 11,

88 Conducting the Test Introduce the prototype. Not every screen or interaction will be shown. Flickr: Samuel Mann June 11,

89 Conducting the Test Introduce the testing process. Use your finger to tap on what you would click on. Bear with us as the computer reacts to show you what happens next. Flickr: Samuel Mann June 11,

90 Conducting the Test Introduce the testing process. Think out loud. Flickr: Samuel Mann June 11,

91 Conducting the Test During the testing: Facilitator reads the tasks. Participant performs the tasks, while thinking aloud. Computer responds to the participant s actions. Facilitator notes success, errors, problems, reactions, etc. Facilitator asks questions. Flickr: Samuel Mann June 11,

92 Conducting the Test If the participant runs into a dead end We don t have that created in the prototype, but what would you expect to happen? Flickr: Samuel Mann June 11,

93 Conducting the Test If the participant runs into a dead end Let s say you clicked on that, and you realized it wasn t where you wanted to go. What would you do next? Flickr: Samuel Mann June 11,

94 Testing Paper Prototypes Examples of testing paper prototypes: Example 2 June 11,

95 z z Exercise: Creating and Testing a Paper Prototype / / / Introduction June 11,

96 Introduction What we ll do Divide into groups of two people each. Create a simple paper prototype. (30 minutes) Test the prototype with people from other teams. (30 minutes) Discussion (10 minutes) June 11,

97 Introduction Divide into groups of two people. June 11,

98 Introduction Create a simple prototype. Keep it simple. It doesn t need to include every detail. Plan and sketch it out first. Decide which tasks you want to test. Create screens and states for those tasks. June 11,

99 Introduction Choose one of these prototypes to create (website or mobile app) Possible tasks to test Wish list on an ecommerce site Weather site or app Store Locator (on a physical store s website or app) Start on the home page and find your wish list Remove an item from your wish list Add a comment about an item Mark one of the items high priority and another low priority Change the order of the items in the list Check the current weather in Sofia See what the weather is going to be like tonight in Sofia Check the weather for Monday in Sofia Check the current weather for Paris Find the nearest stores to this location Check the store s hours to see how late they are open tonight Get driving directions to the store June 11,

100 Introduction Wish list on an ecommerce site June 11,

101 Introduction Weather site or app June 11,

102 Introduction Store Locator June 11,

103 z z Exercise: Creating and Testing a Paper Prototype / / / Create the Paper Prototype June 11,

104 Create the Paper Prototype (30 minutes) Choose one of these prototypes to create (website or mobile app) Possible tasks to test Wish list on an ecommerce site Weather site or app Store Locator (on a physical store s website or app) Start on the home page and find your wish list Remove an item from your wish list Add a comment about an item Mark one of the items high priority and another low priority Change the order of the items in the list Check the current weather in Sofia See what the weather is going to be like tonight in Sofia Check the weather for Monday in Sofia Check the current weather for Paris Find the nearest stores to this location Check the store s hours to see how late they are open tonight Get driving directions to the store June 11,

105 z z Exercise: Creating and Testing a Paper Prototype / / / Testing the Paper Prototype June 11,

106 Testing the Paper Prototype (30 minutes) Join with another group. Group 1 Group 2 June 11,

107 Testing the Paper Prototype (30 minutes) Conduct four tests, rotating roles so that each person plays each role once. Group 1 Group 2 Facilitator Sits Out Round 1 Participant 1 Participant 2 Computer About 5 minutes per participant June 11,

108 Testing the Paper Prototype (30 minutes) Conduct four tests, rotating roles so that each person plays each role once. Group 1 Group 2 Computer Sits Out Round 2 Participant 1 Participant 2 Facilitator About 5 minutes per participant June 11,

109 Testing the Paper Prototype (30 minutes) Conduct four tests, rotating roles so that each person plays each role once. Group 2 Group 1 Facilitator Sits Out Round 3 Participant 1 Participant 2 Computer About 5 minutes per participant June 11,

110 Testing the Paper Prototype (30 minutes) Conduct four tests, rotating roles so that each person plays each role once. Group 2 Group 1 Computer Sits Out Round 4 Participant 1 Participant 2 Facilitator About 5 minutes per participant June 11,

111 z z Exercise: Creating and Testing a Paper Prototype / / / Discussion June 11,

112 Discussion Creating the paper prototype How did you feel about creating the prototype? Was it easier or harder than you expected? What would you do if you had more time? June 11,

113 Discussion Testing the paper prototype What did you find from the testing? What was it like playing the computer? Being the facilitator? The participant? Which one was the most difficult? What would you do differently next time? June 11,

114 Discussion Questions or other comments? Any other questions for me? Comments? June 11,

115 z z Resources for Paper Prototyping June 11,

116 Resources for Paper Prototyping Paper prototyping Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces, Carolyn Snyder Prototyping: A Practitioner s Guide, Todd Zaki Warfel Paper Prototyping Elements Paper Prototyping Helper Kit from User Focus June 11,

117 Resources for Paper Prototyping Usability Testing Rocket Surgery Made Easy: Steve Krug Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests: Jeffrey Rubin and Data Chisnell June 11,

118 Thank You June 11,

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May Lecture 6. Design (3) CENG 412-Human Factors in Engineering May 28 2009 1 Outline Prototyping techniques: - Paper prototype - Computer prototype - Wizard of Oz Reading: Wickens pp. 50-57 Marc Rettig: Prototyping

More information

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

dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Early Stage Prototyping Computer Science Department October 20, 2016 Paper ipad App By 53 2 Hall of Fame or

More information

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. Prototyping Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. 1 What is prototyping? producing cheaper, less accurate renditions of your

More information

Low fidelity: omits details High fidelity: more like finished product. Breadth: % of features covered. Depth: degree of functionality

Low fidelity: omits details High fidelity: more like finished product. Breadth: % of features covered. Depth: degree of functionality Fall 2005 6.831 UI Design and Implementation 1 Fall 2005 6.831 UI Design and Implementation 2 Paper prototypes Computer prototypes Wizard of Oz prototypes Get feedback earlier, cheaper Experiment with

More information

Ideate. Empathize. Prototype. Define. Test. CS:2520 Human-Computer Interaction. Fall 2016.

Ideate. Empathize. Prototype. Define. Test. CS:2520 Human-Computer Interaction. Fall 2016. Empathize Ideate Define Prototype Test Designing Prototypes From Preece, Rogers & Sharp s Interaction Design Process Conceptual design What product will do How it will behave Physical design Actual visual

More information

Assignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard.

Assignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard. HCI and Design Assignments Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard. Today Paper prototyping An essential tool in your design toolbox! How do we design things that actually

More information

CS/ISE 5714 Spring 2013

CS/ISE 5714 Spring 2013 CS/ISE 5714 Spring 2013 Chapter 11. Prototyping Chapter 10. UX Goals, Metrics, Targets Introduction A way to evaluate design before it s too late and too expensive Copyright MKP. All rights reserved. 2

More information

MIT GSL week 4 Wednesday. User Interfaces II

MIT GSL week 4 Wednesday. User Interfaces II MIT GSL 2018 week 4 Wednesday User Interfaces II User Centered Design Prototyping! Producing cheaper, less accurate renditions of your target interface! Essential in spiral design process, useful in later

More information

Homework Set 2. A brief discussion

Homework Set 2. A brief discussion Homework Set 2 A brief discussion Homework Set 2 A brief discussion (#%" (#$" ("!#'"!#&"!#%"!#$"!"!" )" (!" ()" $!" $)" *!" *)" %!" Problem 4 Hick s Law or Fitt s Law? MT = a + b ID ID = log 2 ( A W +

More information

Seng310 Lecture 8. Prototyping

Seng310 Lecture 8. Prototyping Seng310 Lecture 8. Prototyping Course announcements Deadlines Individual assignment (extended) deadline: today (June 7) 8:00 am by email User testing summary for paper prototype testing- Thursday June

More information

CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY

CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY Fall 2015 CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY CIS4930/6930 User Experience Design, Fall 2015 -- Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/2015 1 Week 11b HIGH-FIDELITY

More information

cs414 principles of user interface design, implementation and evaluation

cs414 principles of user interface design, implementation and evaluation cs414 principles of user interface design, implementation and evaluation Karrie Karahalios, Eric Gilbert 30 March 2007 Reaction Time and Motor Skills Predictive Models Hick s Law KLM Fitts Law Descriptive

More information

Shopping Cart: Queries, Personalizations, Filters, and Settings

Shopping Cart: Queries, Personalizations, Filters, and Settings Shopping Cart: Queries, Personalizations, Filters, and Settings on the Shopping Cart Home Page Use this Job Aid to: Learn how to organize the Shopping Cart home page so that it is easier to use. BEFORE

More information

Real Wireframes Get Real Results

Real Wireframes Get Real Results Page 1 of 7 Real Wireframes Get Real Results by Stephen Turbek Published on 09/19/2006 19 Comments 8,935 Views How many times have you been asked, So, is the new website going to be black Just because

More information

Problem and Solution Overview: An elegant task management solution, that saves busy people time.

Problem and Solution Overview: An elegant task management solution, that saves busy people time. An elegant task management solution, that saves busy people time. Team: Anne Aoki: Storyboarding, design, user studies, writing Alex Anderson: User studies, design Matt Willden: Ideation, writing, user

More information

Administrative Stuff. Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes

Administrative Stuff. Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes Administrative Stuff Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes Prototyping Irene Rae Computer Sciences CS-570 Introduction

More information

PRO WAYS TO LAUNCH A PRODUCT

PRO WAYS TO LAUNCH A PRODUCT MASTER SVG FILTER EFFECTS Make your websites shine across browsers RAPID PAPER PROTOTYPING Test out interactive BUILD A SLICK RESPONSIVE SITE Get started with the Gumby CSS framework CREATE APPS WITH NODE.JS

More information

CSE 403 Lecture 17. Usability Testing. Reading: Don't Make Me Think! A Common Sense Approach to Web Usability by S. Krug, Ch. 9-11

CSE 403 Lecture 17. Usability Testing. Reading: Don't Make Me Think! A Common Sense Approach to Web Usability by S. Krug, Ch. 9-11 CSE 403 Lecture 17 Usability Testing Reading: Don't Make Me Think! A Common Sense Approach to Web Usability by S. Krug, Ch. 9-11 Handbook of Usability Testing, 2ed by J. Rubin / D. Chisnell, Ch. 2-5 slides

More information

SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV

SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV 1 SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV 12 th June, 2013 Instructor Information 2 Course Instructor:

More information

Firstname Lastname. Contents. User Experience Design Portfolio - Selected Samples. Updated February 2014

Firstname Lastname. Contents. User Experience Design Portfolio - Selected Samples. Updated February 2014 Firstname Lastname User Experience Design Portfolio - Selected Samples Updated February 2014 Contents About Me... 2 My Experience... 2 My Work Style... 3 Large Project Name... 4 Mobile App Name... 7 Contact

More information

E-COMMERCE HOMEPAGE UX DESIGN TIPS THESE TIPS WILL HELP YOU CREATE A USABLE E-COMMERCE WEBSITE AND TURN YOUR HOMEPAGE INTO A CONVERSION MAGNET

E-COMMERCE HOMEPAGE UX DESIGN TIPS THESE TIPS WILL HELP YOU CREATE A USABLE E-COMMERCE WEBSITE AND TURN YOUR HOMEPAGE INTO A CONVERSION MAGNET E-COMMERCE HOMEPAGE UX DESIGN TIPS THESE TIPS WILL HELP YOU CREATE A USABLE E-COMMERCE WEBSITE AND TURN YOUR HOMEPAGE INTO A CONVERSION MAGNET Just imagine... You ve finished your work day and just completed

More information

For Volunteers An Elvanto Guide

For Volunteers An Elvanto Guide For Volunteers An Elvanto Guide www.elvanto.com Volunteers are what keep churches running! This guide is for volunteers who use Elvanto. If you re in charge of volunteers, why not check out our Volunteer

More information

Ryan Parsons Chad Price Jia Reese Alex Vassallo

Ryan Parsons Chad Price Jia Reese Alex Vassallo Ryan Parsons - Paper Prototype, Writing Chad Price - Paper Prototype, Digital Mockup Jia Reese - Paper Prototype, Usability Testing Alex Vassallo - Usability Testing, Writing All we have to decide is what

More information

Library Website Migration and Chat Functionality/Aesthetics Study February 2013

Library Website Migration and Chat Functionality/Aesthetics Study February 2013 Library Website Migration and Chat Functionality/Aesthetics Study February 2013 Summary of Study and Results Georgia State University is in the process of migrating its website from RedDot to WordPress

More information

User Interface. Three Mile Island. January 14, 2011 CSE 403, Winter 2011, Brun

User Interface. Three Mile Island. January 14, 2011 CSE 403, Winter 2011, Brun User Interface Three Mile Island January 14, 2011 CSE 403, Winter 2011, Brun Chernobyl How do we avoid bad UI? Learn from past mistakes Build prototypes Big questions What's the point of prototyping? Should

More information

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

CS Human 2.0 Studio Lo-fi Prototyping & Pilot Usability Test CS 147 - Human 2.0 Studio Lo-fi Prototyping & Pilot Usability Test Jack G., Amin O., Esteban R. Introduction: Value Proposition: seamless shopping recommendations. Mission Statement: We strive to make

More information

Heuristic Evaluation of igetyou

Heuristic Evaluation of igetyou Heuristic Evaluation of igetyou 1. Problem i get you is a social platform for people to share their own, or read and respond to others stories, with the goal of creating more understanding about living

More information

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

UX Intensive Takeaways In Action. J.J. Kercher December 8, 2011 UX Intensive Takeaways In Action J.J. Kercher December 8, 2011 The Plan v Brief overview of the event v We have a client! v Break into groups of ~6 v Work fast, don t focus on the details v Most Important:

More information

USERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten

USERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten USERINTERFACE Fjodor van Slooten TODAY USERINTERFACE -Introduction -Interaction design -Prototyping Userinterfaces with Axure -Practice Do Axure tutorial Work on prototype for project vanslooten.com/uidessim

More information

Usability Testing Essentials

Usability Testing Essentials Usability Testing Essentials Ready, Set...Test! Carol M. Barnum ELSEVIER Amsterdam Boston Heidelberg London New York Oxford Paris San Diego San Francisco Singapore Sydney Tokyo Morgan Kaufmann is an imprint

More information

User Centered Design Process. Prototyping II. What is a prototype? Prototyping phases Oct 11, 2017

User Centered Design Process. Prototyping II. What is a prototype? Prototyping phases Oct 11, 2017 User Centered Design Process Prototyping II Oct 11, 2017 Produce something tangible Identify challenges Uncover subtleties 2 What is a prototype? A prototype is defined less by form, and more by its function:

More information

Business Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3)

Business Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3) Business Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3) COURSE STRUCTURE Introduction to Business Analysis Module 1 Needs Assessment Module 2 Business Analysis Planning Module

More information

BETTER TIPS FOR TAPS LIBRARY TECHNOLOGY CONFERENCE 2017 JUNIOR TIDAL WEB SERVICES & MULTIMEDIA LIBRARIAN NEW YORK CITY COLLEGE OF TECHNOLOGY, CUNY

BETTER TIPS FOR TAPS LIBRARY TECHNOLOGY CONFERENCE 2017 JUNIOR TIDAL WEB SERVICES & MULTIMEDIA LIBRARIAN NEW YORK CITY COLLEGE OF TECHNOLOGY, CUNY BETTER TIPS FOR TAPS LIBRARY TECHNOLOGY CONFERENCE 2017 JUNIOR TIDAL WEB SERVICES & MULTIMEDIA LIBRARIAN NEW YORK CITY COLLEGE OF TECHNOLOGY, CUNY OVERVIEW MOBILE USABILITY TESTING MOBILE VS DESKTOP SETTING

More information

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 2/15/2006 2 Iterative Design Prototype low-fi paper, DENIM Design task analysis contextual inquiry scenarios sketching 2/15/2006 3 Evaluate

More information

CS/ISE 5714 Usability Engineering. Topics. Introduction to Rapid Prototyping. Rapid Prototyping in User Interaction Development & Evaluation

CS/ISE 5714 Usability Engineering. Topics. Introduction to Rapid Prototyping. Rapid Prototyping in User Interaction Development & Evaluation CS/ISE 5714 Usability Engineering Rapid Prototyping in User Interaction Development & Evaluation Copyright 2008 H. Rex Hartson, Deborah Hix, and Pardha S. Pyla Topics Relation to usability engineering

More information

CS 160: Evaluation. Professor John Canny Spring /15/2006 1

CS 160: Evaluation. Professor John Canny Spring /15/2006 1 CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 Outline User testing process Severity and Cost ratings Discount usability methods Heuristic evaluation HE vs. user testing 2/15/2006 2 Outline

More information

IPM 15/16 T2.1 Prototyping

IPM 15/16 T2.1 Prototyping IPM 15/16 T2.1 Prototyping Miguel Tavares Coimbra Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg Booth at the British Columbia University, Vancouver, Canada.

More information

Online Food Ordering Company, Founded 2004, Chicago, IL

Online Food Ordering Company, Founded 2004, Chicago, IL Online Food Ordering Company, Founded 2004, Chicago, IL https://grubhub.com WHO THEY ARE Grubhub is the nation s leading online and mobile food ordering company dedicated to connecting hungry diners with

More information

esign an ser mterrace Evaluation TheOpen University DEBBIE STONE The Open University, UK CAROLINE JARRETT Effortmark Limited

esign an ser mterrace Evaluation TheOpen University DEBBIE STONE The Open University, UK CAROLINE JARRETT Effortmark Limited ser mterrace Evaluation esign an DEBBIE STONE The Open University, UK CAROLINE JARRETT Effortmark Limited MARK W O O D R O F F E The Open University, UK SHAILEY MINOCHA The Open University, UK 9 TheOpen

More information

User Testing & Automated Evaluation. Product Hall of Shame! User Testing & Automated Evaluation. Visual Design Review. Outline. Visual design review

User Testing & Automated Evaluation. Product Hall of Shame! User Testing & Automated Evaluation. Visual Design Review. Outline. Visual design review landay 1 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Product Hall of Fame or Shame? User Testing & Automated Evaluation Prof. James A. Landay University of Washington Apple One Button Mouse Autumn

More information

Human-Computer Interaction IS4300

Human-Computer Interaction IS4300 Human-Computer Interaction IS4300 1 Designing for the Web Stone Ch 17 + J. Lazar et al, HCI Handbook 1 Today Stone Chapter J. Lazar et al, HCI Handbook Testing tools & surveys Nielsen s Top 10 Mistakes

More information

Designed for Use Usable Interfaces for Applications and the Web

Designed for Use Usable Interfaces for Applications and the Web Extracted from: Designed for Use Usable Interfaces for Applications and the Web This PDF file contains pages extracted from Designed for Use, published by the Pragmatic Bookshelf. For more information

More information

USER-CENTERED DESIGN KRANACK / DESIGN 4

USER-CENTERED DESIGN KRANACK / DESIGN 4 USER-CENTERED DESIGN WHAT IS USER-CENTERED DESIGN? User-centered design (UCD) is an approach to design that grounds the process in information about the people who will use the product. UCD processes focus

More information

SchoolMessenger App. Teacher User Guide - Web. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA

SchoolMessenger App. Teacher User Guide - Web. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA SchoolMessenger App Teacher User Guide - Web West Corporation 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Contents Welcome!... 3 SchoolMessenger and the

More information

What's New In Adobe Connect 9.4. Adobe Connect 9.4 : What s New? Meeting Related Changes. Adobe Connect 9.4: What s New? Screen Sharing Enhancements

What's New In Adobe Connect 9.4. Adobe Connect 9.4 : What s New? Meeting Related Changes. Adobe Connect 9.4: What s New? Screen Sharing Enhancements Adobe Connect 9.4 : What s New? What's New In Adobe Connect 9.4...1 Meeting Related Changes...1 Screen Sharing Enhancements...1 Other Screen Sharing Enhancements...6 New White Board...6 Migration of Old

More information

Welcome to Maestro. Your Quick Guide for Getting Started and Using Key Features. Maestro. Save time. Easily communicate with colleagues

Welcome to Maestro. Your Quick Guide for Getting Started and Using Key Features. Maestro. Save time. Easily communicate with colleagues Welcome to Your Quick Guide for Getting Started and Using Key Features Save time Easily communicate with colleagues Get need-to-know clinical information How to Download and Get Started with 1. Search

More information

SchoolMessenger App. Teacher User Guide - Web. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA

SchoolMessenger App. Teacher User Guide - Web. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA SchoolMessenger App Teacher User Guide - Web West Corporation 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Contents Welcome!... 3 SchoolMessenger and the

More information

SchoolMessenger App. Parent and Student User Guide - Website. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA

SchoolMessenger App. Parent and Student User Guide - Website. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA SchoolMessenger App Parent and Student User Guide - Website West Corporation 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Table of Contents WELCOME!... 3

More information

Memorandum Participants Method

Memorandum Participants Method Memorandum To: Elizabeth Pass, Associate Professor, School of Writing, Rhetoric and Technical Communication From: Andrew Carnes, WRTC 456 Section 1[ADC] Date: February 2, 2016 Re: Project 1 Competitor

More information

Tabbing Between Fields and Control Elements

Tabbing Between Fields and Control Elements Note: This discussion is based on MacOS, 10.12.6 (Sierra). Some illustrations may differ when using other versions of macos or OS X. The capability and features of the Mac have grown considerably over

More information

User Experience Design

User Experience Design User Experience Design Hira Javed Usability Specialist Canadian Broadcasting Corporation UX Instructor University of Waterloo Stratford User + Experience What does the word experience mean to you? UX is

More information

Website Design and Development CSCI 311

Website Design and Development CSCI 311 Website Design and Development CSCI 311 Learning Objectives Understand good practices in designing and developing web sites Learn some of the challenges web design Activity In pairs: describe how you d

More information

Prototyping. SWE 432, Fall Web Application Development

Prototyping. SWE 432, Fall Web Application Development Prototyping SWE 432, Fall 2018 Web Application Development Conceptual design Goal: match users mental model Tool: Metaphor - analogies from existing system Offers expectations about what system does &

More information

User Experience Design

User Experience Design User + Experience User Experience Design Hira Javed Usability Specialist Canadian Broadcasting Corporation UX Instructor University of Waterloo Stratford What does the word experience mean to you? UX is

More information

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

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 IBM s approach Total user experiences Ease of Use Total User Experience through Principles Processes and Tools Total User Experience Everything the user sees, hears, and touches Get Order Unpack Find Install

More information

How to Guide. How to Create Mobile Surveys and Forms START

How to Guide. How to Create Mobile Surveys and Forms START How to Guide How to Create Mobile Surveys and Forms START sales@textlocal.in 040-3085-8603 www.textlocal.in Contents Getting started 3 An introduction to surveys and forms 3 Creating a mobile survey 5

More information

From Paper Prototyping to Sketching with Hardware

From Paper Prototyping to Sketching with Hardware LFE Medieninformatik Eduard Held From Paper Prototyping to Sketching with Hardware Medieninformatik Hauptseminar Eduard Held 22.02.2010 / 23.02.2010 Folie 1 From Paper Prototyping to Sketching with Hardware

More information

Plus 10: Descending the Design Funnel THE 10 PLUS 10 METHOD. developing 10 different ideas and refinements of selected ideas

Plus 10: Descending the Design Funnel THE 10 PLUS 10 METHOD. developing 10 different ideas and refinements of selected ideas 10 Plus 10: Descending the Design Funnel developing 10 different ideas and refinements of selected ideas 1.4 The design funnel describes a process that you, as an interaction designer, need to habitually

More information

What is Sherpa? ENTER A LOCATION CHOOSE EQUIPMENT ORDER SERVICE ENJOY MORE FREE TIME. UXD Presentation Peter Zahn

What is Sherpa? ENTER A LOCATION CHOOSE EQUIPMENT ORDER SERVICE ENJOY MORE FREE TIME. UXD Presentation Peter Zahn What is Sherpa? Sherpa is an e-commerce website where people rent camping equipment and have it assembled/disassembled at their desired location. Using this service will alleviate time and investment costs

More information

Software Development and Usability Testing

Software Development and Usability Testing Software Development and Usability Testing Shneiderman, Chapter 4 Preece et al, Ch 9, 11-15 Krug, Rocket Surgery Made Easy Rubin, Handbook of Usability Testing Norman Neilsen Group www HCI in Software

More information

3d: Usability Testing Review

3d: Usability Testing Review Balance Ryan Parsons, Chad Price, Jia Reese, Alex Vassallo 3d: Usability Testing Review Usability Test #1 Our first usability testing participant, Mary, was an undergraduate student in Computer Science

More information

Pop-Up Usability Testing

Pop-Up Usability Testing Pop-Up Usability Testing More Data, Less Time (and Money) Vicki Kirby and Kelley Martin Today Agenda What is Pop-up Testing Types of Tests Planning the Test Testing Activities Presenting the Results Informal

More information

Human-Computer Interaction: An Overview. CS2190 Spring 2010

Human-Computer Interaction: An Overview. CS2190 Spring 2010 Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems

More information

APPLICATION DEVELOPMENT CHALLENGE

APPLICATION DEVELOPMENT CHALLENGE APPLICATION DEVELOPMENT CHALLENGE 19-22 June 2017 POWERFUL PROTOTYPES, WITHOUT CODING Create simple click-through diagrams or highly functional, rich prototypes with conditional logic, dynamic content,

More information

Lecture Notes CPSC 491 (Fall 2018) Topics. Peer evals. UI Sketches. Homework. Quiz 4 next Tues. HW5 out. S. Bowers 1 of 11

Lecture Notes CPSC 491 (Fall 2018) Topics. Peer evals. UI Sketches. Homework. Quiz 4 next Tues. HW5 out. S. Bowers 1 of 11 Topics Peer evals UI Sketches Homework Quiz 4 next Tues HW5 out S. Bowers 1 of 11 Context Diagrams Context Diagrams describe the system boundaries what is inside ( in scope ) vs outside ( out of scope

More information

Heuristic Evaluation of Covalence

Heuristic Evaluation of Covalence Heuristic Evaluation of Covalence Evaluator #A: Selina Her Evaluator #B: Ben-han Sung Evaluator #C: Giordano Jacuzzi 1. Problem Covalence is a concept-mapping tool that links images, text, and ideas to

More information

CS Equalizing Society - Assignment 8. Interactive Hi-fi Prototype

CS Equalizing Society - Assignment 8. Interactive Hi-fi Prototype CS 147 - Equalizing Society - Assignment 8 Interactive Hi-fi Prototype Crystal Escolero - Design and Product Management Jessica Guo - Development and User Testing Trevor Rex - Development and User Testing

More information

Best practices for Skype for Business meetings. Sharing during meetings Recording a meeting For more information

Best practices for Skype for Business meetings. Sharing during meetings Recording a meeting For more information SUCCESSFUL MEETINGS WITH Traditional meetings can be a challenge when people are spread out over long distances. Communication technology can overcome this physical boundary by allowing people to attend

More information

SchoolMessenger App. Parent and Student User Guide - Website. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA

SchoolMessenger App. Parent and Student User Guide - Website. West Corporation. 100 Enterprise Way, Suite A-300. Scotts Valley, CA SchoolMessenger App Parent and Student User Guide - Website West Corporation 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Table of Contents WELCOME!... 3

More information

Microsoft Teams. Quick Start Guide. New to Microsoft Teams? Use this guide to learn the basics.

Microsoft Teams. Quick Start Guide. New to Microsoft Teams? Use this guide to learn the basics. Microsoft Teams Quick Start Guide New to Microsoft Teams? Use this guide to learn the basics. Every team has channels Click one to see the files and conversations about that topic, department, or project.

More information

Mobile Technologies. Mobile Design

Mobile Technologies. Mobile Design Mobile Technologies Mobile Design 4 Steps: 1. App Idea 2. Users Profile Designing an App 3. App Definition Statement Include 3-5 key features 4. UI Design Paper prototyping Wireframing Prototypes 2 Idea

More information

Draft Prototypes. Steps in This Activity. HOW TO Step 1. Select a Prototyping Method. Select a Prototyping Method

Draft Prototypes. Steps in This Activity. HOW TO Step 1. Select a Prototyping Method. Select a Prototyping Method The process of ideating, creating and testing materials is called prototyping. Prototypes are early drafts, samples or models of the pieces of your solutions. They allow potential users to experience and

More information

Understanding Usability: Getting Beyond Ease of Use

Understanding Usability: Getting Beyond Ease of Use Understanding Usability: Getting Beyond Ease of Use Whitney Quesenbery Whitney Interactive Design e. whitneyq@wqusability.com w. www.wqusability.com p. 908-638-5467 AIGA DENVER SEPTEMBER 28, 2005 What

More information

GROUP LEADER GUIDE for the table project on

GROUP LEADER GUIDE for the table project on for the table project on http://community.diocesemo.org Overview 2 Engage your group 6 Create a Group 3 Manage> Admin drop down menu 7 Customize> Apps 4 Manage>Members list 7 Customize> Apps, part 2 5

More information

Team : Let s Do This CS147 Assignment 7 (Low-fi Prototype) Report

Team : Let s Do This CS147 Assignment 7 (Low-fi Prototype) Report Team : Let s Do This CS147 Assignment 7 (Low-fi Prototype) Report 1. Title, each team member s name & role Title: Let s Do This Roles: Divya - Developer. Eric - Developer, manager. Sami - User testing,

More information

How to Use: Outlook Web Access (OWA)

How to Use: Outlook Web Access (OWA) How to Use: Outlook Web Access (OWA) All About Me Day April 19. 2012 What is Outlook Web App 2010? The Outlook Web App allows you to access your College e-mail and calendar from any computer that has Internet

More information

Usability Testing CS 4501 / 6501 Software Testing

Usability Testing CS 4501 / 6501 Software Testing Usability Testing CS 4501 / 6501 Software Testing [Nielsen Normal Group, https://www.nngroup.com/articles/usability-101-introduction-to-usability/] [TechSmith, Usability Basics: An Overview] [Ginny Redish,

More information

MV-8800 Production Studio

MV-8800 Production Studio ÂØÒňΠWorkshop MV-8800 Production Studio Auto Chop 2007 Roland Corporation U.S. All rights reserved. No part of this publication may be reproduced in any form without the written permission of Roland

More information

A short introduction to. designing user-friendly interfaces

A short introduction to. designing user-friendly interfaces A short introduction to designing user-friendly interfaces Usability is often ignored until it becomes a problem Introduction This booklet is about Usability and User Experience design. It is aimed at

More information

Word Processing. 2 Monroe County Library System

Word Processing. 2 Monroe County Library System 2 Monroe County Library System http://monroe.lib.mi.us Word Processing Word Pad Quick Guide... 4 Help Menu... 6 Invitation... 7 Saving... 12 Printing... 13 Insert a Picture... 14 Saving to a CD... 15 In

More information

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW STAROFFICE 8 DRAW Graphics They say a picture is worth a thousand words. Pictures are often used along with our words for good reason. They help communicate our thoughts. They give extra information that

More information

MiPhone Phone Usage Tracking

MiPhone Phone Usage Tracking MiPhone Phone Usage Tracking Team Scott Strong Designer Shane Miller Designer Sierra Anderson Designer Problem & Solution This project began as an effort to deter people from using their phones in class.

More information

GUI Design Principles

GUI Design Principles GUI Design Principles User Interfaces Are Hard to Design You are not the user Most software engineering is about communicating with other programmers UI is about communicating with users The user is always

More information

CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)

CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) WHAT WILL WE BE TALKING ABOUT? Specific Prototyping Strategies! Low-Fidelity

More information

Building great apps for mobile devices: tips and tricks

Building great apps for mobile devices: tips and tricks Building great apps for mobile devices: tips and tricks Presenters David Cardella Will Crick @willcrick Nick Black Steve Nelson @SMNelsonDesign Agenda Intro Our favorite apps... App design patterns for

More information

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

UX + BA. User Experience & Business Analysis. Personas. What is UX? Customer Experience Maps. BA & UX roles. BA + UX Collaboration. July 21, 2016 What is UX? BA & UX roles Design Thinking User Research MVP Personas Customer Experience Maps BA + UX Collaboration Tools Resources UX + BA User Experience & Business Analysis Jeanne Petty

More information

CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)

CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) READINGS ID Book. Chapter 11 in published book, Design, Prototyping,

More information

Usability: An Ultimate Journey of Experience STC-2013

Usability: An Ultimate Journey of Experience STC-2013 1 Usability: An Ultimate Journey of Experience STC-2013 Kanika Chugh QA InfoTech Pvt. Ltd. - B-8, Sector 59, Noida - A-19, Sector 59, Noida - Plot 190, NSEZ, Phase II, Noida, - Tower C, 3rd Floor, DLF

More information

User Experience for Choosing Flight Dates

User Experience for Choosing Flight Dates User Experience for Choosing Flight Dates Re-Design Exploration: Expedia s Mobile Website Samantha Tu Bachelor of Interaction Design, Graduation Date: October 2018 samanthamtu@gmail.com / samanthamtu.com

More information

Scenarios, Storyboards, Wireframes, Critique. Jon Kolko Professor, Austin Center for Design

Scenarios, Storyboards, Wireframes, Critique. Jon Kolko Professor, Austin Center for Design Scenarios, Storyboards, Wireframes, Critique Jon Kolko Professor, Austin Center for Design Scenarios Creating a written story that explains how a person will use a product, service, or system to achieve

More information

Participating in Discussion Board Assignments

Participating in Discussion Board Assignments Participating in Discussion Board Assignments Basic Discussion Board Navigation Accessing the Discussion Board within your Course In your course you will find a link to each discussion board assignment.

More information

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

CS -213 Human Computer Interaction Spring Prototyping. Imran Ihsan. Assistant Professor (CS) Air University, Islamabad CS -213 Human Computer Interaction Spring 2015 07 Prototyping Imran Ihsan Assistant Professor (CS) Air University, Islamabad www.imranihsan.com www.opuseven.com opuseven iimranihsan imranihsan iimranihsan

More information

SWEN 444 Human Centered Requirements and Design Project Breakdown

SWEN 444 Human Centered Requirements and Design Project Breakdown SWEN 444 Human Centered Requirements and Design Project Breakdown Team Status Reports: (starting in Week 2) Your team will report weekly project status to your instructor, and as you wish, capture other

More information

Setting Usability Requirements For A Web Site Containing A Form Sarah Allen Miller and Caroline Jarrett

Setting Usability Requirements For A Web Site Containing A Form Sarah Allen Miller and Caroline Jarrett Setting Usability Requirements For A Web Site Containing A Form Sarah Allen Miller and Caroline Jarrett We describe the challenges of understanding and setting usability for a web site containing a form.

More information

Design Prototyping & An Exercise in Design Creativity. Joe Mertz M. Bernardine Dias Fall 2007

Design Prototyping & An Exercise in Design Creativity. Joe Mertz M. Bernardine Dias Fall 2007 Design Prototyping & An Exercise in Design Creativity Joe Mertz M. Bernardine Dias Fall 2007 Prototyping can be used: In good iterative design practices To refine designs with formative evaluations In

More information

WIREFRAMING 101. Essential Question: Can We Possibly Build an App? Learning Targets: Lesson Overview

WIREFRAMING 101. Essential Question: Can We Possibly Build an App? Learning Targets: Lesson Overview WIREFRAMING 101 Essential Question: Can We Possibly Build an App? Learning Targets: Students will: Use wireframing to create a design for an app for mobile devices. Collaborate to make decisions about

More information

IBM MANY EYES USABILITY STUDY

IBM MANY EYES USABILITY STUDY IBM MANY EYES USABILITY STUDY Team Six: Rod Myers Dane Petersen Jay Steele Joe Wilkerson December 2, 2008 I543 Interaction Design Methods Fall 2008 Dr. Shaowen Bardzell EXECUTIVE SUMMARY We asked three

More information

SM 3511 Interface Design. Institutionalizing interface design

SM 3511 Interface Design. Institutionalizing interface design SM 3511 Interface Design Institutionalizing interface design Eric Schaffer, 2013. Institutionalization of UX: A Step-by-Step Guide to a User Experience Practice (2nd Edition) A champion (usually reports

More information

derive Low-fi prototype & Pilot testing Johny C, Jolena M, Sam G, Daniel K.

derive Low-fi prototype & Pilot testing Johny C, Jolena M, Sam G, Daniel K. derive Low-fi prototype & Pilot testing Johny C, Jolena M, Sam G, Daniel K. Mission Statement Enable travelers to plan their trips based on experiences of others Problem/Solution overview Travel revolves

More information

TRAINER MOODLE QUICK GUIDE

TRAINER MOODLE QUICK GUIDE TRAINER MOODLE QUICK GUIDE Update 2-2018 Maine Roads to Quality Professional Development Network PO Box 9300, 34 Bedford Street, Portland, ME 04104 1-888-900-0055 www.muskie.usm.maine.edu/maineroads Table

More information