unit 8 example 1, 2 and 3
TRANSCRIPT
-
8/18/2019 Unit 8 Example 1, 2 and 3
1/33
Unit 8 Example 1
COGNITIVE-AFFECTIVE DESIGN CONSIDERATIONS ANALYSIS
Human cognitive factor are man!ator" to ta#e into coni!eration for affective $e% !eign& T'e
(erce(tion cognitive factor cou)! ma#e or %rea# a $e% a(()ication if it create an emotion of
frutration or anger& If t'e (erce(tion i to retrieve t'e oug't after information imme!iate)" on)"
to )earn t'at t'e $e% a(()ication )et t'e uer !o$n an! $a not uccefu) in o%taining t'e
information 'e et out to o%tain $ou)! %e ver" frutrating& A Dona)! Norman tate! in an
intervie$* +t'e fai)ure of a "tem image to communicate t'e !eigner, intention to t'e en! uer
(ro!uce a f)a$e! menta) mo!e) t'at a)mot a)$a" 'a negative im()ication ./ac'r"* 0112* (&
3415& T'i $i)) )ea! to anger an! frutration an! u)timate)" t'e viitor $i)) )eave t'e $e%
a(()ication not to return an! $ore cou)! inform ot'er via ocia) me!ia t'at a (articu)ar $e%
a(()ication i ue)e an! not to $ate "our time in viiting& T'i in ite)f cou)! %rea# t'e %an# for
t'e com(an" cou)! (oi%)" fai) in %uine a a $'o)e& T'e Samung $e%ite create an
attractive* e"e catc'ing $e% a(()ication t'at )ure it viitor in to ta#e a )oo# at t'e (ro!uct
an! a(()ication t'e" 'ave to offer t'e conumer& Samung (ecifica))" 'a ma!e ure t'at t'e
$e%(age a)) (rovi!e for an e6citing an! ()eaura%)e e6(erience in viiting it ite& In fact*
)oo#ing at t'e ('otogra(' of (eo()e on mot of t'eir em%e!!e! navigation )in# a)) contain
(eo()e mi)ing or !ancing to muic or ome ot'er (oitive generating fee)ing to$ar! it viitor&
S(ecifica))" informing it au!ience t'at Samung can give "ou t'e %et in tec'no)og" $it' a )ot of
ne$ e6citing feature to )oo# for&
Anot'er cognitive factor to coni!er $ou)! %e t'e a%i)it" to #ee( t'e viitor, attention& 7ot
(eo()e 'ave a ver" 'ort attention (an ./ac'r"* 01125* $'ic' mean t'at t'e average uer !oe
not $ant a )ot of f)uff once t'e" )an! on a (age& T'e" $ant to %e a%)e to o%tain t'eir oug't after
information $it'in econ! of entering t'e $e% a(()ication for t'e" !o not $ant to (en! a )ot oftime rea!ing te6t to fin! $'at t'e" are )oo#ing for& ./ac'r"* 01125& In or!er to ma#e an affective
!eign for uer $it' a 'ort attention (an* it i necear" to #ee( $e% a(()ication %rief $it'
image an! )itt)e te6t %ut enoug' to get t'e (oint acro for eac' e)ement foun! on eac' (age in
a matter of econ!& T'e Samung $e%ite 'a !one an e6ce))ent 8o% in meeting t'i affective
!eign goa) for t'e" 'ave ue! t'e to( 'a)f of t'eir 'ome (age to %e t'e mot im(ortant $it' a
cro))ing %anner $it' variou o(tion to (urue in a!!ition to four attractive ('otogra(' 9uare
offering a!!itiona) Samung information t'e viitor ma" %e interete! in& T'e $a" t'ee o%8ect
are organi:e!* give a (oitive fee)ing in t'at it give evi!ence t'at Samung i a %ig com(an"
an! run it %uine in an organi:e! fa'ion& Even if Samung i not organi:e! %e'in! t'e
cene* t'e $e%ite a(()ication a" ot'er$ie& T'e image* te6t* vi!eo an! ot'er interactive
activitie on t'e Samung $e%ite are great met'o! to #ee( t'e viitor, attention a $e)) a
#ee(ing t'em on t'e ite&
Learna%i)it" i anot'er cognitive factor necear" to ta#e into coni!eration $it' regar! to an
affective !eign& Learna%i)it" i im(ortant %ecaue "ou $ant to ma#e t'e $e% a(()ication ea" to
ue an! ea" to remem%er 'o$ to ue for t'e en! uer $i)) not get frutrate! if t'e" 'ave to
)earn 'o$ to ue t'e $e%ite a)) over again from t'e (reviou viit& It i a)o recommen!e! to
ma#e )earning fun a tate! %" Dona)! Norman an! even a %it 'umorou& ./ac'r"* 01125& Not
on)" $i)) it ma#e t'e viit a fun* (oitive* an! ()eaura%)e e6(erience it $i)) ait t'e en! uer in
-
8/18/2019 Unit 8 Example 1, 2 and 3
2/33
remem%ering a )ot more& T'e Samung $e%ite ue conitenc" in t'e ()acement of it
navigation too) a $e)) a a uni9ue ta% $it' a te6t ti( +Samung in De(t' $it' t'ree )ine
un!erneat' of it ref)ecting a $i(e icon* o t'e uer imme!iate)" un!ertan! to c)ic# on it an!
an a!!itiona) navigationa) menu a((ear& ;" uing fami)iar icon i an e6ce))ent $a" to meet t'e
+)earna%i)it" ua%i)it" goa)&
TAS< ANALYSIS
To (rovi!e an un!ertan!ing of a ta# ana)"i* it i im(ortant to firt un!ertan! 8ut $'at i a
ta#& Accor!ing to ;en"on .0112* (& 2125* +a ta# i a tructure! et of activitie re9uire!* ue!*
or %e)ieve! to %e necear" %" an agent to ac'ieve a goa) uing a (articu)ar tec'no)og"& Ta#
ana)"i i ta#ing a )oo# at t'e u)timate goa) an! ana)":ing t'e activitie .ta#5 necear" to get
to t'e goa) or to com()ete t'e goa) .;en"on5& In an effort to !emontrate a %rief ta# ana)"i in
action* t'e fo))o$ing t'ree interaction activitie on t'e Samung $e%ite $i)) (rovi!e an
informationa) te(-%"-te( revie$ of 'o$ one can accom()i' t'e goa) t'e uer et out to
com()ete& A!!itiona))"* eac' interaction activit" $i)) a)o offer ua%i)it" im(rovement
coni!eration* if an"&
Navigate to Samung, Green Gui!e
On 'ome (age* to t'e rig't of t'e cro))ing %anner* t'ere are four 9uare of interaction activit"
avai)a%)e& You $i)) t'en nee! to c)ic# on t'e 9uare $it' t'e (icture of Eart' an! a)o entit)e!*
+Samung, Green Gui!e&
T'i $i)) %ring u( a (age of a!!itiona) interactive o(tion to c'ooe from regar!ing +(rotect*
+conerve an! +rene$&
If one i interete! in )ocating a )ocation to !ro( off o)! e)ectronic for e6am()e* "ou $ou)! c)ic#
on o(tion = +Rene$ $'ic' t'e $or! in ite)f ma" not %e enoug' to te)) t'e en! uer $'at
+rene$ mean* o Samung a)o offere! a %rief !ecri(tion un!er t'i navigation %utton to give
a!!itiona) information&
C)ic# on +Rene$
T'i %ring u( ection on t'e (age !icuing Rene$ a $e)) a an interaction activit" to enter
"our :i( co!e to !etermine t'e c)oet !ro( off )ocation&
Enter /i( Co!e
C)ic# +Go
Come u( $it' a +>)eae enter a va)i! /i( Co!e error meage an! a#ing "ou to c)ic# o#&
C)ic# O#
Enter ame :i( co!e again
Come u( $it' Location $e%(age e6terna) to Samung, $e%ite a#ing for :i( co!e information
again
Entere! :i( co!e again an! c)ic#e! +Searc' %utton* $'ic' a)o 'a an a!!itiona) green arro$
(ointing rig't a if it mean to navigateIt eem not'ing 'a((en* %ut t'en rea)i:e t'at t'e reu)t 'ave (o(u)ate! at t'e %ottom of t'e
creen $it' a great !ea) of $'ite (ace %et$een earc' functiona)it" an! reu)t ? it re9uire a
cro)) to ee t'e reu)t& T'i i %a! !eign in t'e fact t'at it a((eare! t'e reu)t !i! not come
u(* %ut u!!en)" notice cro))%ar a((ear to t'e rig't of t'e $e%(age $'ic' )ea! t'e curiou uer
a to $'" a cro))%ar $ou)! a((ear for an em(t" reu)t (age&
T'e reu)t are no$'ere c)oe to 7inneota $it' avai)a%)e )ocation a Ne$ Yor#* 7ic'igan an!
eatern @iconin& T'e reu)t a)o are (oor)" !eigne! for ta%)e can on)" t$o )ine of reu)t at
a time $'ic' re9uire "ou to cro)) in t'e ta%)e %ot' vertica))" an! 'ori:onta))"& T'ere cou)! %e
-
8/18/2019 Unit 8 Example 1, 2 and 3
3/33
a!!itiona) effective an! efficient !eigning met'o! a(()ie! 'ere& ;ecaue of t'i %a! !eign* t'e
ua%i)it" goa) 'ave not %een met in t'i area&
No navigation avai)a%)e to get %ac# to origina) Samung, Green Gui!e $it'out c)ic#ing on )eft
arro$ of Internet %ro$er
(on )an!ing %ac# on origina) re9uete! Green Gui!e $e%(age* c'oe !ifferent interaction
'"(er)in# entit)e!* +B11 fi6e! !ro(-off )ocation to ee if t'e interaction activit" $ou)! %e
!ifferent& C)ic# on t'i '"(er)in#&
;ring u( $e%(age on Samung, $e%ite $it' ma( $it' re! arro$ of Samung )ocation
avai)a%)e for !ro( off* $it' +enter "our /i( co!e fie)! for entr" $it' a earc' %utton&
Entere! 221== an! c)ic#e! Searc'
Error meage come u( $it' +No )ocation foun! ()eae c'ange "our :i( co!e an! tr" again&
T'i cou)! %e im(rove! if t'ere are no 7inneota )ocation* t'en t'ere 'ou)! %e information
tate! ome$'ere t'at t'i earc'ing i on)" avai)a%)e for t'e tate of @iconin* 7ic'igan an!
Ne$ Yor#&
A!!itiona) im(rovement comment i t'e ua%i)it" goa) of )earna%i)it"* conitenc" i necear"&
(on reac'ing t'e Location (age for e)ectronic !i(oa) !ro( off )ocation* t'e (age $'erein it
!i! ta" on t'e Samung, ite* t'e navigationa) ta% )ocate! 'ori:onta))" acro t'e to( are
)ocate! in !ifferent )ocation& For e6am()e* t'e icon to ta#e t'e uer to t'e 'ome (age %" c)ic#ingon t'e SA7SNG icon i no$ )ocate! in t'e mi!!)e of t'e (age* intea! of %eing t'e firt icon
avai)a%)e for c)ic#ing on&
Regiter a Ne$ >'one Device
C)ic# on +Login for t'i $i)) (erona)i:e t'e $e% (age to t'e en! uer, regitere! !evice
C)ic# on +Log In Here
Enter )ogin cre!entia) an! c)ic# +Login
C)ic# on !evice image matc'ing uer, !evice
On t'e Samung Ga)a6" S 3 $e%(age* c)ic# on +Su((ort %utton
C)ic# on +Regiter No$
T'i %ring u( +Com()ete "our Regitration $e%(age $it' fie)! to %e fi))e! in to (rovi!e u((ort
for t'i (ecific ('one
Fi)) in firt fie)! ? HEI7EI num%er an! (urc'ae !ate& No$ it i necear" to remove t'e %ac#
from t'e %ac# of t'e ('one in or!er to o%tain t'i num%er& @e%(age !emontrate $it'
('otogra(' $'ere to fin! t'i num%er& It $ou)! 'ave %een more en! uer frien!)" if t'e !eign
$ou)! 'ave inc)u!e! t'e I7EI num%er intruction to get to it from t'e ('one )ocate! in it
genera) !eve)o(er etting on t'e ('one rat'er t'an 'aving to ta#e ('one a(art& T'i num%er
$a foun! in t'e !eve)o(er etting*
Ta#e t'e %atter" out of t'e ('one&
T"(e in t'e I7EI num%er into (ecific fie)!
>ut %atter" %ac# in t'e ('one
>ut cover %ac# on t'e ('oneTurn ('one %ac# on
Fi)) in +>urc'ae Date
Fi)) in >urc'ae +Store Information
Fi)) in contact information&
An$er o(tiona) 9uetion uc' a $'at inf)uence! (urc'ae* 'o$ $ou)! "ou rate Samung
(ro!uct overa)) an! 'o$ !i! "ou fin! t'i (ro!uct regitration (age T'i give evi!ence t'at
Samung i re9ueting fee!%ac# information for future $e%(age !eve)o(ment&
C)ic# on +Su%mit&
-
8/18/2019 Unit 8 Example 1, 2 and 3
4/33
T'i %ring u( anot'er $e%(age confirming regitration to "our account
C)ic# on +Continue to m" Account&
Once regitere! it no$ offer +9uic# )in# to t'ing )i#e Do$n)oa!* Live C'at* Re9uet Service
a $e)) a avai)a%)e acceorie for (urc'ae& T'i give evi!ence to 'o$ 'o$ Samung 'a
create! re)ation %et$een regitration an! a)e& T'i 'o$ more t'an one grou( i affecte! %"
t'i !eign an! eac' grou( $ou)! 'ave in(ut into t'i $e%(age !eign&
A %a! !eign o%ervation i $'en a uer enter a Samung !evice uc' a a Samung Note 1&1
an! t'en a!! anot'er !evice to "our account one $ou)! e6(ect to ee t$o !evice )ite!&
Ho$ever once u%mitting econ! !evice* firt !evice (reviou)" a!!e! $i)) get !e)ete!& T'i $i))
)eave to a great !ea) of frutration for t'e en! uer* $'ic' cou)! %ring u( 9uetion to t'e
re)ia%i)it" of Samung in ite)f&
Do$n)oa! An!roi! Smart('one er 7anua)
C)ic# on +Login for t'i $i)) (erona)i:e t'e $e% (age to t'e en! uer, regitere! !evice
C)ic# on +Log In Here
Enter )ogin cre!entia) an! c)ic# +Login
C)ic# on !evice image matc'ing uer, !eviceScro)) !o$n on (age to +For O$ner ection $'ic' i )ocate! near t'e %ottom
C)ic# on +O$ner, 7anua) to !o$n)oa! t'e >DF of t'e manua)
;ring u( anot'er $e%(age ? t'i can %e confuing %ecaue t'e uer $ou)! e6(ect t'at t'e >DF
$in!o$ $ou)! come u( to %e ave! to en! uer, com(uter 'ar! !rive&
C)ic# on !ro(-!o$n un!er +7anua) ection an! c'ooe Eng)i'.Nort' America5 or
S(ani'.Nort' America5 >DF e)ection& T'i 'o$ goo! ('"ica) !eign in t'at !ifferent
)anguage $ere ta#en into account&
>o(-u( $in!o$ a((ear +G)o%a) Do$n)oa! Center $it' Samung, !ic)aimer regar!ing t'e
!o$n)oa! of uc' !ocument&
C)ic# +Sen! ? ing t'e $or! +en! i confuing for t'e uer %ecaue it $ou)! %e )ogica) to ee
t'e $or! +Save rat'er t'an +Sen!& ;" uing t'e $or! +Sen! it )ea! t'e uer to %e)ieve t'at
t'e" $i)) no$ get an e-mai) o(tion to en! t'e manua) to t'eme)ve&
T'e >DF i no$ avai)a%)e an! o(en !irect)" in Internet %ro$er* $'ic' ma#e t'e en! uer to
!o$n)oa! it once more in or!er to ave it to one, 'ar! !rive* $'ic' i $'at $a e6(ecte! in J
a%ove&
NAVIGATION E>LANATION
Navigation !eign in a $e% a(()ication i ver" im(ortant& Kane @e%ter an! Ka(reet A'u8a ai! it
%et $'en t'e" informe! $'en omeone rea! a %oo#* t'ere are cue t'at te)) t'e rea!er $'ere
t'e" are& >age num%er* gra('ic* te6t a $e)) a t'e ('"ica) ()acement of t'e rea!er, 'an!
$it'in t'e (age of t'e %oo#* te)) t'e rea!er $'ere t'e" are at& If t'e rea!er $ant to go toanot'er (age* 'e or 'e $ou)! )oo# at t'e (age num%er an! turn to t'at (age& Or )oo# in t'e
in!e6 to !etermine $'at (age t'e" $ant to go to& .@e%ter an! A'u8a* 011J5& @it' navigation
'"(er)in#* t'e rea!er 'a no i!ea $'ere t'e '"(er)in# $i)) ta#e t'em& In a!!ition to once
activate! an! ne$ (age come u( $i)) it (rovi!e %rea! crum% to inform t'e rea!er $'ere t'e"
are at an! give a met'o! to get %ac# to $'ere t'e" $ere& @it'out goo! navigation* t'e ite $i))
%ecome frutrating an! 'ar! to ue ? $'ic' $ou)! not meet t'e efficienc" ua%i)it" goa)&
.@e%ter an! A'u8a* 011J5& T'erefore a goo! navigation "tem i critica) for it (ecifica))"
ait t'e viitor in (ainting a menta) (icture a to $'ere t'e navigation too) 'ou)! ta#e t'em
-
8/18/2019 Unit 8 Example 1, 2 and 3
5/33
%efore t'e" even c)ic# on it* t'e uer $i)) 'ave ome c)ue a to $'ere t'e" $i)) en! u(& .@e%ter
an! A'u8a* 011J5& 7ore im(ortant)"* a goo! navigation "tem $i)) not +!iorientate t'e viitor*
$'ic' in turn $i)) +engage t'e uer an! #ee( t'eir attention* $'ic' i anot'er cognitivie-
affective !eign feature* $'ic' u)timate)" $i)) )ea! to +future ue of t'e $e% a(()ication&
.@e%ter an! A'u8a* 011J5&
T'e Samung $e% a(()ication ue a variet" of navigation too)& At t'e %ottom of t'e 'ome(age
for e6am()e* t'e" give a viua) re(reentation of t'e $e% a(()ication* $'ic' accor!ing to @e%ter
an! A'u8a i an attri%ute foun! in t'e ua%i)it" gui!e)ine +!eve)o(e! %" t'e HCI communit"
.@e%ter an! A'u8a* 011J* (& JJB5& A!!itiona))" t'e gui!e)ine !icu t'e a%i)it" to move
for$ar! an! to return %ac# to 'ome(age $it' conitent)" )ocate! navigation too) i a)o
im(ortant& T'e Samung $e%ite !oe 8ut t'i $it' t'e Samung Logo* $'ic' $i)) ta#e "ou %ac#
to t'e 'ome(age no matter $'ere t'e viitor 'a trave))e! to& In a!!ition* Samung (rovi!e
em%e!!e! '"(er)in# ('oto $'ic' give t'e viitor an i!ea $'ere t'e" $i)) go once t'e" e)ect
t'at area to trave) to& T'i too meet t'e ua%i)it" gui!e)ine in +(rovi!ing e)f-e6()anator" )a%e)
on t'e navigation "tem .(& JJB5& Furt'ermore* t'e $e% a(()ication ue !ro(-!o$n met'o!
off of t'e main navigation )in# foun! in t'e im(ortant to( 9ua!rant in an effort to offer more
(age to viit $it'out ta#ing u( va)ua%)e $'ite (ace&
A ;en"on* Turner* an! Turner .0112* ((& J an! J05 (oint out* t'ere are t'ree c)ae of
navigation ta#
+O%8ect I!entification
E6()oration* an!
@a"fin!ing&
O%8ect i!entification i e6act)" $'at it oun! ? to figuring out eac' o%8ect an! $'at it $i)) !o&
E6()oration i an un!ertan!ing of t'e $e% a(()ication in it entiret" a $e)) a un!ertan!ing
eac' (age in!ivi!ua))" an! 'o$ it i re)ate! to t'e $e% a(()ication& @a"fin!ing mean !ri))ing
!o$n to t'e ver" o%8ective t'e viitor et out to fin! %" uing t'e avai)a%)e $e% a(()ication&
T'e Samung $e%ite 'a touc'e! u(on eac' of t'ee navigation c)ae %" t'e mu)ti()e t"(e of
navigation too) avai)a%)e to it en! uer& Eac' em%e!!e! )in# foun! on a ('otogra('* a)o 'a
te6t to give a!!itiona) information to $'at t'e ('otogra(' ma" %e !i()a"ing& Samung a)o ue
%rea!crum% an! ot'er +"ou are 'ere information tec'ni9ue to inform t'e uer $'ere t'e" are
at in t'e environment a a $'o)e& For e6am()e* t'e uer inten! to )oo# u( (ro!uct information
for a ne$ )a(to(* %" c)ic#ing on +S'o( >ro!uct A)) >ro!uct Com(uting La(to( t'e (age
$i)) a((ear $it' a (icture of a )a(to( on t'e to( of t'e (age* $'ic' i !eeme! to %e t'e mot
im(ortant )ocation to give t'e uer an imme!iate menta) (icture of $'ere t'e",re at an! if it met
t'eir menta) mo!e) e6(ectation& @it' regar! to +$a"fin!ing* Samung 'a grou(e! toget'er a))
t'eir (age into )ogica) ection* $'ic' give t'e uer t'e a%i)it" to 9uic#)" retrieve t'e
information t'e uer et out to fin!& For e6am()e* if t'e uer !i! not #no$ $'at Samungmanufacturer* t'e" cou)! )oo# at t'e %ottom of t'e 'ome(age or an" (age for t'e %)ac#
%ac#groun! ection $it' t'e ite ma(* %ecaue it i conitent)" )ocate! on ever" (age* t'e"
cou)! 9uic#)" ee $it'out )eaving t'e (age t'e" are to o%tain t'e information t'e" et out to fin!&
A!!itiona))"* it i im(ortant to un!ertan! t'e !ifferent t"(e of navigation "tem& Eac' of
t'ee "tem are ma!e u( $it' variou $e% e)ement matc'ing t'e re9uire! navigation metric
for t'at (articu)ar (age& .7orvi))e an! Roenfe)!* 01145& T'ee t"(e are
-
8/18/2019 Unit 8 Example 1, 2 and 3
6/33
G)o%a)
Loca)
Conte6tua)
.(& J5& T'e g)o%a) navigation "tem i t'e mot im(ortant navigation too) for t'e $e%
a(()ication& Samung 'a !one t'i $it' t'e '"(er)in# )ocate! at t'e to( for t'e" are
conitent)" foun! at t'e to( 8ut un!er t'e %)ue %ar for ever" (age& A!!itiona))" t'e ite ma( i
foun! on ever" (age a $e))* $'ic' $ou)! a)o %e coni!ere! t'e g)o%a) navigation t"(e& T'e
)oca) navigation "tem uua))" com()iment t'e g)o%a) navigation "tem .7orvi))e an!
Roenfie)!* 01145* 'o$ever* a )oca) navigation too) (rovi!e t'e viitor $it' a c'oice %et$een
(ecific categorie or o%8ect 'e or 'e $ou)! )i#e to )earn more a%out& On t'e Samung,
$e%ite* t'e" offer a !ro(-!o$n to )oca) categorie %ae! off of t'e g)o%a) navigation "tem&
T'ee )oca) navigation too) are en'ancement for Samung, g)o%a) "tem %ecaue t'e" too
are avai)a%)e on ever" (age& One ma" t'in# of a )oca) navigation too) a a mean to get to a
econ!ar" (age or )eve) $it'in t'e $e% a(()ication& Regar!ing +conte6tua) navigationa) too)* it
(ecifica))" mean a tertiar" ource )eve) for t'e viitor to c'ooe ? e(ecia))" if t'e (age !oe
not fit t'e g)o%a) or )oca) navigation "tem met'o! .7orvi))e an! Roenfe)!* 01145& For
e6am()e* t'e Samung $e% a(()ication offer a communit" aitance (rogram entit)e!*
+Samung Ho(e for C'i)!ren* $'ic' u(on retrieving it from t'e Samung ;uine So)ution$e%(age (age* %" c)ic#ing on Ho(e For C'i)!ren un!er t'e +In t'e Communit" information i!e
%ar* it $i)) %ring u( an entire)" !ifferent (age format an! )a"out& T'i $e%(age i coni!ere! a
tan!ing on it o$n* $'ic' give evi!ence t'at it i a +conte6tua) t"(e of navigation "tem too)
ue!& A!!itiona))"* t'e )ocation of t'e g)o%a) navigationa) )in# on t'e +Ho(e for C'i)!ren (age
!oe not give an ea" $a" to get %ac# onto t'e Samung main $e% a(()ication $it'out 'itting
t'e +%ac# #e" $'ic' can create confuion for t'e uer $'ic' !oe not meet t'e ua%i)it" goa) of
efficienc" an! )earning&
ORGANI/ATIONAL LAYOT ANALYSIS
@'" i organi:ationa) )a"out im(ortant to t'e !eign of a $e% a(()ication It i im(ortant
%ecaue t'e !eigner nee! to meet a)) ua%i)it" goa)* (ecifica))" ma#ing t'e a(()ication an
en8o"a%)e interaction e6(erience for t'e en! uer* $'ic' u)timate)" )ea! to %ig %uine for t'e
com(an" $'o !eigne! t'e a(()ication& A ;en"on .0112* (& 2J25 (oint out* an ana)og" to an
Internet (age $it' a )ot of information $ou)! %e imi)ar to a )arge foret $it' intereting
attraction for t'e viitor to tr" to navigate to an! t'en fin! t'eir $a" %ac# to t'eir car once
again& You !o not $ant it to %e c)uttere! an! a)) (ace 'ou)! (romote eae of ue for t'e en!
uer& It i un!ertan!a%)e t'at not ever"t'ing can %e fit onto one (age .;en"on* 01125* o t'e
organi:ationa) )a"out i ver" im(ortant to t'e !eign of a $e% (age& A!!itiona))"* t'ere 'a %een
a )ot of reearc' $it' regar! to ua%i)it" factor* an! ome of t'i reearc' 'a 'o$n t'at
+viitor can 8u!ge a (age in un!er a econ! .Duc#ett* 01* (& =4B5 o it i critica) for $e%(age!eign to aim for t'e mot im(ortant tuff to %e )ocate! at t'e to( of t'e (age $it'out cro))ing&
Samung, Organi:ationa) La"out
Samung 'a !one 8ut t'at& (on entering Samung, 'ome(age* "ou $i)) ee four main
navigationa) u%8ect $it' !ro(-!o$n o(tion for a!!itiona) information a $e)) a ()acing t'e J
mot im(ortant (ro!uct t'at Samung $ant t'e viitor to ee imme!iate)" u(on )an!ing on
t'eir (age in a cro))ing %anner $it' a uni9ue ta% .reem%)ing a fi)e fo)!er ta%5 $it' a!!itiona)
-
8/18/2019 Unit 8 Example 1, 2 and 3
7/33
interactive activitie& In a!!ition to ()acing four interactive 9uare $it' em%e!!e! ('otogra('
'"(er)in# regar!ing a(( for Samung, mart TV* Energ" Star A$ar! reci(ient information*
Samung, Green Gui!e* an! tv an! movie e6(erience avai)a%)e on Samung !evice& T'erefore*
t'e firt 'a)f of t'e 'ome(age Samung ee a t'e mot im(ortant o%8ect for t'e viitor to
interact $it' for a Duc#ett (ointe! out* viitor $i)) #no$ $it'in econ! if t'i (age meet t'e
atifaction of t'e en! uer an! #ee( t'e uer on t'e $e% a(()ication& Samung, 'ome(age
a)o contain a!!itiona) interactive item avai)a%)e in t'e to(-mot im(ortant 9ua!rant $'ic' a)o
!oe not re9uire cro))ing* in a ma))er font $'ic' i t'e Login '"(er)in#* +He)( @it' 7" Or!er
'"(er)in# an! t'e +Cart '"(er)in#& A!!itiona))" it offer a earc'ing o(tion $it' t'e a)) fami)iar
icon of t'e magnif"ing g)a re(reenting to run a earc' function& A%ove t'i ection )ocate! on
t'e %)ue %ar )ocate! 'ori:onta))" acro t'e (age are t$o navigationa) '"(er)in# to o%tain
information a%out Samung a $e)) a an" ne$ (re item regar!ing Samung& Samung 'a
c)ear)" !one it 'ome$or# in un!ertan!ing t'e +)e c)utter ru)e* %ut "et foun! an innovative
$a" to get a )ot of (age in one ma)) (ace an! a)) even)" %a)ance!&
A%out Samung Va)ue an! >'i)oo('" >age
C)ic# on +A%out Samung from %)ue %ar '"(er)in# at t'e to( of t'e 'ome(age* %ring u( anattractive ('otogra(' of a SA7SNG !i()a" %oot' $it' t'e $or! +@e)come to Samung& It
invite t'e uer to rea! on to )earn more a%out Samung& C)ic# on +Va)ue an! >'i)oo('" un!er
t'e Samung Grou( %ring u( a ('otogra(' of $'at a((ear to %e a +meeting of t'e min! of
Samung em()o"ee regar!ing a %uine (ie c'art& ;eneat' t'i ('otogra('* t'e" 'ave t'e
ection grou(e! %" +Va)ue M >'i)oo('"* +T'e Samung >'i)oo('"* +Our Va)ue* an! +Viion
0101& In or!er to ee a)) of t'ee ection* t'e ue of t'e cro))%ar i im(ortant& T'en to t'e )eft
of t'e ('otogra(' an! t'e +Va)ue an! >'i)oo('" ection* '"(er)in# are avai)a%)e for
navigation too) to ot'er Samung com(an" entit" information a $e)) a +Career*
+Government* +Sutaina%i)it"* +Invetor Re)ation* +In t'e Communit"* +Samung E)ectronic*
an! +Samung Grou( ection t'at a ta#e'o)!er ma" fin! ver" im(ortant %ut t'e genera)
conumer ma" not fin! a intereting ? t'u $'" t'e +A%out Samung information i )ocate! on
it o$n (age* %ut im(ortant enoug' to 'ave a '"(er)in# in firt im(ortant 9ua!rant of t'e
'ome(age& T'i (age i t'e ame a t'e 'ome(age in t'at t'e ()acement of t'e +Ne$ A%out
Samung i )ocate! in t'e %)ue %ar at t'e to( of t'e $e%(age* t'e main navigationa) )in# are
)ocate! in t'e ame )ocation a $e)) a t'e +Login He)( $it' m" or!er Cart an! Searc'ing
too)& In a!!ition t'e ame co)or an! %a)ancing of (age o%8ect are imi)ar to ot'er (age after
!ri))ing !o$n from 'ome(age& >'otogra(' are ()ace! in e6act)" t'e ame )ocation an! t'e
+T$eet* Face%oo# +Li#e an! +Goog)e activitie are a)o )ocate! in t'e e6act ame )ocation
a eac' (age* $it' t'e e6ce(tion of t'e 'ome(age& ;" maintaining conitenc"* Samung i
meeting t'e ua%i)it" goa) in +'e)(ing (eo()e acce* )earn an! remem%er t'e "tem & & &
.;en"on* 0112* (& J25&
Samung Su((ort O$ner >ro!uct >age for Su((ort Vi!eo for Ga)a6" 1& Ta%)et
C)ic# on +Get Su((ort from 'ome(age navigation '"(er)in# )ocate! at t'e to( of t'e (age& Once
t'ere* c)ic# on +Fin! >ro!uct Su((ort* $'ic' %ring u( a (age informing of 'o$ to get u((ort
9uic#)" $it' t'e to( t'ree activitie Samung %e)ieve viitor $i)) %e after uc' a +Do$n)oa!*
+FA* an! +Ho$-To Gui!e& Imme!iate)" un!erneat' t'i ection* t'ere i an interactive earc'
%o6 for t'e viitor to enter t'e mo!e) num%er or name of t'e !evice t'e" are tr"ing to o%tain
u((ort for& In earc'ing for t'e Ga)a6" Note 1& JG; mo!e)* %egin t"(ing Ga)a6" an! a !ro(-
!o$n )it of avai)a%)e mo!e) matc'ing Ga)a6" $i)) %e )ite!& Scro)) unti) "ou fin! t'e mo!e) t'at
-
8/18/2019 Unit 8 Example 1, 2 and 3
8/33
matc'e "our !evice* t'i %ring u( a ne$ (age $it' a)) t'e information (ecifica))" re)ate! to t'e
Ga)a6" Note 1& ta%)et& T'e )a"out i a)mot i!entica) to t'e ot'er (age* 'o$ever* an a!!itiona)
ocia) '"(er)in# activit" +>in it 'a no$ a((eare! in t'e )it of ocia) me!ia o(tion& T'e )a"out
of t'e grou(e! ection 'a c'ange! com()ete)" for t'ere are man" more grou(e! ection
avai)a%)e to revie$ an! eac' ection no$ contain it o$n navigationa) too)* $'ic' i !ifferent
t'an t'e +Va)ue an! >'i)oo('" (age& T'i )a"out eem a %it over$'e)ming in t'at t'e viitor
nee! to !o a )ot of cro))ing an! rea!ing to !etermine e6act)" $'at i a)) avai)a%)e on t'i (age&
Once "ou 'ave maneuvere! to t'i (age* one $i)) nee! to cro)) a)) t'e $a" to t'e %ottom
$'erein it tate +Get Smart an! inform t'at t'i i t'e ection t'at $i)) 'ave ti( an! artic)e
information in $'ic' t'e viitor mut c)ic# on t'e +Learn 7ore '"(er)in#& T'i %ring u( t'e
+Artic)e (age $it' a((ro6imate)" J ection for interactive activitie& Ever"t'ing e)e i
conitent $it' t'e 'ome(age* $'ic' 'a met t'e ua%i)it" goa) in )earna%i)it"&
A((tore >age
C)ic# on t'e to( )eft-'an! 9uare to t'e rig't of t'e cro))ing %anner entit)e!* +E6()ore A(( for
"our Samung Smart TV& T'i %ring u( t'e +A((tore (age* $'ic' 'a t'e conitent Samung(age )a"out a mot of it $e% a(()ication& T'e ocia) me!ia activitie 'ave %een move! )ig't)"
to t'e )eft $it' a ne$ %utton for t'e viitor to c)ic# on entit)e!* +;ro$e Samung A((& 7ain
navigationa) too) an! ot'er 'ome(age o%8ect are ()ace! in t'e ame )ocation& n!er t'ee
item* t'ere i a )arge ('otogra(' t'at ta#e u( t'e (age com()ete)" 'ori:onta))"* $'ic' i 9uite
attractive ? e(ecia))" if one i )oo#ing to tart !o$n)oa!ing a(()ication for t'eir ne$ te)eviion&
n!erneat' t'e ('otogra('* t'ere are 2 a!!itiona) '"(er)in# t'at are te)eviion re)ate! $it'
icon re(reenting eac' '"(er)in# uc' a +Getting Starte! $it' t'e $or! +Regiter on t'e )itt)e
com(uter monitor creen* a (icture of a te)eviion $it' fami)iar icon for S#"(e* Hu)u >)u* N;C
)ogo an! a te)eviion creen $it' $'at a((ear to %e c'anne)a(()ication* ne6t a te)eviion
creen $it' ('otogra(' of 'an! $i(ing for Samung S$i(eIt a((* a te)eviion creen $it' a
fami)iar vi!eo ()a"%ac# icon entit)e!* +Ama:on Intant Vi!eo* an! a com(uter creen $it' a
(icture of a $renc'cre$ !river on t'e creen to re(reent 'o$ to get u((ort& n!er t'ee
navigation too)* t'e (age 'a in %ig %o)! )etter +Getting Starte! i Ea" $it' a i!e vie$ of a
te)eviion creen $it' variou icon f)"ing aroun! t'e te)eviion o%8ect& A)) are a met'o! in
ca(turing t'e attention of t'e viitor* $'ic' i a cognitive-affective !eign for t'e co)or are
e6citing an! inviting&
SA;ILITY EVALATION
In an" !eign (ro8ect* a ua%i)it" eva)uation i not an activit" to %e ignore!& T'e information
)earne! from a ua%i)it" eva)uation i va)ua%)e an! $i)) a)mot a)$a" )ea! to ucce of t'e
(ro8ect at 'an!& Kut $'at are t'e ua%)e goa) one mut ac'ieve T'e" are goa) t'at are
(ecific to t'e ta# at 'an! an! t'e +uer e6(erience goa) .Roger* S'ar(* an! >reece* 01* (&P5& T'e ua%i)it" goa) are more t'an 8ut %eing effective or efficient* t'ee goa) mut give $a"
to a ()eaura%)e* en8o"a%)e e6(erience a $e)) a not to give frutration in 'aving to )earn
omet'ing more t'an once an! %e o fami)iar t'at t'e en! uer !oe not 'ave to (en! muc'
time in )earning 'o$ to interact $it' it imme!iate)" out of t'e %o6& In an effort to (rovi!e a
!ecri(tive eva)uation of ua%i)it" factor for t'e Samung $e%ite* t'e fo))o$ing 9uetion
(rovi!e! %" Roger* S'ar( an! >reece .((& B ? 05 $i)) %e ana)":e!
+I t'e (ro!uct ca(a%)e of a))o$ing (eo()e to )earn* carr" out t'eir $or# efficient)"* acce t'e
-
8/18/2019 Unit 8 Example 1, 2 and 3
9/33
information t'e" nee!* or %u" t'e goo! t'e" $ant
An$er ? Ye t'e effectivene goa) 'a %een met& T'e evi!ence i in Samung, organi:e! $e%
a(()ication an! 'o$ t'e" organi:e! t'eir (age into a )ogica) et of re)ate!-ta# grou( $it' t'e
a((ro(riate navigation too) foun! in eac' grou( to ta#e t'e uer to it inten!e! target 9uic#)"&
For e6am()e* if a uer i interete! in o%taining information a%out t'e ne$ Samung Ga)a6" S3
for a future (urc'ae !eciion* Samung, 'ome(age 'o$ a ('otogra(' of t'e ne$ ('one a
t'e firt )i!e of a cro))ing %anner $it' %ui)t-in navigation to t'e Ga)a6" S 3 (age& Imme!iate)"
$'en t'e (age come u(* it give t'e (ecification for t'e ('one* avai)a%)e co)or an! tore
t'at 'ave t'e ('one for (urc'ae& A!!itiona))" a!!itiona) (ro!uct !etai) a $e)) a feature!
acceorie a)) a((ear 9uic#)" for t'e en! uer to revie$&
+Once uer 'ave )earne! 'o$ to ue a (ro!uct to carr" out t'eir ta#* can t'e" utain a 'ig'
)eve) of (ro!uctivit"
An$er ? Ver" efficient& Samung et out to ma#e it $e% a(()ication ea" to ue a $e)) a ea"
to remem%er 'o$ to ue %" #ee(ing ta# im()e& A!!itiona))"* t'e ue of $'ite (ace* %)ue an!
$'ite co)or* an! %rig't co)or for t'e (ro!uct ('otogra('* ma#e t'e ite attractive an! inviting
to it viitor& T'e num%er of ta# it ta#e to get to t'e information oug't after i minima)*
$'ic' give a (oitive fee)ing a $e)) a a overa)) vie$ of t'e entire a(()ication a a $'o)e %"
uing t'e g)o%a) navigation feature& T'e com%ination of 'o$ eac' ua%i)it" goa) carefu))"intert$ine! in t'e $or#ing of t'e $e% a(()ication* ma#e it !o e6act)" $'at it i u((oe! to or
at )eat meet t'e uer, e6(ectation&
+@'at i t'e range of error t'at are (oi%)e uing t'e (ro!uct an! $'at meaure are t'ere to
(ermit uer to recover eai)" from t'em
An$er ? Safet" or un!eira%)e reu)t cou)! 'ave %een 'an!)e! !ifferent)"& S(ecifica))" !ea)ing
$it' t'e Samung, Green Gui!e $'erein t'e en! uer can c'ooe t'e +Rene$ (at' to give
!ro(-off )ocation for e)ectronic to %e rec"c)e! to )earn t'at "ou cannot enter a 7inneota :i(
co!e& T'e re(one $i)) %e confuing to t'e en! uer for one imme!iate)" t'in# t'e a(()ication
i not $or#ing (ro(er)" $'en it inform t'at i an inva)i! :i( co!e& To im(rove u(on t'i $it'out
a )ot of (rogram co!e u(!ate* one cou)! 8ut a!! a te6t ti( to inform of t'e tate in a ma))
font of t'e tate t'at are acce(ting rec"c)e! Samung (ro!uct&
+Doe t'e (ro!uct (rovi!e an a((ro(riate et of function t'at $i)) ena%)e uer to carr" out a))
t'eir ta# in t'e $a" t'e" $ant to !o t'em
An$er ? Same a = a%ove& Vie$ing t'i a(()ication from a uti)it" (oint of vie$* t'e a(()ication
i )ac#ing co!e to (revent t'e uer from entering a :i( co!e outi!e of t'e !ro(-off )ocation&
T'ere i not'ing in ()ace informing t'e uer t'at t'ere are on)" certain tate avai)a%)e* t'erefore
#ee( #ic#ing off ame error meage +"ou 'ave entere! an inva)i! :i( co!e $'ic' )ea! t'e en!
uer to %e)ieve t'at it i t'e format rat'er t'an t'e actua) :i( co!e entere!& T'ere $a a + to
c)oe t'e error-meage $in!o$* %ut !oe 'ave t'e g)o%a) navigation "tem to navigate %ac# to
t'e 'ome(age& Ho$ever* t'e 'ome icon i no$ )ocate! in t'e mi!!)e of t'e (age rat'er t'an t'e
mot )eft-'an! icon $'ic' i t'e )ocation on a)) of t'e ot'er (age& So t'ere i ome )earning
invo)ve! in t'i egment&
+I it (oi%)e for t'e uer to $or# out 'o$ to ue t'e (ro!uct %" e6()oring t'e interface an!tr"ing out certain action Ho$ 'ar! $i)) it %e to )earn t'e $'o)e et of function in t'i $a"
An$er ? Learna%i)it" 'a %een met* $it' t'e e6ce(tion of t'e +Rene$a%)e reource )ite!
a%ove& Samung, a%i)it" to et u( it g)o%a) navigation "tem an! ot'er conitent factor
ma#e t'e $e% a(()ication ea" to ue $it'in t'e firt cou()e of minute of viiting t'e ite& T'e"
a)o (ut t'e mot im(ortant an! mot (o(u)ar earc' criteria at t'e to( of it 'ome(age ? no
cro))ing re9uire!&
+@'at #in! of interface u((ort 'ave %een (rovi!e! to 'e)( uer remem%er 'o$ to carr" out
ta#* e(ecia))" for (ro!uct an! o(eration t'e" ue infre9uent)"
-
8/18/2019 Unit 8 Example 1, 2 and 3
10/33
An$er ? 7emora%i)it" ua%i)it" goa) 'ave %een met& T'i i evi!ence! %" t'e conitent
)ocation of t'e g)o%a) navigation "tem a $e)) a t'e ue of fami)iar-)oo#ing icon to (erform
variou interactive activitie uc' a t'e magnif"ing g)a for earc'ing* a (icture of a 'o((ing
cart for 'o((ingc'ec#ing out t'e (urc'ae* a $e)) a t'e ocia) me!ia icon for com%ining t'e
Samung e6(erience $it' t'e ()eaure of uing ocia) me!ia& Samung a)o ue )a%e) a)ong
$it' image $it' em%e!!e! navigation to ma#e certain t'e uer un!ertan! $'ere t'e
'"(er)in# $i)) ta#e 'er&
HERISTIC SA;ILITY EVALATION
A Ka#o% Nie)en (oint out* Heuritic are t'e %et (ractice to fo))o$ $'en !eigning interaction
(ro!uct rat'er t'an (ecifica))" ua%i)it" gui!e)ine& .Nie)en* BB25& T'e %enefit of eta%)i'ing
'euritic gui!e)ine for a (ecific !eign i t'e fact t'at t'e" 'ave %een +(ut to t'e tet in t'e
in!utr" an! (rovi!e information a to $'at $or# an! $'" t'e" $or# $e))& T'e Saumung $e%
a(()ication $i)) %e ana)":e! $it' P of t'e 1 goa) a !eve)o(e! %" Ka#o% Nie)en )ite! %e)o$
7atc' %et$een "tem an! t'e rea) $or)!
Fami)iar icon an! te6t ('rae imi)ar to ever"!a" ta# are foun! on Samung, $e%
a(()ication& S(ecifica))" te6t ('rae )i#e +FA or t'e magnif"ing g)a icon re(reenting toearc' or t'e 'o((ing cart icon&
Conitenc" an! tan!ar!
T'e navigationa) "tem i conitent)" )ocate! acro t'e entire $e% a(()ication&
Vi!eo ()a"%ac# ue tan!ar! vi!eo VCR functiona)it"&
Recognition rat'er t'an reca))
Samung 'a !one a great 8o% in +ma#ing o%8ect* action* an! o(tion vii%)e .Nie)en* BB25
in a trategic manner o a not to a((ear c)uttere! an! ue! $'ite (ace inte))igent)"&
A!!itiona))" t'e" 'ave )a%e)e! variou image o%8ect $it' ti( te6t to ait $it' navigation
information&
F)e6i%i)it" an! efficienc" of ue
Samung ue a ite ma( at t'e %ottom of ever" (age* $'ic' ait t'e e6(ert uer to 9uic#)"
navigate to oug't after (age&
T'e $e% a(()ication a)o offer a earc'ing mec'anim at t'e to( of t'e 'ome(age for (ur(oe
of aiting t'e e6(ert uer in )ocating information 9uic#)"&
Samung a)o offer a +Login feature $'ic' once )ogge! in $i)) 'o$ t'e !evice t'at t'e viitor
'a regitere!& On t'e ame (age a t'e uer, !evice* (rovi!e manua)* u((ort* or acceor"
o(tion re)ate! to t'at (ecific (ro!uct&
Aet'etic an! minima)it !eign
Im(rovement uggetion regar!ing t'e (ro!uct u((ort vi!eo o(tion $ou)! %e to re!uce t'e
amount of interaction information for a u((ort vi!eo& For e6am()e* if t'e en! uer $ant to
revie$ a +'o$-to vi!eo for t'e ue of a Samung ta%)et* t'e icon not on)" 'o$ a (icture of t'e
ta%)et %ut it a)o tate %eneat' t'e (icture a te6t %o6 informing t'at t'i vi!eo i for a ta%)et
an! a)o inc)u!e! a%ove t'at i a!!itiona) te6t regar!ing t'e vi!eo an! 'o$ it $i)) te)) "ou 'o$ toue "our ta%)et& It i )ocate! in t'ree )ocation& T$o $ou)! %e uffice in t'i area an! $ou)! give
%ac# va)ua%)e $'ite (ace&
A!!itiona) uggetion to gain vii%i)it" for ot'er o%8ect i to !e)ete t'e irre)evant information
t'at !ea) $it' t'e amount of information Samung c'ooe to ue in contacting Samung for
aitance& For ever" (ro!uct* t'e" inc)u!e +Live C'at un!er ever" image an! a)o inc)u!e +Live
C'at to t'e rig't in a navigationa) ection informing of t'e ame +Live C'at&
Vii%i)it" of "tem tatu
T'e 'overing a%i)it" avai)a%)e over t'e g)o%a) navigation "tem i a great vii%i)it" met'o!&
-
8/18/2019 Unit 8 Example 1, 2 and 3
11/33
T'e a%i)it" to create an account* regiter "our !evice* an! t'en receiving an emai) regar!ing
"our !evice an! $'at i ne$ or if an" u(gra!e are necear" i outtan!ing from a vii%i)it"
"tem vie$(oint&
A!!itiona))"* t'e $e% a(()ication #ee( trac# of t'e !evice t'e viitor 'a revie$e! !uring t'at
(ecific viit& @it'out )ogging in* it $i)) not remem%er (reviou viit* %ut $'en )ogge! in a a
mem%er* t'e $e% a(()ication #ee( trac# of recent)" revie$e! !evice an! offer imme!iate
fee!%ac# $it' regar! to ne$ acceorie avai)a%)e a $e)) a an" ot'er re)ate! offer for t'oe
(ecific !evice revie$e!&
He)( an! !ocumentation
>rovi!e a met'o! to %egin earc'ing 'e)( an! !ocumentation for "our (ecific !evice %ae!
form t'e mo!e) num%er or name o "ou can %"(a a)) t'e non-re)ate! 'e)( !ocumentation t'at
!oe not (ertain to viitor&
>rovi!e ti( )a%e) for em%e!!e! image to ma#e ure t'e viitor #no$ $'ere t'e" $i)) navigate
too %" c)ic#ing on t'e variou ('otogra('& 7a#e it ea" to remem%er 'o$ to ue t'e ite
$it'out 'aving to )earn a great !ea) %efore ue&
>rovi!e a +'an! 'o)!ing met'o! $'en a viitor un!erta#e t'e ta# of regitering 'i or 'er
!evice& ;" uing t'i $i:ar! t"(e te( %" te(* ma#e it ea" for t'e uer to com()ete t'e ta#
t'e" et out to !o&Error (revention
An error (revention uggetion $ou)! %e e(ecia))" uefu) on t'e Rene$a%)e (age in entering :i(
co!e information for )oca) !ro( off )ocation& @'en t'e meage #ee( re(eating ite)f $it'out
te))ing "ou $'" ot'er t'an +t'at i an inva)i! :i( co!e $i)) confue t'e viitor in un!ertan!ing
$'at t'at mean& It cou)! mean t'at t'e format of t'e $a" t'e uer entere! t'e :i( co!e i
$rong or it cou)! mean t'at t'e :i( co!e i not foun! in t'e correct tate& @it'out a!!itiona)
te6t* it a((ear to %e an error&
Reference
;en"on* D&* Turner* >&* an! Turner* S& .01125& Deigning interactive "tem (eo()e* activitie*
conte6t* tec'no)ogie& Lon!on >earon E!ucation Limite!&
Duc#ett* K& .015& HT7L M CSS !eign an! %ui)! $e%ite& In!iana(o)i Ko'n @i)e" M Son* Inc&
7orvi))e* >& an! Roenfe)!* L& .01145& Information arc'itecture for t'e $or)! $i!e $e%* t'ir!
e!ition& Se%ato(o) O,Rei))" 7e!ia* Inc&
-
8/18/2019 Unit 8 Example 1, 2 and 3
12/33
Nie)en* K& .BB25& 1 ua%i)it" 'euritic for uer interface !eign& Retrieve! from
'tt($$$&nngrou(&comartic)eten-ua%i)it"-'euritic
Roger* Y&* S'ar(* H) an! >reece* K& .015& Interaction !eign %e"on! 'uman-com(uter
interaction t'ir! e!ition& Sue6 Ko'n @i)e" M Son Lt!&
@e%ter* K&* M A'u8a* K& S& .011J5& En'ancing t'e !eign of $e% navigation "tem T'e
inf)uence of uer !iorientation on engagement an! (erformance& 7IS uarter)"* =1.=5* JJ-J4P&
/ac'r"* 7& .01125& An Intervie$ @it' Dona)! A& Norman& Tec'nica) Communication uarter)"*
3.35* 3JB-3P4& !oi1&0142304J02tc9313Q2
Unit 8 Example 2
T'i (ur(oe of t'i $or# i to (reent a $e%ite ua%i)it" ana)"i for t'e $$$a"a#&com
$e%ite& #a"a#&com i a earc' $e%ite t'at i imi)ar to Trave)ocit"* Or%it:* Hot@ire an!
E6(e!ia&
-
8/18/2019 Unit 8 Example 1, 2 and 3
13/33
trave)er& Once viitor arrive at t'e Home (age* t'e" ue t'e ite %" e)ecting a %roa! to(ic of
interet from t'e navigation menu at t'e to( of t'e (age .e&g&* Car,5* an! entering earc'
re)ative)" traig'tfor$ar! criteria for t'e to(ic&
;roa!)" (ea#ing* t'i (a(er $i)) inc)u!e a !icuion of t'e fo))o$ing to(ic for t'e erce(tion
T'i factor ena%)e information to %e ac9uire! an! recogni:e!
-
8/18/2019 Unit 8 Example 1, 2 and 3
14/33
Ditingui'ing e)ement on a (age a))o$ viitor to recogni:e t'em an! (erceive 'o$ t'e" mig't
%e ue!& Simi)ar to t'e cognitive factor of attention*
-
8/18/2019 Unit 8 Example 1, 2 and 3
15/33
@e%ite t'at are (ro(er)" tructure! faci)itate )earning& A)t'oug' ing .01=5 o%erva%)" note* affect-re)ate! ('enomena inc)u!e emotion an! fee)ing a t$o
com(onent* %ut affect i muc' %roa!er t'an t'at& A note! at t'i (a(er, outet* affect a)o
conit of moo! an! attitu!e& A)) of t'ee i!ea are im(ortant $'en ()anning t'e !eign of a
'uman-com(uter interface %ecaue t'e" a)) 'ave an im(act on t'e $a" uer interact $it' t'em
an! re(on!& T'u* affective !eign 9ua)itie inc)u!e %eaut"* co)or* image* menu* %rig'tne*
im()icit" an! c)aica)* an! inti)) fee)ing uc' a 'a((ine* trut an! motivation to e)icit a
re(one .>ing* 01=5&
A note! ear)ier*
-
8/18/2019 Unit 8 Example 1, 2 and 3
16/33
interaction %ecaue t'e" are im()e an! evo#e (oitive fee)ing an! moo! .e&g&* Ha$aii,*
Cari%%ean,* I)an!,* Romantic, an! Cancun,5&
C& Cognitive-Affective Deign Interaction
@'i)e t'e foregoing !icuion attem(te! to a!!re t'e cognitive an! affective (rinci()e of
!eign in io)ation for conce(tua) an! e6()anator" (ur(oe* it i !ifficu)t to e(arate t'e t$o
(rinci()e& T'e 8ut-!icue! Dea), (age* for e6am()e inc)u!e a)) of t'ee e)ement& Firt* it
t'ree-co)umn !irect t'e uer, focu %ecaue of t'e c)ean an! im()e co)umnar !eign an! %)ue
co)ore! )in#& T'ee ai! attention an! (erce(tion& T'e grou(ing .c'un#ing5 if t'ee co)umn into
)it of imi)ar conce(t ai! memor" in t'at uer !o not nee! to t'in# of !etination on t'eir
o$n .$'ic' re9uire t'e menta) $or# of t'oug't5& T'e image an! %rief !ecri(tion un!er t'e
Feature! Dea), faci)itate ea" )earning an! i conitent $it' t'e menta) mo!e) of a concie
trave) $e%ite* $'ic' (eo()e 'ave e6(erience! for man" "ear& Fina))"* for t'e reaon !icue!
in t'e (reviou ection* affective (rinci()e are at $or# rig't a)ongi!e t'e cognitive factor&
From a %roa!er (er(ective* it i ea" to ee t'e cognitive-affective !eign (rinci()e at $or#
t'roug'out t'e reece* 015& It i +'ierarc'ica) in t'at ta# are u%!ivi!e! into u%ta#&
Dicue! %e)o$ are t'ree 'ierarc'ica) ta# ana)"e on t'e
-
8/18/2019 Unit 8 Example 1, 2 and 3
17/33
Se)ect Econom", from t'e !ro(-!o$n )it
C)ic# t'e nonto( on)", c'ec# %o6
nc'ec# an" c'ec#e! %o6e in t'e C'ooe Site to Com(are v&
-
8/18/2019 Unit 8 Example 1, 2 and 3
18/33
Fin! a trave) !etination t'at )oo# intereting .+E6()ore5 from a cit" of origin
From t'e to( navigation menu* c)ic# t'e 7ore, or t'e , )in#
C)ic# on t'e E6()ore, )in#
In t'e From, te6t %o6* t"(e +a an! e)ect +San Diego* CA from t'e !ro(-!o$n )it
T'e ma((e! reu)t (rovi!e uer $it' a goo! a((ro6imation of t'e cot to f)" to a (oi%)e
!etination of interet* $it' a green image of a ()ane at t'e (oint of origin& T'e fami)iar Drag to
:oom, )i!er ma#e it ea" to narro$ one, focu to a more (ecific geogra('ic area or cit"& One
ver" uefu) feature i t'e F)ig't Time, )i!er t'at viitor can ue if t'e" $ant to confine t'eir
f)ig't time to $it'in a certain num%er of 'our a$a" from a cit" of origin& In contrat to t'e
t'ree-co)umn )iting of earc' reu)t for 'ote)* t'e t$o-co)umn format in t'e E6()ore, ection*
$it' t'e ma(* i )e over$'e)ming& Suggete! im(rovement inc)u!e a!!ing more item to t'e
Stuff To Do, erie of c'ec# %o6e at t'e %ottom )eft-'an! (art of t'e (age&
III& Navigation T"(e M T'eor"
T'e t'eor" %e'in! $e%ite navigation i to a))o$ viitor to a $e%ite to get aroun! an! fin!
re)evant information eai)" an! efficient)"& @'i)e navigation i not near)" a im(ortant a content
.&S& De(t& of Hea)t' an! Human Service* 011J5* uer $'o en! u( focuing on 'o$ to fin!
information on a ite* rat'er t'an on $'at t'e" are )oo#ing for .i&e&* t'e content ite)f5* ma"
%ecome !icourage!* frutrate!* or ma" ot'er$ie form negative im(reion of t'e ite& A ite
t'at i not $e))-tructure! navigationa))" can %e !icouraging to viitor* $'o ma" )eave t'e ite
an! (oi%)" never return again&
Navigation c'eme t'at are !eigne! to minimi:e focu on t'e +'o$ an! ma6imi:e focu on t'e
+$'at inc)u!e !ro(-!o$n an! (o(-u( menu* em%e!!e! )in# an! icon& Of t'ee*
-
8/18/2019 Unit 8 Example 1, 2 and 3
19/33
De(t& of Hea)t' an! Human Service* 011J5& For e6am()e* t'e Hote), )in# 'ou)! re!irect uer
to information re)evant to 'ote)* not to information a%out #angaroo or !irection for inta))ing a
$oo! !ec#& A!!itiona))"* t'e o(tima) ue of em%e!!e! )in# i to ue a fe$ $or! a (oi%)e
t'at %et !ecri%e $'at 'a((en $'en uer c)ic# on a )in#&
In um* t'e connection %et$een t'e t'ree t"(e of ite navigation !ecri%e! an! t'e t'eorie
%e'in! $'" t'e" are ue! i to a))o$ uer to eai)" an! efficient)" (erue a $e%ite an! fin!
information re)evant to t'eir (ur(oe for uing it&
IV& >age La"out an! Content
A univera) (rinci()e t'at nee! to %e coni!ere! $'en !eigning a $e%ite i t'at t'e $e%ite
'ou)! %e im()e* conitent* intuitive an! ea" to ue .nivera) Deign vi!eo* Ca(e))a
niverit"* 011J5& Furt'ermore* to faci)itate a ite, ua%i)it"* !eigner nee! to ta#e into account
factor uc' a aet'etic* a)ignment* affor!ance* c'un#ing* conitenc"* recognition M reca)).nivera) >rinci()e of Deign vi!eo* Ca(e))a niverit"* 011J5& To one !egree or anot'er* t'ee
(rinci()e are em%o!ie! in a ite, (age )a"out an! content&
T'i ection $i)) ana)":e t'e organi:ationa) )a"out an! content of t'e fo))o$ing t'ree (age of t'e
age
T'e
-
8/18/2019 Unit 8 Example 1, 2 and 3
20/33
E6()ore, >age
T'e E6()ore (age ue a t$o-co)umn !eign t'at )arge)" conit of a ma( $it' (ricing
information re)evant to (ecific !etination& In contrat to t'e Home (age* on)" a%out 'a)f t'e
(age i vii%)e +a%ove t'e fo)! 'o$ever* mot (eo()e are (reuma%)" not interete! in trave)ing
to far a$a" !etination t'at are vii%)e +%e)o$ t'e fo)!* o t'i i not neceari)" a (oor !eign&
7oreover* t'e )i!er at t'e to( )eft-'an! (art of t'e ma( a))o$ uer to :oom into (ecific
)ocation an! rea)ign t'e ma(, foca) (oint& T'e ma(, )a"out an! it re(reentative icon
(reent a goo! gra('ica) i))utration t'at ca(ture f)ig't cot an! !etination* an! 'o$ t'e
(oition of !etination in a tate re)ative to ot'er& In fact* t'ere are t$o ot'er )i!er on t'i
(age* ;u!get, an! F)ig't Time,& An e6ce(tiona) a(ect of t'i ma()i!er !eign i t'at
!etination are !"namica))" interactive ?re(oitioning t'e )i!er ma#e ome of t'e ma( icon
!ia((ear an! rea((ear& T'i i not on)" ea" to ue %ut t'i functiona)it" en'ance recognition
an! reca)) %ecaue uer !o not nee! to meaure or ca)cu)ate on t'eir o$n cot .;u!get5 or
trave) !itance .F)ig't Time5& Fina))"* t'e E6()ore (age* $it' it !"namic ma(* i aet'etica))"an! viua))" ()eaing to vie$& Simi)ar to t'e Home (age* t'i !eign i))utrate e6ce))ence in %ot'
it (age )a"out an! content&
He)(, >age
T'e He)( (age i (rimari)" te6t-%ae!* %ut incor(orate a com%ination of icon an! em%e!!e!
)in#& It )ig't)" gri!!e! (attern (romote t'e cognitive recognition factor of (erce(tion& ing a
co)or com%ination t'at inc)u!e $'ite* var"ing 'a!e of gre"* %)ac# an! %)ue* t'e He)( (age i
not (articu)ar)" aet'etica))" a((ea)ing& T'e foca) (oint of t'e He)( (age i to$ar! t'e to( $'ere
t'e main 'e)( item are& T'ee a(ect $arrant im(rovement& T'e icon for t'e 'e)( item cou)!
a)o %e im(rove!& E6ce(t for t'e Hote)ier,* 7" Tri(, an! >ricing, icon* t'e ot'er eem
mimatc'e!& One g)aring e6am()e i t'e uetion an! Fee!%ac#, icon& It icon i uua))" ue!
for e-mai)* "et t'e icon for e-mai)ing
-
8/18/2019 Unit 8 Example 1, 2 and 3
21/33
!angerou con!ition (oe! in uing t'e
-
8/18/2019 Unit 8 Example 1, 2 and 3
22/33
+inte))igent)" (re-(o(u)ate information t'at uer tart to enter& T'ee factor* com%ine! $it'
t'e fair)" )arge orange %utton for uer to c)ic# to (erform norma) earc'e* i))utrate t'at t'at
age )oa!ing time on t'e er'a( t'at $a $'" t'ere are no "tem
tatu notification* $it' one nota%)e e6ce(tion after c)ic#ing on t'e E6()ore, )in# to o(en t'at
(age*
-
8/18/2019 Unit 8 Example 1, 2 and 3
23/33
$e%ite, tatu& Ot'er (art of t'e ite ue! rea) $or)! term in t'e uer, native )anguage of
Eng)i'& No "tem-oriente! term $ere !etecte!&
=& er contro) an! free!om
er often c'ooe "tem function %" mita#e an! $i)) nee! a c)ear)" mar#e! Uemergenc" e6itU
to )eave t'e un$ante! tate $it'out 'aving to go t'roug' an e6ten!e! !ia)ogue& Su((ort un!o
an! re!o&
A)t'oug'
-
8/18/2019 Unit 8 Example 1, 2 and 3
24/33
'ou)! not 'ave to remem%er information from one (art of t'e !ia)ogue to anot'er& Intruction
for ue of t'e "tem 'ou)! %e vii%)e or eai)" retrieva%)e $'enever a((ro(riate&
T'e !"namic feature of t'e
-
8/18/2019 Unit 8 Example 1, 2 and 3
25/33
Even t'oug' it i %etter if t'e "tem can %e ue! $it'out !ocumentation* it ma" %e necear"
to (rovi!e 'e)( an! !ocumentation& An" uc' information 'ou)! %e ea" to earc'* focue! on
t'e uer ta#* )it concrete te( to %e carrie! out* an! not %e too )arge&
Dicue! un!er item = of t'e >age La"out an! Content ection*
-
8/18/2019 Unit 8 Example 1, 2 and 3
26/33
(age )a"out an! content& T'e (rinci()e to %e a!!ree! inc)u!e aet'etic* a)ignment*
affor!ance* c'un#ing* conitenc"* recognition* reca)) (ro6imit" an! coniguit"&
ing* /& .01=5& T'e Affective Re(one 7o!e) A T'eoretica) Frame$or# of Affective Conce(t
an! T'eir Re)ation'i( in t'e ICT Conte6t& 7IS uarter)"* =4.5* 034-043&
T'i $or# %" >ing offer current reearc' on affective !eign ('enomena& It $i)) %e ue! to
i))utrate t'at affective (rinci()e inc)u!e more t'an 8ut emotiona) 9ua)itie in 'uman&
&S& De(t& of Hea)t' an! Human Service& T'e Reearc'-;ae! @e% Deign M a%i)it"
Gui!e)ine* En)arge!E6(an!e! e!ition& @a'ington &S& Government >rinting Office* 011J&
T'i $or# %" ua%i)it"&gov $i)) %e ue! to a!!re navigation t'eor"& It offer u%tantia) u((ort
for man" conce(t of navigation inc)u!ing '"(er)in#ing* icon ue an! menu tructuring& It a)o
contain u((ort for (ro(er $a" of tructuring a $e% (age, )a"out an! $'" content i more
im(ortant t'an navigation&
-
8/18/2019 Unit 8 Example 1, 2 and 3
27/33
Unit 8 Example 3
Fern%an# i a non-(rofit organi:ation fun!e! mueum t'at (reent e6'i%ition an!(rogramming a%out natura) 'itor" t'at erve a not on)" entertainment* %ut for e!ucationa)
(ur(oe a $e))& T'e J2 acre mueum $a origina))" ()anne! to %e ue! a a c'oo) in t'e
$oo! for nature tu!"& Fern%an# 7ueum i one of t'e on)" mueum in t'e $or)! to gro$ out
of a foret& Since o(ening t'e !oor to t'e (u%)ic in BB0* Fern%an# 7ueum, miion i to
in(ire )ife-)ong )earning of natura) 'itor" t'roug' immerive (rogramming an! unmatc'e!
e6(erience to encourage a greater a((reciation of our ()anet an! it in'a%itant& T'e RL to
Fern%an# 7ueum i $$$&fern%an#mueum&org
T'e Fern%an# ite 'a information on t'e 'itor" of Fern%an#* information on (urc'aing tic#et*
event* e6'i%ition* mueum 'our* I7A t'eater info* mem%er'i( an! future viit information&
T'ee (age $i)) %e !icue! in furt'er !etai) in t'e u(coming (ortion of t'i (a(er&
Home (age t'e 'ome (age of t'e Fern%an# $e%ite (rovi!e 'ort !ecri(tion an! )in# to t'e
ot'er (age uc' a viit fern%an#* e6()ore e6'i%it* e6(erience I7A* (rice* %ecome a mem%er*
give* ca)en!ar of event* an! !icover an! )earn& T'e a%out Fern%an# )in# ta#e to a (age t'at
!i()a" t'e 'itor" of Fern%an#* t'e miion tatement* an! !ifferent $a" to contact t'e
mueum&
-
8/18/2019 Unit 8 Example 1, 2 and 3
28/33
Viit Fern%an# t'i (age (rovi!e %rief !ecri(tion for ome of t'e information "ou ma" $ant
to )oo# at %efore coming to Fern%an#& On t'i (age "ou can fin! )in# to t'e Fern%an# CafX
menu* !irection to t'e mueum* 'our* an! event an! activitie& You can a)o !o$n)oa! a
viitor, ma( an! viitor, gui!e in a fe$ ot'er )anguage&
E6()ore E6'i%it t'i (age give an overvie$ of t'e e6'i%it "ou $i)) fin! at Fern%an#& T'e
e6'i%it are !ivi!e! in to t'ree grou( (ermanent e6'i%ition* (ecia) e6'i%ition* an!
(ermanent feature& Eac' ection i accom(anie! %" a %rief !ecri(tion an! a )in# for more
information& You can a)o fin! a )in# to %oo# a fie)!tri( an! t'ere i a )in# for t'e Fern%an#
7ueum a((&
E6(erience I7A t'i (age 'ig')ig't ome of t'e movie t'at "ou can vie$ in t'e I7A
T'eater& Current)" t'e" are 'o$ing Everet* F)ig't of t'e ;utterf)ie* an! Titan of t'e Ice Age&
For t'oe $'o ma" not 'ave een a movie in an I7A t'eater it i e6()aine! in furt'er !etai) int'e A%out t'e I7A E6(erience ection of t'i (age&
>rice on t'i (age "ou $i)) fin! a %rea#!o$n of t'e (rice of for mueum tic#et* I7A tic#et
an! com%ination tic#et&
;ecome a 7em%er t'i i $'ere t'e uer can fin! a)) t'e information nee!e! to o%tain a
mem%er'i(& T'ere i a)o a mem%er'i( a(()ication to !o$n)oa!&
Give t'i (age (rovi!e information on 'o$ to ma#e a !onation to Fern%an#& You can give ca'
!onation an! "ou can a)o vo)unteer&
Ca)en!ar of Event t'i (age contain mont')" ca)en!ar $it' information for t'e I7A T'eater*
(ecia) e6'i%ition* an! event an! activitie&
Dicover an! )earn $ant to fin! information a%out fie)! tri( Or ma"%e t'ere $a omet'ing
t'at "ou a$ an! "ou $ant to a# a cientit& You can fin! )in# for t'i an! ot'er information
)i#e ummer cam( an! !o$n)oa!a%)e reource&
Cognitive-affective !eign
>erce(tion refer to 'o$ information i ac9uire! from t'e environment* via t'e !ifferent ene
-
8/18/2019 Unit 8 Example 1, 2 and 3
29/33
organ an! tranforme! into e6(erience of o%8ect* event* oun!* an! tate .Yvonne Roger*
015& @'en it (ertain to t'e $e% "our viion (rovi!e t'e mot imme!iate re(one to t'e
(age& Fern%an#, ite i viua))" tunning $it' !ifferent e6'i%it an! event on !i()a" on t'e
'ome (age& T'e gra('ic an! icon ma#e fin!ing certain to(ic on t'e (age eaier an! it i ver"
ea" to )ocate item on t'e (age& T'e affect t'at t'i 'a on t'e uer i t'at it i inviting an!
)eave t'e uer interete! in $'at Fern%an# 'a to offer&
S'ar( .Yvonne Roger* 015 tate memor" invo)ve reca))ing variou #in! of #no$)e!ge t'at
a))o$ u to act a((ro(riate)"& Fern%an# (rovi!e uer !ecri(tive )in# an! on)" neceitate a
minimum amount of te( to (erform a ta#& T'e" a)o (rovi!e variou $a" to !ifferent ta#
uc' a )oo# at t'e ca)en!ar of event or %ecome a mem%er %" ()acing )in# on mu)ti()e (age&
Learning 'o$ to ue t'e Fern%an# $e%ite i ver" im()e& T'e )in# are re)evant to t'e
information t'e uer ma" %e )oo#ing for* $'ic' 'e)( gui!e t'e uer to t'e a((ro(riate (age&
T'ere i a)o a ne$ an! announcement area t'at give %rief !ecri(tion accom(anie! %" a
+)earn more )in# to 'e)( "ou fin! current event an! information&
Ta# Ana)"i
Ta# ana)"i i a 'ierarc'ica) re(reentation of $'at te( nee! to %e ta#en to (erform
a ta# for a (articu)ar goa)& @'en necear"* t'ee ta# can %e !ivi!e! into u%ta# unti) t'e
overa)) (roce i !efine!& T'e fo))o$ing i an ana)"i if t'ree e(arate ta#* e6ecute! on t'e
Fern%an# $e%ite* to !emontrate t'e ite, ua%i)it" an! !efine area of trengt' an!
$ea#nee&
>urc'ae Tic#et for mueum a!miion
C)ic# t'e (urc'ae tic#et gra('ic
T'i o(en in anot'er $in!o$* %ut t'i i %ecaue tic#et are (urc'ae! t'roug' an outi!e
com(an"* mueumti6&com&
C)ic# A!miion-7ueum )in# or c)ic# Fin! Tic#et )in# in A!miion-7ueum ection&
If "ou c)ic# A!miion-7ueum* "ou 'ave to c)ic# Fin! Tic#et on t'e ne6t (age& T'e A!miion-
7ueum )in# 'ou)! ta#e "ou to t'e ca)en!ar (age )i#e t'e Fin! Tic#et )in#&
Se)ect a !ate from t'e ca)en!ar&
C'ooe 9uantit" of tic#et t'at "ou nee! an! c)ic# a!! to cart&Create uer account
>urc'ae Tic#et
Vie$ ca)en!ar of event
C)ic# on ca)en!ar of event )in# or c)ic# ca)en!ar icon&
Vie$ $ee#)" event or c)ic# a !ate on ca)en!ar to ee t'at !a", event&
-
8/18/2019 Unit 8 Example 1, 2 and 3
30/33
T'i (roce i re)ative)" im()e an! t'ere are no recommen!ation for im(rovement&
Sign u( for e-ne$)etter
C)ic# Viit Fern%an# )in# in to( navigation %ar&
C)ic# a%out Fern%an# in )eft navigation )in#&
C)ic# Sign u( )in# in t'e Sta" in Touc' ection of t'e (age&
Enter e-mai) a!!re an! c'ec# (referre! ne$)etter.5&
C)ic# u%cri%e&
T'i (roce cou)! %e im()ifie! %" ()acing an +A%out Fern%an# )in# on t'e 'ome(age&
Navigation T'eor"
Rea)-time an! re)ia%)e )ocation information of mo%i)e no!e i a #e" ena%)e for man"
emerging $ire)e net$or# a(()ication .Yuan S'en M @in* 0105& er can )an! at an" (age
$it'in a $e%ite m" evera) !ifferent met'o! uc' a )in#* a !irector"* ite ma(* earc' engine*t"(ing t'e $e% a!!re* etc& Navigation 'ou)! %e a (rominent e)ement of "our !eign& T'e
con!ition of goo! navigation neceitate a goo! 9ua)it" $e%ite organi:ation* %ecaue goo!
navigation !e(en! on a ene of ()ace t'at goo! 9ua)it" $e%ite organi:ation faci)itate .Yuan
S'en M @in* 0105& er navigate t'roug' $e%ite in !ifferent $a"& Integrating !ifferent
$a" of navigating ma#e it eaier to move from one ection to anot'er an! )ocate information
more efficient)"&
Fern%an#, 'ome(age ue mu)ti()e a(ect of navigation t'eor" to ma#e t'e navigation
of t'eir ite )e !ifficu)t& Inc)u!ing a )ogo at t'e to(* a to( navigation %ar* conte6t enitive
menu* em%e!!e! )in# for image* +%rea!crum% trai)* an! )ocation !etai) (rovi!e uer
mu)ti()e $a" to acce information&
Fern%an# ue t$o !ifferent t"(e of navigation )oca) an! g)o%a)& Loca) navigation contain
e)ement for navigating )oca))" $it'in ome u%et of (age in a ite uua))" ca))e! a u%-ite
.
-
8/18/2019 Unit 8 Example 1, 2 and 3
31/33
T'e 'ome (age 'a t'e )ogo in t'e to( rig't corner& T'ere i a navigation %ar at t'e to(
$it' a!vertiement (ace %e)o$& ;aic information i ()ace! in t'e to( ection of t'e (age ne6t
to t'e a! (ace& On t'e 'ome (age "ou can fin! variou )in# to ot'er (age uc' a %ecome a
mem%er* e6()ore e6'i%it* e6(erience I7A* !icover an! )earn* ()an a fie)! tri(* an! more&
T'e Give (age 'a ('oto an! 'ig')ig't of fun!raiing event in t'e a! (ace un!er t'e
navigation %ar& In t'e %o!" of t'i (age "ou $i)) fin! a %rief !ecri(tion* an emai) )in#* an! t$o
)in# one for giving mone"* an! one for giving time&
a%i)it" Eva)uation
@e% ua%i)it" focue on !eign e)ement an! (rocee t'at ma#e $e% (age ea" to
ue .Kean Sni!er* 0105& T'i mean it 'ou)! %e organi:e!* $it' !ecri(tive menu an!navigation )in# t'at a))o$ viitor to move from one ection to anot'er eai)"& Having ot'er
too)* uc' a a earc' engine* a)o ma#e fin!ing information on t'e ite eaier& Rieman*
Fran:#e* an! Re!mi)e .01115 !icu a tec'ni9ue for eva)uating t'e !eign of a uer-interface
ca))e! a cognitive $a)#t'roug'& T'e cognitive $a)#t'roug' $a eentia))" !eve)o(e! to eva)uate
'o$ uer uti)i:e t'e ite for rea)-$or)! ta#& T'i invo)ve ana)":ing t'e ite, u%8ect
grou(ing* earc' ca(a%i)itie* an! %ro$ing effectivene&
T'e (age of Fern%an# ue a com%ination of g)o%a) an! )oca) format navigation& T'ere i
a navigation %ar )ocate! at un!er t'e %anner $it' c)ic#a%)e )in# an! gra('ic )ocate! t'roug'out
t'e (age& T'i (rovi!e t'e uer $it' ra(i! acce to mu)ti()e u%8ect uc' a tic#et information
an! t'e ca)en!ar of event&
;ro$ing t'e Fern%an# ite i ver" im()e !ue to t'e ue of evera) !ifferent $a" to
navigate t'e ite& T'e navigation %ar (rovi!e 9uic# acce to t'e more im(ortant to(ic an!
once "ou e)ect a to(ic from t'e navigation %ar or )in# a i!e %ar navigation i a)o avai)a%)e on
eac' (age& T'e ite ma#e (ro(er ue of $'ite(ace an! te6t i:e i not training to t'e e"e
$'ic' ma#e )ocating im(ortant information ea" to fin!&
Fern%an# (rovi!e a earc' o(tion in t'e footer of t'e (age& I tete! t'e engine to uing
+!inoaur& It returne! P matc'e mot)" coniting of event t'at are$ere going to %e'a((ening at Fern%an#& It a)o (rovi!e (re re)eae an! e6'i%it information&
a%i)it" Heuritic
Nie)en .01115 tate t'e goa) of 'euritic eva)uation i to fin! t'e ua%i)it" (ro%)em in t'e
!eign o t'at t'e" can %e atten!e! to a (art of an iterative !eign (roce& ;e)o$ i an
-
8/18/2019 Unit 8 Example 1, 2 and 3
32/33
ana)"i of t'e Nie)en 'euritic for t'e Fern%an# $e%ite&
Vii%i)it" of "tem tatu- "tem #ee( uer informe! of tatu&
7atc' %et$een "tem an! t'e rea) $or)!- c)ear ea" to un!ertan!* info in )ogica) or!er&
T'e Fern%an# ite ue c)ear* ea" to un!ertan! termino)og" an! )anguage&
er contro) an! free!om- navigation to(* )eft* i!e* an! footer&
T'i ite $a !eigne! to a))o$ t'e uer to mu)ti()e met'o! to navigate t'roug' t'e ite&
>rovi!ing navigation %ar on t'e to( an! i!e (ane) a))o$ uer to 8um( from on u%8ect to
anot'er eai)"& T'ere i a)o a ite ma( )ocate! in t'e footer a)ong $it' t'e earc' o(tion&
Conitenc" an! tan!ar!- co)or* )in#* an! content are conitent&
A)) Fern%an#, (age fo))o$ t'e ame !eign )a"out t'roug'out a)) (age* $it' t'e e6ce(tion of
(urc'aing tic#et&
Error (revention- 9uic# re(one* !oe not cra'* eai)" vie$a%)e&
A)) (age for Fern%an#, ite )oa! 9uic#)" an! (reent no error re)ate! to 8ava cri(t or %ro$er
com(ati%i)it"& A)) gra('ic )oa!e! 9uic#)" an! (age 'a %een formatte! to fit t'e creen i:e&
Recognition rat'er t'an reca))- "tem i vii%)e an! eai)" retrieva%)e&
T'e navigation %ar i conitent)" )ocate! un!er t'e %anner of eac' (age* an! t'ere i a)o
navigation %ar )ocate! on t'e i!e of eac' u%-(age& Su%8ect re)ate! gra('ic are a)o ue! to
'e)( uer recogni:e !ifferent u%8ect&
Aet'etic an! minima)it !eign-viua))" ()eaing* re)evant information $it'out over(o$ering t'e
uer&
Fern%an#, ite $a !eigne! $it' ()ent" of $'ite (ace to enure t'e uer !oe not fee)
over$'e)me!& S(acing an! grou(ing %" u%8ect ma#e information ea" to fin!&
-
8/18/2019 Unit 8 Example 1, 2 and 3
33/33
He)( uer recogni:e* !iagnoe* an! recover from error- navigation ai! an! 'ome %utton&
To navigate t'e ite "ou can ue t'e navigation %ar at t'e to(* or on t'e i!e $'en avai)a%)e* or
t'e %ac# %utton in t'e $e% %ro$er& T'e Fern%an# )ogo at t'e to( of t'e (age a)o ta#e "ou
%ac# to t'e 'ome (age&
He)( an! !ocumentation- ite ma(* earc'* connect $it' Fern%an#&
Fern%an# offer a ite ma(* contact information a $e)) a e-mai) information& I !i! not notice
an" error $'i)e (erforming t'e ite aement* o t'ere $a no o%ervation of an" error
meage&