Ideally, we want mobile prototyping to give us feedback on three aspects: e Page Flow e User Interface Interaction e Device Interaction ay Pb CưưÐươrg TirmrCorrg-corr... oh DESKTOP
Trang 1
CrrPrumrgTirm€rrz-cơrmr
Trang 2
Gh
MOBILE PROTOTYPING =
Mobile prototyping is crucial to getting user
experiencescorrect Ideally, we want mobile prototyping to give us feedback on three aspects:
e Page Flow
e User Interface Interaction
e Device Interaction
ay Pb CưưÐươrg TirmrCorrg-corr
Trang 3
od
H
lon 1 Date—— Name Tome Screen Option 2 _
Home Screen Optio
Name HQ Hee 7o , Date _ 06/07/08
Su
SIRI) m~
find a Store near me
Project _ Mobile Web
— _ 1.2
KH = Pat 1 eet Lee +
XLƯUI7UUIIE T1TH1IL UIE.CUTIIH TIELES.//7TD.CUTITƯ/LA1TTUCUUICITtCHLL
Trang 4
PTAT
ware
if
op ahead Cee
Name
`
KH = Pat 1 eet Lee +
XLƯUI7UUIIE T1TH1IL UIE.CUTIIH TIELES.//7TD.CUTITƯ/LA1TTUCUUICITtCHLL
Trang 5
PAPER PROTOTYPING
ol wleyaly)
Al slolr)
@`
Trang 6
PAPER PROTOTYPING
Trang 7
Gt
DESKTOP PROTOTYPING “—
e Simple
e Portable
⁄
Ca he CưưÐươrg TirmrCorrg-corr
Trang 8
oh
DESKTOP PROTOTYPING ~~
#NO SIMULATOR
ay Pb CưưÐươrg TirmrCorrg-corr
Trang 9
oh
DESKTOP PROTOTYPING ~~
ay Pb CưưÐươrg TirmrCorrg-corr
Trang 10
THE IMAGE PROTOTYPE
CưưÐươrg TirmrCorrg-corr
@
Trang 11
@
CLICKABLE PROTOTYPE “~
#HTML5
#CONCEPT.LY
⁄
Ca he CưưÐươrg TirmrCorrg-corr
Trang 12
THE PROTOTYPE TRAP
ay Pb CưưÐươrg TirmrCorrg-corr
`
Trang 13
@
MOBILE APP ADVANTAGES ~—
e Build using native code
e Using devices specific features
e Design for Known devices
⁄
Ca he CưưÐươrg TirmrCorrg-corr
Trang 14
^`À
MOBILE APP DISADVANTAGES
e Design for unknown devices
e Pay to play
e The app store
ay Pb CưưÐươrg TirmrCorrg-corr
Trang 15
`
@
MOBILE WEB ADVANTAGES ~—
e Everyone has a browser
e No special code to build
e No need to push updates
e Monetization is all you
⁄
Ca he CưưÐươrg TirmrCorrg-corr
Trang 16
(~ ooh )\
MOBILE WEB DISADVANTAGES ~~
e Redirects are still problem
e Multiple mobile sites
e Not all mobile only features are available as APIs
ay Pb CưưÐươrg TirmrCorrg-corr
Trang 17
RESPONSIVE WEB DESIGN @`
ADVANTAGES mx
e Say goodbye to redirects and say hello to break
points
e No need to learn another piece of software
⁄
Ca he CưưÐươrg TirmrCorrg-corr
Trang 18
e More work at you end
e Rethink your fancy web design
e Performance problems
ay Pb CưưÐươrg TirmrCorrg-corr