想像力不是使用者的超能力—prototyping 淺入淺出(wesley)

27
మ猟ێ犋ฎአᘏጱ胼 ێrtqvqv{rkpi"亮獈亮/"Ygung{"Jycpi 戔懯妿涢獤Ձ斕誫肞 ( 2016 / 7 / 28 )

Upload: hpx

Post on 14-Jan-2017

1.553 views

Category:

Design


2 download

TRANSCRIPT

Page 1: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

( 2016 / 7 / 28 )

Page 3: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)
Page 4: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

(ios6) prototype

Page 5: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

→ prototype

Page 6: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Page 7: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Page 8: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Developer Designer User

Design Refine

Page 9: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Page 10: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)
Page 11: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

- paper prototyping

- -

- flow chart - function map - ui flow - site map -

- - ui guideline -

( / )

- -

/ PM UI UI / developer

-

wireframing

sketching

mockups

prototyping

development

refine

Page 12: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

developer

wireframing

sketching

mockups

prototyping

development

UI / PM

Page 13: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

UI / PM UI / Developer

wireframing

sketching

mockups

prototyping

development

Page 14: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

wireframing

sketcing

mockups

prototyping

development

Page 15: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Page 16: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

UI

Page 17: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Page 18: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Page 19: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

V.S.

Page 20: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

blue

red

green

yellow

black

blue

black

green

yellow

red

blue

red

green

yellow

black

blue

black

green

yellow

red

Page 21: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

abcde

abced

abdce

acdbe

abcde

abdce

acdbe

abdce

abcde

abede

abcbe

abcdeabdce

abdce

abdce

adcbe

abcde

abdce

abdce

abdce

Page 22: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

abcde

abced

abdce

acdbe

abcde

abdce

acdbe

abdce

abcde

abede

abcbe

abcdeabdce

abdce

abdce

adcbe

abcde

abdce

abdce

abdce

Page 23: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

UI

Page 24: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Page 25: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)

Sketch 9:41 AM 100%

titleBack

Sketch 9:41 AM 100%

title

Page 26: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)
Page 27: 想像力不是使用者的超能力—Prototyping 淺入淺出(Wesley)