Designing Mobile Interfaces

of 44 /44
Designing Mobile Interfaces 1 Waiting? Download Prott already

Embed Size (px)

Transcript of Designing Mobile Interfaces

  • Designing Mobile Interfaces

    1

    Waiting? Download Prott already

  • Why YOU should prototype

    &

    How you can prototype

    2

  • Intro

    Prototyping & Design Research @ Stanford University

    Design Sprints

    Modulor principle by Le Corbusier

    Challenge: Build & Test Low-res prototype

    Sharing & Wrap-up

    Drinks3

  • ????????????????

    4

  • ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

    ???????? ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

    5

  • 6

  • ????????? ??????????????????????? ??????????????????????????????

    7

  • ??????????????????????????????

    8

  • ?????????

    ????

    9

  • ?????????

    10

  • ?????????

    11

  • ??????????????????????????????

    12

  • 13

  • ??????????????????

    14

  • ???????

    ????????????????

    ????????????????

    ???????????????

    ??????????????????

    15

  • Task: Design the toothbrush of the future

    16

  • Task: Design the toothbrush of the future???????????

    17

  • ?????????????????????????

    ????????????

    ?????????

    ??????????

    18

  • Winning team

    19

  • Understand the problem

    20

  • Divergent thinking-

    Go wide

    21

  • Dont judge

    22

  • ??????????????

    23

  • ??????????????

    24

  • ?????????????????????????

    ????????????

    ?????????

    ??????????

    25

  • Convergent thinking -

    Bring the baby home26

  • ?????????????????????????

    ????????????

    ?????????

    ??????????

    Rough Rapid Right

    27

  • ??????????????

    Rough Rapid Right

    ???????????????

    28

  • ??????????????

    Rough Rapid Right

    ???????????????

    29

  • ??????????????

    Rough Rapid Right

    ???????????????

    Evolution of a prototype: Alternative F2F communication (Deutsche Bank) 30

  • Criticial functions arise from peoples needs, discovered requirements, constraints, and also from assumptions

    CF:Need:

    ????????????????????????????????????????????? ??????????????

    31

  • One question, one prototype

    Which material wins? Asking user to compare wood /pastic/metal32

    Source: Aalto ME310 Teaching team

  • ?????????????????????????

    ?????????

    ??????????

    ???????????????

    ????????????When people stop being polite

    and start getting real.33

  • - General craft supplies- Foam core- Cardboard- Pink foam & cardboard- Play doh- Modeling clay- Laser cut wood/cardboard- Sheet metal- CAD + renderings- 3D printing- Service/ space prototyping - System prototyping

    - Experience prototyping- Electronics Prototyping- Electronic breadboarding- Arduino Microprocessor- Software paper prototyping- Mobile paper prototyping- Mobile Interaction prototyping- Digital Prototyping- Interface mockups- State diagrams/ flowcharts- Video prototyping- Wizard of oz/ role play

    Prototyping techniques

    34

    Source: Nik Martelaro

  • - General craft supplies- Foam core- Cardboard- Pink foam & cardboard- Play doh- Modeling clay- Laser cut wood/cardboard- Sheet metal- CAD + renderings- 3D printing- Service/ space prototyping - System prototyping

    - Experience prototyping- Electronics Prototyping- Electronic breadboarding- Arduino Microprocessor- Software paper prototyping- Mobile paper prototyping- Mobile Interaction prototyping- Digital Prototyping- Interface mockups- State diagrams/ flowcharts- Video prototyping- Wizard of oz/ role play

    Prototyping techniques

    35

    Source: Nik Martelaro

  • ???????????????????????????????????????

    36

  • Golden rules of prototyping:1. One question, one prototype2. Go far enough 3. Stop before its perfect4. Dont fall in love with your prototype5. Always build and share more than one prototype6. Create to provoke and persuade

    37

    Source: Nik Martelaro

  • 7. Break rules

    38

  • 39

    ????????????????????????

  • Challenge 1: Build a low-res prototype (15 min)

    Tools: - Sketch on paper - Prott (prottapp.com)

    40

  • Now, test your prototype (10 min) Dont demo or sell your prototypeShow, dont tell

    41

  • ???????????????????????????????????????????????

    If only we had more timeName 3 things you would improve on your prototype!

    42

  • ??????????????

    43

  • ???????????????????? ???

    ??????????????????????????

    ???????????????????44