Upload
-
View
2.203
Download
3
Embed Size (px)
Citation preview
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
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
User Interface
User Interface
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20140116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20140116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
User eXperienceUser eXperience
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20140116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
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
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
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
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69() ( Are Halland Core and Paths: Designing Findability from the Inside and Out (2007) )
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
SEARCH How to make a pizza : http://bit.ly/1CroAgD
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
mouseflow: http://mouseflow.com/
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
6*69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
$BMMUPBDUJPO
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
344
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
STEP - 1
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
9999
1
4
2 3
5
5*1
5*1
6
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1%FTJHOJOH4DSFFOT6TJOH$PSFTBOE1BUITIUUQCPYFTBOEBSSPXTDPNEFTJHOJOHTDSFFOTVTJOHDPSFTBOEQBUIT
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&11JOLPJ.34503&/5
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1WJNFP46..&3-0/(45&&-&3"*."(&.07*&
.03&7*%&04
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&14".46/(-&%57
4,6
$5"
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
STEP - 2
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
9999
(00(-&4&"3$)
#*/(4&"3$)
5*1
1
2
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
HPPHMFBOBMZUJDT
HPPHMF
HPPHMFBEXPSET
#JOHBET
8PSETUSFBN
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&11JOLPJ
)5.-
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
STEP - 3
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
9999
(00(-&4&"3$)
#*/(4&"3$)
5*1
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
STEP - 4
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1"SF)BMMBOE$PSFBOE1BUIT%FTJHOJOH'JOEBCJMJUZGSPNUIF*OTJEFBOE0VU
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
45&1%FTJHOJOH4DSFFOT6TJOH$PSFTBOE1BUITIUUQCPYFTBOEBSSPXTDPNEFTJHOJOHTDSFFOTVTJOHDPSFTBOEQBUIT
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
UI
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116
6*69
6*
69
UI
Ken Tsai2014/01/16 MMdc L.7 UI/UX_20130116_ http://www.slideshare.net/Minmaxdc/l7-uiux20130116