NSERC, NSERC Aboriginal, Faculty of Science, Jack Prior and H.D Gesser Undergraduate Student Research Awards

Transcription

1 NSERC, NSERC Aboriginal, Faculty of Science, Jack Prior and H.D Gesser Undergraduate Student Research Awards DEADLINE: Friday, January 19, st, 2nd, 3rd and 4th year Science undergraduate students.. If you are interested in working next summer on a research project in a department in the Faculty of Science, you may be eligible to apply for the NSERC, NSERC Aboriginal, Faculty of Science, Jack Prior or H.D Gesser undergraduate summer research awards. Application found: Faculty of Science Programs of Study Opportunities for Students Undergraduate Student Research (USRA) OR Fill out the online fillable pdf application. If you have any questions please contact the general office in your department or Tanya Martel (tanya.martel@umanitoba.ca) in the Science Dean s Office.

2 Looking for volunteers! (Jim Young)

3 COMP 3020: Human-Computer Interaction I Fall 2017 Ideate James Young, with acknowledgements to Anthony Tang, Andrea Bunt, Pourang Irani, Julie Kientz, Saul Greenberg, Ehud Sharlin, Jake Wobbrock, Dave Hendry, Andy Ko, Jennifer Turns, & Mark Zachry

4 IDEO Deep Dive U

5 User Centered Design Process Generate lots of ideas Grasp issues and potential solutions 5

6 ideation How do we come up with great ideas? How do we come up with lots of ideas? How do we refine ideas? How do we organize ideas? Brief coverage in 3020, more in

7 inspiring creativity? How can we inspire creativity? being aware of what works for you is VERY powerful knowledge 7

8 creativity. IDEO methods and friends Immerse yourself in the world you are designing for (gathering inspiration) Collect examples from existing systems Collect things that irritate you Collect things that seem really good Sample things that inspire you Brainstorm in groups Chat with others (bounce ideas off of people) 8

9 Learn from existing systems this isn t plagiarism (but watch those patents ) What s so good about this? (Why is it good?) What is the general problem that this solves? Where else could I use it? Practice articulating what makes something good. COMP

10 learn from annoyances 10

11 remember really clever ideas Real life things too! What are the principles that drive this design? 11

12 generate ideas constantly Generate ideas constantly 12 From Carloyn Snyder s Book: Paper Prototyping (2003) Morgan Kaufmann, p350

13 sketching Enables you to think through ideas and variations, and convey design ideas to others early in the design phase. 13

14 why sketching? Early ideation that allows risk-taking and explorations of variations Allows you to think through ideas externalize your thought process Active form of brainstorming 14

15 what to do with your collection keep a sketchbook wallpaper it 15

16 group brainstorming keep the results of user research handy during the process (e.g. scenarios, lists of design requirements, etc.) be visual defer judgment encourage wild ideas build on others go for quantity one conversation at a time stay focused on topic 16

17 Ideation messages find things that x you where x = { inspire, interest, irritate, amuse } find things that you y where y = { can improve, relate to } break the rules, and think freely sketching is a great way to explore and ideate 17

18 User Centered Design Process Produce something tangible Identify challenges Uncover subtleties COMP

19 what is a prototype? In other design fields a prototype is a small-scale model: a miniature car a miniature building or town COMP

20 what is a prototype? In interaction design a prototype can be (among other things): a series of screen sketches a storyboard, i.e. a cartoon-like series of scenes a Powerpoint slide show, e.g., simulation a video simulating the use of a system a lump of wood (e.g. PalmPilot) a cardboard mock-up a piece of software with limited functionality written in the target language or in another language COMP

21 what is a prototype? a prototype is defined less by form, and more by its function: A prototype expresses and realizes a design concept for the purposes of trying it out and for communication. prototype qualities Fast Disposable Focused role of prototypes Test Get feedback Communicate Persuade 21

22 From Buxton s Experience Design vs. Interaction Design COMP

23 OrangeX Manual Juicer COMP

24 COMP

25 COMP

26 COMP

27 COMP

28 OrangeX Manual Juicer COMP

29 Why Prototype? Prototypes are useful for numerous purposes including: Promoting reflection (Schon 1983) Clarifying requirements Exploring alternatives Initial user testing COMP

30 design and interaction prototype 30

31 Where should we put the hand sanitizer? Closer to the door, or on the other side of the light switch? 31

32 Maybe prototype first? We can be bad at predicting outcomes if it is only hypothetical. 32

33 What to Prototype Illustrate general concept Screen layouts and information display: placement of different widgets, types of widgets, etc e.g. should edit fields come after/before control buttons Work flow, task design: the sequence of steps required to achieve the task e.g. flow from one screen to another, changes on the screen Difficult, controversial, critical areas: provide alternative solutions to be assessed e.g. critical information display with specific alignment, emphasis, etc Technical issues: E.g., will the gesture recognition be accurate enough? COMP

34 prototyping phases Early design brainstorm different representations choose a representation sketch out interface style task centered walkthrough fine tune interface, screen design heuristic evaluation and redesign usability testing and redesign low fidelity prototypes medium-fidelity prototypes less cost high-fidelity prototypes / restricted systems limited field testing alpha/beta tests working systems Late design more cost COMP

35

36 Low-Fidelity Prototyping Fidelity refers to level of detail High fidelity implies finished or detailed Low fidelity implies incomplete or lacking some detail Why low-fidelity? Cheaper, faster to create Can explore multiple alternative design without getting stuck on technical details Users often more inclined to comment on designs that appear less finished COMP

37 Low-Fidelity Prototyping How: Paper-based sketches Paper prototypes Physical mock-ups using paper, cardboard COMP

38 why sketching? Forces you to visualize how things come together Communicates ideas to others (and oneself) to inspire new designs Drawing ability irrelevant 38

39 disposable If you can t afford to throw it away, it s not a sketch not as attached as a fully implemented prototype The way it s rendered (e.g., style, form, signals) makes it distinctive that it is a sketch promotes constructive criticism

40 freedom sense of openness and freedom abstracts away details opposite of engineering drawing, which is tight and precise vs.

41 storyboards comic book approach, a series of keyframes as sketches illustrates a sequence originally from film; used to get the idea of a scene snapshots of the interface at particular key points in the interaction stakeholders can evaluate quickly the direction the interface is heading use with your personas (i.e., user profiles) and tasks COMP

42 Storyboards COMP

43 properties of a Good storyboard A good storyboard conveys: Setting: People involved Environment Task being accomplished Sequence: What steps are involved What leads to someone using the system Satisfaction: What s the user s motivation What s the end result What need are you satisfying? (from ~1:00 4:40) COMP