阿肯 - ui & ux 從核心資訊與路徑設計談起 (2015/01/27)

UIUX

,&/TUVEJP,FO5TBJ

UI

Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116

,FO5TBJ)PNFQBHF'SPOUQBHF%SFBNXFBWFS4VCMJNFUFYU,&/TUVEJP0XOFS

..ED8PSE1SFTT'#

'#IUUQXXXGBDFCPPLDPNLFOTUVEJPUX,&/TUVEJP

UI

6*69

6*69

6*69


UI


User Interface

User Interface

UI


User eXperienceUser eXperience

UI


UI


UI


6*69

UI


UI


6,(PWFSONFOU%JHJUBM4FSWJDF%FTJHO1SJODJQMFT

Start with needs.* Do less. Design with data. / Do the hard work to make it simple. Iterate. Then iterate again. Build for inclusion. Understand context. Build digital services, not websites. Be consistent, not uniform. Make things open: it makes things better.

https://www.gov.uk/design-principles

UI


6*69 Start with needs.* Design with data. / Build for inclusion. Understand context.

Do less. Do the hard work to make it simple. Iterate. Then iterate again. Be consistent, not uniform.

Build digital services, not websites., Make things open: it makes things better.

UI


6*69

UI


6*69() ( Are Halland Core and Paths: Designing Findability from the Inside and Out (2007) )

UI


6*69

SEARCH How to make a pizza : http://bit.ly/1CroAgD

UI


6*69

mouseflow: http://mouseflow.com/

UI


6*69

6*69

UI


6*69

$BMMUPBDUJPO

UI


6*69

344

UI


UI


STEP - 1

UI


45&1

9999

1

4

2 3

5

5*1

5*1

6

UI


45&1%FTJHOJOH4DSFFOT6TJOH$PSFTBOE1BUITIUUQCPYFTBOEBSSPXTDPNEFTJHOJOHTDSFFOTVTJOHDPSFTBOEQBUIT

UI


45&11JOLPJ.34503&/5

UI


45&1

UI


45&1WJNFP46..&3-0/(45&&-&3"*."(&.07*&

.03&7*%&04

UI


45&14".46/(-&%57

4,6

$5"

UI


STEP - 2

UI


45&1

9999

(00(-&4&"3$)

#*/(4&"3$)

5*1

1

2

UI


45&1

UI


45&1

HPPHMFBOBMZUJDT

HPPHMF

HPPHMFBEXPSET

#JOHBET

8PSETUSFBN

UI


45&11JOLPJ

)5.-

UI


45&1

UI


STEP - 3

UI


45&1

9999

(00(-&4&"3$)

#*/(4&"3$)

5*1

UI


45&1

UI


STEP - 4

UI


45&1"SF)BMMBOE$PSFBOE1BUIT%FTJHOJOH'JOEBCJMJUZGSPNUIF*OTJEFBOE0VU

UI


45&1%FTJHOJOH4DSFFOT6TJOH$PSFTBOE1BUITIUUQCPYFTBOEBSSPXTDPNEFTJHOJOHTDSFFOTVTJOHDPSFTBOEQBUIT

UI


UI


6*69

UI


6*69

6*

69

UI


阿肯 - ui & ux 從核心資訊與路徑設計談起 (2015/01/27)

Internet