Designing for humans

Transcription

1 Designing for humans

2 HI! I m Nele

3 HI! I m Nele Mobile interaction Mobi Lab Creative Nope Creative nele.tullus@lab.mobi

4 UX design is the art and science of generating positive emotions through product interactions - Tomer Sharon / Senior UX Google

5 You can t design an experience

6 You can t design an experience What about Disneyland, or any kind of game

7 We re all designing experiences

8 We re all designing experiences That christmas present you carefully picked?

9 Good design solves problems.

10

11

12

13 The elements of UxD

14 Strategy - users needs, business goals

15 Scope - brief, requirements, specifications Strategy - users needs, business goals

16 Structure - info architecture, choreography Scope - brief, requirements, specifications Strategy - users needs, business goals

17 Skeleton - flow, navigation, information design Structure - info architecture, choreography Scope - brief, requirements, specifications Strategy - users needs, business goals

18 Surface - visual / sensory design Skeleton - flow, navigation, information design Structure - info architecture, choreography Scope - brief, requirements, specifications Strategy - users needs, business goals

19 Strategy What do the users want? What do the users need? What kind of problem is this particular product solving? What does it do for the people who use it? How does this product help to grow the business?

20 Business needs UX Users needs

21 Scope Teacher Student Manager Log in Log in Log in MVP Check my Check my Add /remove schedule schedule teachers Give grades to See my Add /remove students grades students Add homework Check out for students homework

22 Story mapping can help with What to build first, MVP, version 2 etc Encourage iterative development Prioritising and grooming backlog Visualise the project progress

23 Structure How is everything organised? yes yes no no yes yes

24 Skeleton How will it work?

25 Wireframing Wireframing is about rapid ideation. To do this right you need to explore multiple directions and opportunities

26 Some old school rules: Do not use colors Do not use images Use one font, for emphasis use weights Use real content and data Important actions should take as few steps as possible

27

28

29 Surface How does it look like? Consistency through the product

30 So, user experience is

31 So, user experience is A combined result of all our efforts and processes

32 Your product is like a book

33 Your product is like a book The hero must overcome challenges in order to reach the tower and slay the evil dragon

34 Along the way the hero needs to gain the right knowledge and experience for the final showdown.

35 Define your hero s story

36 Define your hero s story This will frame your mind and help you to think in small chapters like your users who are learning to use the product

37 Questions? Thoughts?

38 Good

39 Ideal design process

40 Ideal design process User research User stories, flows Sketching, prototyping Focus group testing Design mockups

41 Ideal design process User research User stories, flows Sketching, prototyping Focus group testing Design mockups

42 Ideal design process No budget User research User research User stories, flows User stories, flows Sketching, prototyping Sketching, prototyping Focus group testing Focus group testing Design mockups Design mockups

43 So, what now? It s not the end, really

44 Benchmark your competition

45 Benchmark your competition Analyse their products or services, try to learn from their mistakes

46 Guerilla usability testing

47 Guerilla usability testing Show your sketches to your coworkers, friends or family

48 Use patterns

49 Use patterns Use patterns that already have proven to work

50 Don t be afraid to ask others

51 Don t be afraid to ask others Any kind of feedback is extremely valuable

52 Questions? Thoughts?

53

54 Materials Don't Make Me Think by Steve Krug Designing the Obvious by Robert Hoekman, Jr. Sketching User Experiences by Bill Buxton. Beautiful Users - By Ellen Lupton

55 Nielsen Norman Group - Sketching User Experiences - Sidebar - sidebar.io PatternTap - zurb.com/patterntap Good UI -

56 Questions? Thoughts?