DESIGN DE NAVEGAO PARA JORNALISMO MOBILE DESIGN OF NAVIGATION FOR JOURNALISM MOBILE

Taciana de Lima Burg ! "#$ D u% ra em E!%ud ! da Linguagem& Uni'er!idade Federa( d Ri Grande d N r%e e)mai(* %aciana+urg !,- %mai(.c m Na'ega/0 & M +i(e& J rna(i!m O ar%ig 'i!a ana(i!ar ! mecani!m ! de na'ega/0 1red minan%e! n ! a1(ica%i' !)app 1ara %e(e2 ne! ce(u(are! e tablets dedicad ! a 3 rna(i!m m +i(e em +a!e de dad !& mai! e!1eci2icamen%e app 4F (-a5 d 3 rna( im1re!! F (-a de S0 Pau( . 6 m m7% d a1(icarem ! e!%ud de de ca! ' (%ada 8 in'e!%iga/0 d ! mecani!m ! de na'ega/0 & de!cri% ! 1 r 9rug ":;;<$& 9a(+ac- ":;;=$ e Nie(!en ":;;>$ ) na'ega/0 1 r 1a!! !& na'ega/0 1 r 1agina/0 & %ri(-a! de miga(-a! de 10 & ?r' re de na'ega/0 & ma1a! d !i%e& dire%@ri !& nu'em de %ag!& Andice! de a a B& +arra de na'ega/0 e a+a!& menu! 'er%icai!& menu! dinCmic !& menu! dr 1) d Dn& mecani!m ! de 'i!ua(iBa/0 & mecani!m ! d na'egad r ) e 1 r Nie(!en ":;;=$& Pi( ne e Pi( ne ":;##$ e iP- ne Human Interface Guidelines ":;#;$ E Ac ne!& + %Fe!& +u!ca& (i!%a!& !(ider& !Di%c-& c n%r (e! !egmen%ad !& 1icGer!& 2ic-a! de a/Fe!& 'i!Fe! m dai!& +arra de na'ega/0 & +arra de a+a!& +arra de 2erramen%a!. Na'iga%i n& M +i(e& J urna(i!m T-e ar%ic(e aim! a% % ana(HBe %-e 1red minan% mec-ani!m! 2 na'iga%i n in a11(ica%i n)a11 2 r dedica%ed ce(( 1- ne! and %a+(e%! % %-e 3 urna(i!m m +i(e in da%a+a!e& m re !1eci2ica((H a11 4F (-a5 2 %-e 1eri dica( F (-a 2 S0 Pau( . A! me%- d De Di(( a11(H %-e !%udH 2 2 ca!e direc%ed % %-e inIuirH 2 %-e mec-ani!m! 2 na'iga%i n& de!cri+ed 2 r 9rug ":;;<$& 9a(+ac- ":;;=$ and Nie(!en ":;;>$ ) na'iga%i n 2 r !%e1!& na'iga%i n 2 r 1aging& +read crum+ %racG!& %ree 2 na'iga%i n& ma1! 2 %-e !i%e& direc% rie!& c( ud 2 %ag!& indice! 2 a B& +ar 2 na'iga%i n and + rder!& menu! 'er%ica(& dHnamic menu!& menu! dr 1)d Dn& mec-ani!m! 2 'i!ua(iBa%i n& mec-ani!m! 2 %-e na'iga% r ) and 2 r Nie(!en ":;;=$& Pi( ne e Pi( ne ":;##$& iP- ne Human Interface Guidelines ":;#;$ ) ic n!& +u%% n!& !earc-& (i!%!& % !(ider& !Di%c-& !egmen%ed c n%r (!& 1icGer!& 2ic-e! ac%i n!& m da( 'i!i n& +ar 2 na'iga%i n& +ar 2 + rder!& +ar 2 % (!.

1. Introduo Na a%ua(idade& 2aBer 3 rna(A!%ic 1a!!a 1 r mai! uma 2a!e de mudan/a!. A di2u!0 de di2eren%e! di!1 !i%i' ! m@'ei!& a c n'ergJncia de (inguagen! de 1r grama/0 e a eK1an!0 da! rede! de a(%a 'e( cidade 1r 1 rci naram a am1(ia/0 d c n!um de c n%eLd ! di!%ri+uA) d ! 'ia in%erne% e 8Iue(e! 1r duBid ! 1ara ace!! mobile. A cre!cen%e aIui!i/0 de %e(e2 ) ne! ce(u(are! n Bra!i(& de!de :;;M& e de tablets, a 1ar%ir de :;#;& +em c m ! 'u(%u ! ! in'e!%i) men% ! midi?%ic ! de!%inad ! 8 1r du/0 e c mercia(iBa/0 de c n%eLd ! 1ara e!!e! di!1 !i%i' !& 1 r%uniB u de!en' ('imen% de

a1(ica%i' ! in%era%i' ! (application ou apps) eKc(u!i' ! 1ara a 'eicu(a/0 de n %Acia!& %ai! c m * app 4E!%ad0 5&4F (-a5& 4J65& 4T-e Dai(H5& 4T-e NeD N rG Time!5& e%c. O a%ua( c n%eK% da De+& nde a rganiBa/0 e di!%ri+ui/0 de c n%eLd ! !e 1r 3e%a 1ara m de( web !emCn%ic & %em a Hyper Text Markup Language, em !ua Iuin%a 'er!0 & c m 1i(ar 1ara de!en' ('imen% & ace!!i+i(idade e u+iIuidade de apps A OTML P 7 uma (ingua) gem de!%inada 8 e!%ru%ura/0 e a1re!en%a/0 de 1r du/Fe! digi%ai Iue d? !u1 r%e e ada1%a+i(ida) de 8! mai! recen%e! mAdia!& a me!m %em1 em Iue a! man%7m 2aci(men%e (egA'ei! 1ara !ere!

-uman ! e c n!i!%en%emen%e c m1reendida! 1 r c m1u%ad re! u di!1 !i%i' ! digi%ai! m@'ei! de di2eren%e! !i!%ema! 1eraci nai!. O u! de apps na c munica/0 3 rna(A!%ica !e in!ere n c n%eK% d 3 rna(i!m mobile em +a!e de dad !& Iue c n2irma a a%ua( c nce1/0 de di!%ri+ui/0 de c n%eLd !& m +i(idade e 1 r%a+i(idade& ! Iuai! !e c n'ergem n e!1a/ indi'idua( e c (e%i' ur+an & !end a!! ciad ! a ! 1arCme%r ! e n rma%iBa/Fe! d 3 rna(i!m digi%a(. "BARBOSA& :;;>$. A u+iIuidade& a 1 r%a+i(idade e a m +i(idade %A1ica d app 1 r%uniBaram a c n'er!0 de 1r du% ! d 2 rma% im1re!! 1ara digi%a(, 1ermi%iram a c n'ergJncia de mei ! e mAdia!& c m %am+7m a readeIua/0 da! reda/Fe! 3 rna(A!%ica!. Ta( 1 !!i+i(idade& a+riu e!1a/ 1ara a di'er!i2ica/0 da! 1u+(ica/Fe! digi%ai! e deu a cidad0 c mum a 1 r%unidade de 1r duBir e de c m1ar%i(-ar a!!un% ! e 1iniFe! en%re web sites, blogs e mAdia! ! ciai!. O de!en' ('imen% de apps em OTMLP deman) da uma arIui%e%ura da in2 rma/0 1r@1ria 1ara cada !i!%ema 1eraci na(& 3? Iue em1rega %e(a! touc! screen e n0 m u!e e %ec(ad Fa% Iue reIuer a readeIua/0 de + %Fe! de -i1er(inG!& -i1er%eK% !& +arra! de menu e da a1(ica/0 d ! +3e% ! de mu(%imAdia& 1 i! a! %e(a! d ! tablets e d ! ce(u(are! 1 !!uem dimen!Fe! reduBida!& Iuand c m1arad ! a ! desktops. O !i!%ema de di'i!0 de marca/Fe! d OTML P 7 2ei% 1 r tags, Iue 1ermi%e uma 4e%iIue%agem5 !emCn) %ica mai! 1reci!a en%re ! +3e% ! mu(%imAdia di!1er! ! na De+ "'Ade !& arIui' ! de ?udi & gr?2ic ! 'e% riai!& anima/Fe! em (inguagem F(a!-$ e +anc ! de dad !& +em c m ace!! offline a arIui' ! e apps 'ia cac-e "cac!ing de aplica"#$es$ u 1 r ge ( ca(iBa/0 (geottaging). N Cm+i% c mercia( a (inguagem OTML P 2a' rece de!en' ('imen% de apps 1ara 3 rna) (i!m digi%a(& 1 i! e(imina 1agamen% 1ercen) %ua( de Q;R ! +re a! 'enda! de cada a1(ica%i' di!%ri+uAd & +em c m 1erA d de an?(i!e 1r7'ia 1ara a 'eri2ica/0 d u! de 1adrFe! na%i' !. E!%a! regra! neram ! apps e im1e)

dem a inc(u!0 di?ria& u !emana(& de n ' ! c n%eLd ! 2unci nai! e n %ici ! ! n ! apps 3 rna(A!%ic !. P uca! em1re!a! 3 rna(i!%ica! 1 !!uem 1u+(ica) /Fe! ada1%ada! 1ara a 'er!0 mobile em +a!e de dad !& uma 'eB Iue a grande mai ria de(a! %ran!1Fe c n%eLd d web site in%egra(men%e 1ara a 'er!0 app. De!%a 2ei%a& a! inc m1a%i+i) (idade!& n % can%e a na'ega+i(idade& u!a+i(i) dade e c munica+i(idade& !0 c n!%an%e!. Ne!!e c n%eK% & 1re!en%e ar%ig +3e%i'a di!cu%ir ! mecani!m ! de na'ega/0 1red mi) nan%e! n ! apps 1ara %e(e2 ne ce(u(ar e tablet dedicad ! a 3 rna(i!m mobile em +a!e de dad !. Pa%a %a( e!c (-em ! ! apps 4F (-a5& ! Iuai! re1re!en%am di2eren%e! %i1i2ica/Fe! de 1u+(ica/Fe! digi%ai! d 3 rna( im1re!! F (-a de S0 Pau( . 6 m m7% d a1(icam ! e!%ud de ca! 1ara in'e!%igarm ! ! mecani!m ! de na'ega/0 d ! apps 4F (-a5& a 1ar%ir d ! m de( ! de!cri% ! 1 r 9rug ":;;<$&9a(+ac- ":;;=$ e Nie(!en ":;;>$ ) na'ega/0 1 r 1a!! !& na'ega/0 1 r 1agina) /0 & %ri(-a! de miga(-a! de 10 & ?r' re de na'ega/0 & ma1a! d !i%e& dire%@ri !& nu'em de %ag!& Andice! de a a B& +arra de na'ega/0 e a+a!& menu! 'er%icai!& menu! dinCmic !& menu! dr 1) d Dn& mecani!m ! de 'i!ua(iBa/0 & mecani!) m ! d na'egad r ) e 1 r Nie(!en ":;;=$& Pi( ne e Pi( ne ":;##$ e iP- ne Human Interface Guidelines ":;#;$ E Ac ne!& + %Fe!& +u!ca& (i!%a!& !(ider& !Di%c-& c n%r (e! !egmen%ad !& 1icGer!& 2ic-a! de a/Fe!& 'i!Fe! m dai!& +arra de na'ega/0 & +arra de a+a!& +arra de 2erramen%a!. 2.Tipos de aplicativos - apps e seus mecanismos de navegao A1(ica%i' ! u apps "a+re'ia/0 de application software$ !0 ! 2%Dare! u%i(iBad ! 1ara 2un/Fe! e!1ecA2ica! em c m1u%ad re! e di!1 !i%i' ! m@'ei! "smartp!ones e tablets$. Sua arIui%e%ura da in2 rma/0 e u!a+i(idade !0 ' (%ada! 1ara gru1 ! di!%in% ! de u!u?ri ! "stake!olders$& !end de!en' ('id ! c m (inguagen! de 1r grama/0 na%i'a! de%erminada! 1 r cada

!i!%ema 1eraci na( "iOS& Andr id& SHm+ian& Sind D! M +i(e& e%c.$ u c m u%ra! c m1a%A) 'ei!& %ai! c m * 6TT& %b&ecti'e)6& POP& (!yton, (erl, )uby, Lua, *ean+!ell, ,a'a+cript O! apps !0 di!1 ni+i(iBad !& de 2 rma 1aga u gra%ui%a& a 1ar%ir da! 1(a%a2 rma! de di!%ri+ui/0 d ! !i!%ema! 1eraci nai!& c m * -pp +tore, -ndroid Market, *lack*erry -pp .orld, %'i +tore& en%re u%ra!. Em re(a/0 a !ua %i1i2ica/0 ! apps 1 dem !er* Nativos Iuand de!en' ('id ! c m +oftware /e'elopment 0it u SD91 Web Iuand a+er% ! 1e( browser e Hbridos aIue(e! Iue %Jm c m 1red minCncia uma web'iew inc r1 rada! a c n%r (e! de a1(ica%i' ! na%i' ! . J? em re(a/0 a !ua c(a!!i2ica/0 %em ! ! !eguin%e! e!%i( !* Aplicativos de Produtividade* -a+i(i%am a/Fe! +a!eada! na rganiBa/0 & gerenciamen% e mani1u(a/0 de in2 rma/Fe! de%a(-ada!. Ne!!a ca%eg ria de a1(ica%i' a! in2 rma/Fe! !0 rganiBada! de 2 rma -ier?rIuica e u!u?ri na'ega em nA'ei! a!cende!%e! de de%a(-amen% d c n%eLd ace!!ad U Aplicativos de tilidade di!1 ni+i(iBam um c n3un% e!1ecA2ic de in2 rma/Fe! 1ara u!u?ri c m a men r Iuan%idade 1 !!A'e( de in%era/0 u c n2igura) /0 . Para %a(& a !ua in%er2ace e !i!%ema de na'ega/0 a1re!en%a de!en- !im1(e!& rganiBa a! in2 rma/Fe! em um me!m nA'e( eK%ern e in%egra de!en- na%i' d !i!%ema 1eraci ) na(U Aplicativos de Imerso* in%er2ace c m1(eKa em %e(a c-eia Iue !imu(am +3e% ! reai! c m de!en- 1er! na(iBad & a(7m de a1re!en%ar grande a1e( e!%7%ic e 2unci na(. E!%a ca%eg ria n0 !egue rigidamen%e 1adr0 na%i' d !i!%ema 1eraci na(& 1ermi%e Iue u!u?ri c n2igure 2un/Fe!& c m a1re!en%a m7% d de na'ega/0 n0 )(inear e cu!% miBad "PILONE E PILONE& :;##$. 9a(+ac- ":;;=& 1. >>$ de2ine um mecani!m de na'ega/0 c m um -i1er(inG u gru1 de -i1er(inG! Iue !e c m1 r%am de maneira !imi(ar e in%egram a1arJncia !imi(ar. Para %a( a1 n%a& 3un%amen%e c m 9rug ":;;<$ e Nie(!en ":;;>$& ! !eguin%e! mecani!m !*

a$ Navegao por passos! 1ermi%e Iue !eu! u!u?ri ! m 'imen%em)!e !eIuencia(men%e 1e(a! 1?gina!. E(a c n!i!%e de um r@%u( de %eK% e uma !e%a& em -i1er(inG 1ara m 'er 1ara %r?! u 1ara 2ren%e a !7rie de 1a!! !. Uma !e%a 1ara a e!Iuerda indica um m 'imen% 1ara a 1?gina an%eri r& e uma !e%a 1ara a direi%a indica a 1r@Kima 1?gina& eKce% na! (inguagen! Iue !0 (ida! da direi%a 1ara a e!Iuerda& Iue (e'a 8 in'er!0 d !en%id indica%i' da! !e%a!. A na'ega/0 1 r 1a!! ! 7 1r@1ria e a deci!0 de um dad 1a!! a2e%a a(g n 1a!! !eguin%e. 6 m eKem1( %em ! ! 1r ce!! ! de c n2ir) ma/0 de c m1ra& !e/Fe! de um d cumen% eK%en! & ca1A%u( ! de (i'r n(ine& Iue!%i n?ri ! e eKame! n(ine "9ALBA6O& :;;=& 1. >>$.

Figura#*Na'ega/0 1 r 1a!! ! F n%e*DDD.%raH.c m.+r

+$ Navegao por paginao* !imi(ar 8 na'e) ga/0 1 r 1a!! !. V 2reIuen%emen%e enc n%rada em 1?gina! de re!u(%ad ! de +u!ca Iue m !%ram de%a(-e! ! +re e!!a! 1?gina! n c n3un% de re!u(%ad ! "Ibid, 1.>>)M#$. W Pre'i u! Page X NeK% Page Y Ne!!e m de( c rre a! 'aria/Fe!*

"etroceder e avanar rapidamente.

WW Fri!% XW Pre'i u! XPage # 2 #;X NeK% Y XLa!% YY

Paginao de acesso direto WPre'i u! X Page # 2 #; X #X:XQXZXPX<X>XMX=X#; NeK% Y

WPre'i u! X # :< P# #:< ... :;# X NeK% Y WW W #X:XQXZXPX<X>XMX=X#; Y YY "S- Ding ##)=;$

c$ Tril#as de migal#as de po* me%?2 ra em1regada na! -i!%@ria! de Oan!e( e Gra%e(& na Iua( deiKam uma %ri(-a de miga(-a! de 10 na 2( re!%a 1ara marcar camin- de ' (%a a (ar. 6 m mecani!m de na'ega/0 & uma %ri(-a de miga(-a! de 10 m !%ra camin- Iue um (ei% r 1erc rre a%ra'7! de um site& 2 rnece a%a(- ! 1ara 1?gina! 1re'iamen%e 'i!i%ada! e [ u u%ra! ?rea! d site. 6 n!i!%e de e(emen% ! u n@!& Iue !0 encadead ! c m e( !. O! n@! !0 (igad ! 8! 1?gina! 1re'iamen%e 'i!i%ada! " u %@1ic !)1ai$ e !0 !e1arada! 1 r um !Am+ ( & n rma(men%e indicad 1 r um !ina( de mai r Iue "Y$& d i! 1 n% ! "*$ u uma +arra 'er%ica( "$$ 9rug ":;;<& 1. P;$& "Ibid, 1.M:$
V cJ e!%? aIui* InAci Y M@'ei! Y

F n%e*DDD.D%-reeK.c m Figura#*]r' re de na'ega/0

e$ 'apas do (ite* 7 uma re1re!en%a/0 da e!) %ru%ura de um !i%e u!ada 1ara na'ega/0 . E!%0 em 1?gina! 1r@1ria!& c m de!en- !im1(e! e +3e%i' . Seu! r@%u( ! de'em !er c m1a%A'ei! c m a! ca%eg ria! 1rinci1ai! de na'ega/0 e c m ! %A%u( ! da 1?gina "Ibid, 1.MP$.

Sa(a
Figura :* Ma1a d !i%e F n%e* DDD.ga!( ca(.c m.+r[ma1a.-%m(

E!%a na'ega/0 a1re!en%a dua! 'aria/Fe!* Tril#as de migal#as de po de camin#o! !0 dinCmica! e +a!eada! em c m (ei% r a(can/ u e!%a 1?gina.
+r D!ing +H* Bee2 X Main 6 ur!e X MeKican

Tril#as de migal#as de po de atributos! de!cre'em ! n@! de uma 1?gina& den%r de a(gum e!Iuema de me%adad !& em -ierarIuia de %@1ic !. Aumen%am en%endimen% d u!u?ri ! +re c n%eLd e a e!%ru%ura de um !i%e a 2 rnecer um c n%eK% mai r.
%ngineering O\Rei(H Y Pr gramming Y Genera( O\Rei(H Y Pr gramming Y Se+ Pr gramming O\Rei(H Y Se+ De'e( 1men% Y Se+ De!ign Su+3ec% Y 6 m1u%er! Y Genera(

2$ )iret*rios* 2 rnecem ace!! a 1?gina! 'ia %@1ic !& c(a!!i2icand ! c n%eLd ! 1 r ca%eg ) ria!. OrganiBam %i1 ! mi!% ! de in2 rma/Fe!& !em -ierarIuiBa/0 e (inG! 1ara !i%e! eK%ern !. O! %A%u( ! da! ca%eg ria! !0 rganiBad ! a(2a) +e%icamen%e& c m %@1ic 1rinci1a( em 2 n%e mai r& !eguid 1 r !u+%@1ic !& em 2 n%e men r& di!1 !% ! um a+aiK d u%r "Ibid, 1.M>$. +iagens
, Antes de via-ar ,)estinos ,/uia , )estinos ,.lasses
YEc n^mica Y6(a!! YTurA!%ica

YD cumen% ! YEIui1amen% !

d$ &rvore de Navegao! 7 um mecani!m c mum em !i!%ema! 1eraci nai! 1ara na'egar em dire%@ri ! de arIui' !. Na 1?gina 7 um arran3 'er%ica( de dire%@ri !& %erm !& u n@! em uma -ierarIuia. S0 !ina(iBad ! c m Ac ne! de ! ma e !u+%ra/0 u c m !e%a! Iue a1 n%am 1ara a direi%a e 1ara +aiK & indicand a+rir e 2ec-ar d ! n@!& re!1ec%i'amen%e "Ibid, 1.MP$.

g$ Nuvem de Tags* 1ara c n%eLd ! dinCmic !. Li!%am a(2a+e%icamen%e ! -i1er(inG! c n!ide) rand 1e! de cada 1a(a'ra e !ua 2reIuJncia n !i%e. _uan% mai r a 2reIuJncia d r@%u( & mai r e(e a1arece na nu'em "Ibid, 1.M=$.

Figura Q* Nu'em de %ag!F n%e* DDD.1r duca cu(%ura(. rg.+r

-$ 0ndices de A a 1* 7 um Andice a(2a+7%ic u num7ric 1ara %A1ic !& %erm ! e c ncei% !. 6ada (inG (e'a 8 1?gina nde %@1ic 7 di!cu%id . Su1(emen%am ace!! a c n%eLd & 2 rnecem uma 'i!0 decre!cen%e "Ibid, 1.=;$.

($ 'enus )rop-)o4n e )rop- p* !0 menu! de !e(e/0 OTML& em rollo'er, c m 1/Fe! Iue Iuand !e(eci nada! (e'am 8 n 'a 1?gina. Nie(!en ":;;>$& "Ibid, 1.=M$.

Figura! = e #;* Menu dr 1)d Dn e Dr 1)U1 F n%e* DDD.g g(e.c m Figura Z* `ndice de A a a F n%e* DDD. 1%.! 2%1icG!.ne%

i$ 2arra de Navegao e Abas* c n3un% de -i1er(inG! di!%ri+uAd ! - riB n%a(men%e n % 1 da 1?gina. De!%aIue 1 r n0 cu1ar e!1a/ da (argura - riB n%a( d site. A! a+a! !0 -i1er) (inG! ! +re1 !% !. A di!%in/0 en%re e(a! e a +arra de na'ega/0 e!%? na a1re!en%a/0 e n0 na 2unci na(idade. Am+a! a1re!en%am 1r +(e) ma! de e!ca(a+i(idade& 3? Iue eKi!%e uma Iuan%i) dade (imi%ada de e!1a/ - riB n%a( n ! sites. O %aman- d ! r@%u( ! 7 crucia( 1ara u! d e!1a/ - riB n%a( "Ibid, 1.=:$.

m$ 'ecanismos de +isuali5ao* u! de re1re) !en%a/Fe! 'i!uai! de dad ! a+!%ra% !& !u1 r%ada! 1 r c m1u%ad r e in%era%i'a!& 1ara am1(i2icar a c gni/0 e % rnar c n3un% ! de dad ! c m1(eK ! mai! c(ar ! e c m1reen!A'ei! "Ibid, 1.== )#;:$.

Figura! ##)#Q* Menu D r1)d Dn& ]r' re e!%re(a e Agru1amen% ! 'i!uai! F n%e!* DDD. de'.Da'emaGer.c m& DDD.e!1n.e!%ada .c m.+r e DDD.idea)!and+ K.c m

Figura! P e <* Barra de na'ega/0 e a+a! F n%e* DDD.g g(e.c m e DDD.+( gger.c m

n$ 'ecanismos do navegador* mecani!m ! 1r7)de2inid ! %A1ic ! d ! na'egad re!& c m * 2ot6es voltar e avanar "Ibid, 1.#;Q$

3$ 'enus verticais* 1 !ici nad ! n (ad e!Iuerd da! 1?gina!& c m (inG! en2i(eirad ! n 'er%ica( em rdem a(2a+7%ica u n0 Ibid, 1.=P$. G$'enus )in3micos* menu! 2ly"out, pull"down u pop"up& 1ara r?1id ace!! 8! 1/Fe! de na) 'ega/0 . O u!u?ri 1a!!a cur! r u c(ica c m m u!e e !i%e a1re!en%a uma 3ane(a de menu !imi(ar 8Iue(a! de ! 2%Dare! "Ibid, 1.=<$.

Figura! #Z e #P* B %Fe! ' (%ar e a'an/ar F n%e* macD r(d+ra!i(.u (.c m.+r

Hist*rico da sesso* (i!%a cr n (@gica da! 1?gina! recen%emen%e 'i!i%ada!. Hist*rico do navegador* arIui'amen% di?ri u !emana( da! a%i'idade! rea(iBada! "7s* 3niform )esource Locator 7 endere/ de um recur! di!1 nA'e( em uma rede. Nie(!en ":;;=$& Pi( ne e Pi( ne ":;##$ e iP- ne Human Interface Guidelines ":;#;$& 2undamen%aram a n !!a ca%a( ga/0 ! +re ! mecani!m ! +?!ic ! de na'ega/0 1ara !i!%ema iOS*

Figura! > e M* Menu 'er%ica( e menu dinCmic F n%e* DDD.u (.c m.+r e DDD.g#.g( + .c m

a$ 0cones* a%a(- 1ara app ( ca(iBad na ?rea de %ra+a(- d di!1 !i%i' & "P>K P> 1K$. +$ 2ot6es* a'an/am& re%r cedem& indicam ?rea! de 1/Fe!& c n%r (am in%en!idade! u e!c (-em uma 1/0 +in?ria na na'ega/0 . c$ 2usca* cam1 1ara ( ca(iBa/0 de dad !.

G$2arra de navegao* 1ermi%e a na'ega/0 en%re a! di2eren%e! %e(a! de um a1(ica%i' u 2 rnece ! c n%r (e! Iue admini!%ram ! i%en! em uma eKi+i/0 . ($ 2arra de abas* eKecu%a uma a/0 ! +re c n%eK% & c m 2 rnece 1er!1ec%i'a! di2eren%e! ! +re me!m c n3un% de dad ! u !u+%are2a! re(aci nada! c m a 2un/0 g( +a( d a1(ica%i' . m$ 2arra de :erramentas* !i%uada n r da17 da %e(a& c n%7m + %Fe! Iue eKecu%am a/Fe! re(aci ) nada! a app u%i(iBad n m men% .

Figura! #<& #> e #M* `c ne& + %Fe! e +u!ca. F n%e* DDD.ui!%enci(!.c m

d$ 7istas* a1re!en%a uma (i!%a de 1/Fe! 1ara u!u?ri & Iue a !er !e(eci nada (e'a 1ara re!u(%ad de!e3ad . e$ (lider* + %0 de!(iBan%e 1ara c n%r (e de in%en!idade!. 2$ (4itc#* e!c (-e uma 1/0 +in?ria na na'e) ga/0 . g$ .ontroles segmentados* inc(uem a/0 de + %0 e de in!er/0 de dad !. -$ Pic8ers* i%en! de na'ega/0 em 2 rma de r da.

Figura! :<):M* Barra! de na'ega/0 & a+a! e 2erramen%a!. F n%e* DDD.ui!%enci(!.c m

N ! di!1 !i%i' ! iP- ne e iPad a na'ega/0 %am+7m 7 c n%r (ada 1 r m 'imen% ! ge!%uai!& den minad ! de ge!% ! multitouc! "multitouc! gestures ) MG$& uma 'eB Iue em1regam %e(a! touc! sreen, a! Iuai! %ran!2erem 1ara a 1 n%a d ! n !! ! ded ! a 2un/0 c(?!!ica d mouse. Ta( mecani!m de na'ega/0 ge!%ua( e!%? inc r) 1 rad a 2un/0 4mu(%i%are2a5& d ! re!1ec%i' ! di!1 !i%i' !& e +u!ca 1r m 'er uma mai r imer) !0 d ! u!u?ri ! em !ua! a/Fe! de na'ega/0 . Para Nie(!en ":;#;$ ! !i!%ema! 1eraci nai! ge!%uai! eKigem n ' ! m7% d ! de in%era/0 & c m marcam a Iue+ra 1rincA1i da c n!i!) %Jncia de u!a+i(idade en%re a na'ega/0 em desktops e di!1 !i%i' ! m@'ei!& 1 i! 1 dem % rnar Iua(Iuer e(emen% de um layout um -i1er(inG u -i1ermAdia. E!!a inc n!i!%Jncia 7 ainda mai! en2a%iBada 1e(a inc m1a%i+i(idade de 1adrFe! de ace!!i+i(idade en%re ! di'er! ! m de( ! de ce(u(are! e tablets 2a+ricad !. Na 'i!0 d au% r 4 de!en' ('imen% de dire%riBe! de u!a+i(idade 1ara !i!%ema! ge!%uai! de'em !er +a!ead ! em !@(id ! 1rincA1i ! de de!ign de in%era/0 & e n0 ! +re ! ca1ric- ! em1re!ariai! u de id7ia! ar+i%r?ria! de de!en' ('ed re!5. A !eguir& (i!%am ! ! ge!% ! mai! c mun! em1re) gad ! 1ara na'egar n !i!%ema 1eraci na( iOS.

Figura! #=):Q* Li!%a!& !(ider& !Di%c-& c n%r (e! !egmen%ad ! e 1icGer!. F n%e* DDD.ui!%enci(!.c m

i$ 9ic#as de a6es* 2 rnecem a ! u!u?ri ! 1/Fe! de a/Fe! Iue de'em !er % mada!. 3$ +is6es modais* 2 rnecem 2unci na(idade! 1ara c n%eK% da %are2a a%ua(.

Figura! :Z e :P* Fic-a! de a/Fe! e 'i!Fe! m dai!.F n%e* App 6NN e DDD.ui!%enci(!.c m

Ta+e(a #. Ge!% ! in%era%i' ! 1ara na'ega/0 mu(%i%are2a n Si!%ema O1eraci na( iOS F n%e*DDD.de'e( 1er.a11(e.c m
GESTO Tap / Toque simples AO EXECUTADA Para acionar ou selecionar um controle ou item

Drag / Arrastar

Para arrastar, eslocar, mo!er para os la os um elemento"

;. "esultados e discuss6es O! apps 4F (-a5 aIui ana(i!ad ! c rre!1 ndem a edi/0 d dia ;M e :Q de a+ri( de :;#:. Para e!%ud de !eu! mecani!m ! de na'ega/0 de(i) mi%am ! dua! - ra! di?ria!& duran%e 1erA d de :Z de mar/ a ;> de a+ri( de :;#:& n Iua( e2e%uam ! a na'ega/0 in loco %end c m !u1 r%e! MacB G Air ##.<5& iP- ne Z e I1ad :. O! a11! 4F (-a5 a1re!en%am 'er!Fe! em %i1i2i) ca/0 na%i'a& web e -A+rida& !end c(a!!i2ica) d ! c m a1(ica%i' ! de 1r du%i'idade 1ara a (ei%ura e in%era/0 c m n %Acia! 3 rna(A!%ica!. Sua! (inguagen! !0 a OTML P "a11! De+ e -A+rid !$ e O+3ec%i'e)6 "a11! na%i' !$. Ta( c n3un% 1ermi%e uni2icar a eK1eriJncia d (ei% r em di!%in% ! a1are(- !& 'i!ua(iBar a1(ica/Fe! em F(a!-& c m e2e%uar a%ua(iBa/Fe! em um men r e!1a/ de %em1 . De!%acam ! Iue % da! a! %i1i2ica/Fe! 1 dem !er (ida! na! rien%a/Fe! de %e(a 'er%ica( e - riB n%a(& em tilt O download da 'er!0 na%i'a d a1(ica%i' 4F (-a5 1ara iPad 7 e2e%uad na 1(a%a2 rma de di!%ri+ui/0 -pp +tore. Re!!a(%am ! Iue e!!a %i1i2ica/0 !@ 2 i de!en' ('ida 1ara tablet J? a 'er!0 web em DDD.2 (-a.u (.c m.+r e a -A+rida n endere/ DDD.a11.2 (-a.c m. Am+a! !0 1ara iP- ne e iPad. 6 m +3e%i' de (e'ar a ! !eu! (ei% re! a me!ma eK1eriJncia de u! d ! apps na%i' ! iOS 7 1 !!A'e( in!%a(ar Ac ne da 'er!0 -A+rida d app 4F (-a5 na ?rea de %ra+a(- d iP- ne e iPad. A1@! ace!!ar endere/ DDD.a11.2 (-a .c m& 1e( na'egad r& c(icar n Ac ne 4Mai! O1/Fe!5 da +arra de 2erramen%a! e !e(eci nar a a(%erna%i'a 4Adici nar 8 Te(a InAci 5 Ac ne 4F (-a5 7 in!%a(ad . Ta( 1 !!i+i(idade a1(ica 1rincA1i da c n!i!%Jncia de u!a+i(idade a ! Ac ne! d ! apps 4F (-a5 da! %i1i2ica/Fe! na%i'a e -A+rida.

#lic$

Para se eslocar ou mo!er rapi amente"

%otate/ %ota&'o

Para girar imagens

S(ipe / Desli)ar

*onimento com um um e o, para esli)ar uma +arra e menu, mostrar o +ot'o eletar e uma ta+ela ou para a+rir o noti,ication center na +or a superior" *o!imento com quatro e os para alternar entre aplicati!os no iPa " Para ampliar um +loco e conte- o ou uma imagem" Para iminuir o )oom retroce en o a a&'o anterior e uplo toque

Dou+le tap / Duplo toque

Pinc. a+erto0 aumentar o )oom" Pinc. / /eliscar Touc. an .ol / Toque e segure S.a$e / C.acoal.ar Pinc. ,ec.an o0 iminui o )oom" Em app e e i&'o e te1to ou em uma 2rea selecion2!el e1i+e uma !is'o amplia a 3lupa4 em su+stitui&'o ao cursor" Para es,a)er ou re,a)er uma a&'o" Po e mu ar uma ,ai1a sonora que est2 em e1ecu&'o Altera a ire&'o e etermina os conte- os os aplicati!os

Tilt / 5nclinar

Sroll / %olar

Toque e rolagem com ou ois e os para mo!er a p2gina no senti o .ori)ontal e !ertical

Figura :=* `c ne da ?rea de %ra+a(F n%e* app 4F (-a5 1ara iP- ne

Na 'er!0 -A+rida d app 4F (-a5 1ara iP- ne& iden%i2icam ! ! !eguin%e! mecani!m ! de na'ega/0 * #$ +arra de na'ega/0 na%i'a de app, c n%end a !ig(a SP& indicad r de %em1era) %ura& Ac ne 4a%ua(iBar5 "re%a circu(ar em !en%id an%i)- r?ri $ e Ac ne d menu dinCmic 4c n2igura/Fe!5 "engrenagem$. L g a+aiK e!%0 a +arra de na'ega/0 d ! c n%eLd ! d 3 rna(& a!! ciada a !i!%ema de na'ega/0 1 r 1a!! !& di!1 !% ! em d i! Ac ne! em 2 rma de !e%a. E!%a !im+i !e 1re!er'a a !eme(-an/a da +arra de menu d app c m da 'er!0 desktop& ! (uci na a (imi%a/0 d %aman- de %e(a d iP- ne& 1 i! 1ermi%e Iue (ei% r ace!!e ! c n%eLd ! de dua! 2 rma!* 1e( de!(iBamen% & em swipe, da +arra de na'ega/0 u 1e( tap d ! Ac ne! em !e%a. A!!im& minimiBa a ! +re) carga c gni%i'a d u!u?ri & man%Jm a 2(eKi+i) (idade& e2iciJncia de u! e c n!i!%Jncia& !egun) d a! OeurA!%ica! de Nie(!en ":;;>$& a! Iuai! c m1reendem c n3un% de 1r 1riedade! 1ara gerar a(% grau de u!a+i(idade em !i!%ema! web. Em !eguida& %em ! uma +arra de menu 1ara a eKi+i/0 da! 4n %Acia! de L(%ima - ra5. E!%a a1re!en%a a anima/0 rand^mica - riB n%a( de !eu! -i1er(inG! !eguida d Ac ne 42ec-ar5& 1ara cu(%?)(a. Seu! (inG! !0 ace!!ad ! 1 r tap. Na! margen! e!Iuerda e direi%a d c r1 d a1(ica%i' e!%0 a! a+a! 1ara a na'ega/0 1 r 1a!! !. E(a! (e'am 1ara a! !e!!Fe! d c n%eLd d 3 rna( "de!cri% ! na +arra de menu$ e m 'em !imu(%aneamen%e& 1ara a e!Iuerda e direi%a& ! (inG! da +arra de na'ega/0 e !ua! re!1ec%i'a! c (una! de n %Acia!. E!%a me!ma na'ega/0 7 rea(iBada c m tap e n0 1 r !wipe.

A na'ega/0 em in2 gr?2ic e imagem c rre 1 r tap, a Iua( direci na 1ara a 'er!0 am1(iada de cada m da(idade. E!%a na'ega/0 7 in%err m1ida 1 r mei d Ac ne 42ec-ar5.

Figura! QQ)QP* Na'ega/0 em in2 gr?2ic ! e imagen! F n%e* app 4F (-a5 1ara iP- ne

Den% d ! c n%eLd ! n %ici ! ! iden%i2icam ! uma +arra de na'ega/0 in%erna& a1@! %A%u( da ma%7ria& c m1 !%a 1e( ! menu dinCmic 4c m1ar%i(-ar5& !eguid d ! + %Fe! 4am1(iar[ reduBir 2 n%e5 e 4%e(a 1adr0 [ %e(a c-eia5& a(7m da! a+a! de na'ega/0 Iue direci nam 1ara u%ra! n %Acia! da me!ma !e/0 N r da17 da 1?gina 1rinci1a( d app e!%? -i1er(inG 4' (%ar a % 1 5& c m na'ega/0 1 r 1agina/0 & u 1 r sroll & e -i1er(inG 1ara a 'er!0 m +i(e da 4F (-a.c m5& 1 r tap. E!%a! c n2igura/Fe! de mecani!m ! de na'ega/0 man%Jm a e!%7%ica e de!ign minima(i!%a& c m 2aci(i%am a 2(eKi+i(i) dade e e2iciJncia de u! d app

Figura! Q<)QM* Na'ega/0 en%re a! ma%7ria! em %e(a c-eia e 1adr0 e n r da17 da 1?gina 1rinci1a( F n%e* app 4F (-a5 1ara iP- ne

Figura! Q;& Q# e Q:* Ac ne e mecani!m ! de na'ega/0 F n%e* app 4F (-a5 1ara iP- ne

O ace!! 8 'er!0 mobile da 4F (-a.c m5 nece!!i%a da u%i(iBa/0 d na'egad r de in%erne%. O !eu layout a1re!en%a um de!ign re2 rmu(ad & Iua( me!c(a 1adr0 desktop e mobile 1ara ace!! em na'egad re!

Na 'er!0 mobile a ?rea da %e(a dedicada 8 +ar) ra de na'ega/0 na%i'a de app 7 !u+!%i%uAda 1e(a! +arra! de na'ega/0 d P r%a( UOL& !eguida 1e(a +arra de na'ega/0 d ! c n%eLd ! d 3 rna(. A +arra de na'ega/0 1ara c n%eLd d ! cadern ! e !e!!Fe! 7 2iKa e !imi(ar a da 'er!0 desktop A! n %Acia! !0 rganiBada! c m meca) ni!m ! de na'ega/0 em (i!%a!& c m 'i!%a! a 2a' recimen% d c n%r (e d u!u?ri e a manu) %en/0 da c n!i!%Jncia c m e!%e app T d ! e!%e! mecani!m ! !0 aci nad ! 1 r tap. Na L(%ima r (agem da 1?gina da 'er!0 m +i(e e!%? cadern 4E!1ecia(5 e a! e !e!!Fe! 4Guia5 e 4Ser'i/ !5. O 1rimeir e !egund rganiBa) d ! c m ! mecani!m ! (i!%a!& 1ara di!1 r a! n %Acia!& e L(%im 1 r um c n3un% de Ac ne!& !imi(are! a ! de apps, dedicad ! a ! c n%eLd ! de en%re%enimen% . P r 2im& n r da17 %em ! -i1er(inG 4Ace!!e a 'er!0 Se+5 !eguid 1e(a +arra de 2erramen%a! d app Sa2ari. Ne!%a +arra %em ! ! Ac ne! 1ara 4' (%ar5 e 4a'an/ar5& 4mai! 1/Fe!5& 42a' ri% !5 e 41?gina!5. E(e! inc(uem& re!1ec%i'amen%e& ! mecani!m ! de 'i!ua(iBa/0 2ic-a! de a/Fe!& drop)up e minia%ura!

O! a11! 4F (-a5 1ara iPad a1re!en%am 'er!Fe! em %i1i2ica/0 na%i'a& web e -A+rida& !end c(a!!i2icad ! c m a1(ica%i' ! de 1r du%i'idade 1ara a (ei%ura e in%era/0 c m n %Acia! 3 rna(A!) %ica!. A na%i'a 7 um app iOS& ace!!ada 1e(a 1(a%a2 rma! de di!%ri+ui/0 -pp +tore& Iue 2erece r71(ica d 3 rna( im1re!! & a Iua( 1 de !er (ida off"line a1@! download da edi/0 . A web 7 uma edi/0 digi%a(& ace!!ada n endere/ DDD.2 (-a.u (.c m.+r& c m r71(ica d 3 rna( im1re!! 1ara (ei%ura em desktop e tablets on" line A -A+rida 7 um app em OTMLP& ace!!ada em DDD.a11.2 (-a.c m& n Iua( ! %eK% ! d 3 rna( im1re!! !0 a%ua(iBad ! em 2 rma% e!1ecA2ic 1ara tablet e ce(u(ar. T da! a! 'er!Fe! 1 dem !er (ida! na! rien%a/Fe! de %e(a 'er%ica( e - riB n%a(& em tilt Re!!a(%am ! Iue a! %i1i2i) ca/Fe! na%i'a e -A+rida 1 !!uem Ac ne! di2erenciad !.

Figura! ZQ e ZZ* `c ne! da! %i1i2ica/Fe! na%i'a e -A+rida F n%e* -pp +tore e DDD.a11.2 (-a.c m

Figura! Q=)Z:* 'er!0 m +i(e d 3 rna( F (-a de S0 Pau( . F n%e*m.2 (-a.u (.c m.+r

Figura! ZP)Z>* In%er2ace! da! %i1i2ica/Fe! na%i'a& -A+rida e web 2onte4 -pp +tore, www app fol!a com e www fol!a uol com br,

A na'ega/0 1 r ge!% ! multitouc! n app iOS 4F (-a5& 1ara tablet, c rre 1 r swipe& scroll e tap. N scroll !0 ace!!ad ! a! edi% ria! "di?ria! u !emanai!$ e a! 1u+(ica/Fe! d nLc(e de Re'i!%a! F (-a. P r swipe& a na'ega/0 (e'a 8 1r du/0 in%erna de cada edi% ria. Na %i1i2ica/0 na%i'a& app iOS& iden%i2icam ! ! !eguin%e! mecani!m ! de na'ega/0 * n ca+e/a(- a$ Menu drop)dawn& em tap& n -i1er(inG 4Tcidade!5& Iue (e'a 1ara a de!cri/0 da 1re'i!0 d %em1 em S0 Pau( & !eguid de um cam1 de +u!ca& em 'i!Fe! m dai!& 1ara a 1re'i!0 em u%ra! cidade! e 2i(%r em drop"up 1ara a !e(e/0 & em scroll& d ! 1aA!e!. P r L(%im %em ! + %0 4+u!car5& em tap +$ B %0 4arIui' 5& em tap& Iua( (e'a 1ara a !e/0 de edi/Fe! an%eri re! nde %em ! di!1 !%a! em uma +arra de meu& em swipe, a! ca1a! Iue !0 ace!!ada! c m + %0 4(er5& em tap.

im1re!!a. Ta( 2a% gera a Iue+ra d ! 1adrFe! de u!a+i(idade c n!i!%Jncia e 1re'en/0 de err !.

Figura! P# e P:* +arra de meu& em swipe, e !iperlink 5'e&a a 'ers6o digital7 F n%e* app iOS 4F (-a5 1ara iPad

Em !eguida %em ! a +arra de menu 4Em cima da - ra5. A1re!en%a anima/0 rand^mica - riB n) %a( d ! -i1er(inG!& a Iua( 1 de !er c n%r (ada 1e( ! Ac ne! 4' (%ar5& 4re1r duBir[1au!ar5 e 4a'an/ar5

Figura PQ* +arra de menu 4Em cima da - ra5 F n%e* app iOS 4F (-a5 1ara iPad

Figura! ZM)P;* ca+e/a(- & -i1er(inG Tcidade! e + %0 arIui' F n%e* app i%+ 4F (-a5 1ara iPad

L g a+aiK %em ! a +arra de meu& em swipe, c m1 !%a 1 r* a$ Oi1er(inG r %u(ad c m a imagem d 3 rna( na 'er!0 app em OTMLP e %i1i2ica/0 -A+rida. E!%a imagem ac m1an-a a (egenda5 Migre 1ara n ' a1(ica%i' da F (-a5. A !er ace!!ada& 1 r tap, (e'a 1ara uma 1?gina de!cri%i'a da 'er!0 . +$ _ua%r n %Acia! 1rinci1ai!& em tap. c$ Oi1er(inG r %u(ad c m a imagem da ca1a d 3 rna( na 'er!0 im1re!!a e (egenda em Ac ne ! +re1 !% 4'e3a a 'er!0 digi%a(5. E!%e! !0 ace!!ad ! 1 r tap e direci ) nam 1ara a !e/0 de c m1ra da! edi/Fe! digi%ai!& em %i1i2ica/0 De+. Iden%i2icam ! uma inc erJncia ne!%a r %u(a/0 1 i! a imagem em1regada de'eria m !%rar a 'er!0 De+ e n0 a

A+aiK %em ! a !e/0 4`ndice5& dedicada a ! d ! cadern ! d 3 rna(. Seu mecani!m de na'ega/0 7 1 r (i!%a!* dua! ace!!ada! c m tap e u%ra& eKc(u!i'a 1ara cadern 5Li'raria da 2ol!a7, em swipe e tap A! n %Acia! da (i!%a em swipe (e'am 1ara a 'er!0 web& 4F (-a.c m5& 2a% Iue reIuer u! de rede .I"2I u QG.

Figura! PZ e PP* na'ega/0 em (i!%a! na !e/0 4`ndice5 F n%e* app iOS 4F (-a5 1ara iPad

P r 2im& n r da17& %em ! a +arra de 2erramen) %a! d app na Iua( e!%0 ! Ac ne! 4edi% ria!5& 42 % !5& 4r?di 2 (-a5& 4+u!car5& 4min-a (ei%ura5& 4in2 rma/0 5& 4a%ua(iBar5 e 4( gin5. Iden%i2icam ! ne!%e! Ac ne! di2eren%e! mecani!m ! de na'ega/0 & %ai! c m * menu

drop)up em 4edi% ria!5& 4r?di e 4in2 rma/Fe!5U swipe em 42 % !5U cam1 de +u!ca e menu drop)dawn em 4+u!ca5 e -i!%@ric d na'egad r em 4min-a (ei%ura5

Figura! P< e P>* `c ne! 4edi% ria!5 e 42 % !5 e 4r?di 2 (-a5 F n%e* app iOS 4F (-a5 1ara iPad

Figura! P= a <Z* P?gina 1rinci1a( a11 -A+rid iP- ne F n%e* app 4F (-a5 1ara iP- ne

A! n %Acia! !0 ace!!ada! 1 r tap e a1re!en%am em !eu ca+e/a(+ %0 4' (%ar5 e 4arIui' 5& a(7m d menu drop"down& em tap& 1ara u%ra! n %Acia! d cadern . N r da17 %em ! me!m c n3un% de Ac ne! da 1rimeira 1?gina.

Figura! <P e <<* P?gina 1rinci1a( a11 -A+rid iPad F n%e* app 4F (-a5 1ara iPad Figura PM* Na'ega/0 en%re a! n %Acia! F n%e* app iOS 4F (-a5 1ara iPad

O+!er'am ! Iue a %i1i2ica/0 na%i'a d app 1ara iOS em1rega c m 1re!%eBa ! mecani!m ! de na'ega/0 1ara tablets& % rnand a!!im a in%era/0 in%ui%i'a& 1r 1 rci nand (i+erdade e c n%r (e d u!u?ri & a c n!i!%Jncia en%re ! r@%u( ! e mecani!m de na'ega/0 ge!%ua(& 2(eKi+i(idade e e2iciJncia de u! & +em c m a 1re'en/0 de err ! e diminui/0 d e!2 r/ c gni%i' . A %i1i2ica/0 -A+rida d app 4F (-a5 1ara iPad& em (inguagem OTML P& 7 a me!ma a1re!en%ada 1ara app na 'er!0 iP- ne& c m 1 dem ! 'i!ua(iBar na! i(u!%ra/0 a+aiK .

A readeIua/0 2 i e2e%uada en%re a! +arra! de na'ega/0 d ca+e/a(- e n ! -i1er(inG! d r da17& uma 'eB Iue ! c n%eLd ! 'eicu(ad ! !0 ! me!m ! e a1ena! a3u!%ad ! 8! dimen!Fe! de %e(a d iPad e d iP- ne. A readeIua/0 a1ena! am1(ia a! ?rea! c m na'ega/0 em scroll& 2a% Iue gera uma r (agem mai r Iuand app -A+rid 7 ace!!ad 'ia iP- ne. ;. .onsidera6es :inais Em n !! e!%ud 'eri2icam ! Iue a! %i1i2ica/Fe! d ! apps 4F (-a5& 1ara ! di!1 !i%i' ! iP- ne e iPad& aIui e!%udada! dem n!%ram 1(ena in%egra) /0 c m m de( de 3 rna(i!m digi%a( em +a!e de dad !& 3? Iue agregam apps dinCmic ! Iue e!%ru%uram in2 rma/Fe! de m d c m+ina%@ri &

!end mai! 2(eKA'e(& e'i%and err ! e eKigind men ! e!2 r/ c gni%i' d u!u?ri na na'ega) /0 en%re di2eren%e! di!1 !i%i' !. 6ada app 7 e!c (-id !egund di!1 !i%i' u%i(iBad 1e( u!u?ri u !egund !ua! e!c (-a!& 3? Iue na +a!e de dad ! a arIui%e%ura e rganiBa/0 da! in2 rma/Fe!& +em c m a !ua a1re!en%a/0 am1(iam a 2 rma da n %Acia& ! m d ! 1ara !ua c(a!!i2ica/0 in%erna e eK%erna& !ua a%ua(iBa/0 & nA'ei! de ar%icu(a/0 en%re u%ra! +a!e! e di!1 ) !i%i' !& c m a1 !%eri r recu1era/0 de in2 rma/Fe!. A!!im& ! apps 1ara 3 rna(i!m em +a!e! de dad ! 1 dem !er in%er1re%ad ! c m !end a!1ec% Iue % rna 1r du% digi%a( uma eK1eriJncia mai! a%ra%i'a e 2aci(i%ad ra 1ara u!u?ri . De'em ! en%ender Iue a 2unci na(idade d ! apps c n2igurad ! em +a!e! de dad ! en' ('e a ge!%0 da! n %Acia! 'eicu(ada!& !ua adeIua/0 8 di2eren%e! 1(a%a2 rma! m@'ei!& c nca%ena/0 c m u%r ! !er'i/ ! e gru1 ! de u!u?ri ! [(ei% ) re!. O! app 4F (-a5 e!%? in%egrad a Cm+i% da cu(%ura da c n'ergJncia 1 r 2irmar e!1a/ ! de 1ar%ici1a/0 & c n!%ru/0 e recu1era/0 de c n) %eLd ! en%re ! (ei% re!& c m 1 r c n'ergir mei !. <. "e:er=ncias 2ibliogr>:icas BARBOSA& SuBana. Si!%ema%iBand c ncei% ! e carac%erA!%ica! ! +re 3 rna(i!m digi%a( em +a!e de dad ! "In$ J rna(i!m Digi%a( de Terceira Gera/0 .Uni'er!idade da Beira In%ri r& :;;>. BENNON& Da'id. In%era/0 Ouman ) c m1u%ad r. S0 Pau( * Pear! n& :;##. 6NBIS& Sa(%er O%% U BETIOL& Adriana O (%BU FAUST& Ric-ard. Erg n mia e u!a+i(idade* c n-ecimen% !& m7% d ! e a1(ica/Fe!. S0 Pau( * N 'a%ec& :;;>.

IPOONE Ouman In%er2ace Guide(ine!. Uni%ed S%a%e! 2 America* A11(e Inc.& :;#;.Di!1 nA'e( em* W -%%1*[[de'e( 1er.a11(e.c m[i1- ne[(i+rarH d cumen%a%i n[U!erEK1erience[6 nce1%ua([M +i(eOIG[M +i(eOIG.1d2Y. Ace!! em* > 2e' :;#:. 9ALBA6O& Jame!. De!ign de na'ega/0 De+* %imiBand a eK1eriJncia d u!u?ri . P r% A(egre* B Gman& :;;= 9RUG& S%e'e. N0 me 2a/a 1en!ar* uma a+ rdagem de + m !en! a u!a+i(idade na De+. Ri de Janeir * A(%a B G!& :;;<. MA6OADO& E(ia!. La e!%ruc%ura de (a n %icia en (a! rede! digi%a(e!* un e!%udi de (a! c n!ecuencia! de (a! me%am r2 !i! %ecn (@gica! en e( 1eri di!m . Facu(%ad de 6iencia! de (a 6 municaci@n[Uni'er!idad Au%@n ma de Barce( na& :;;;. NIELSEN& JaG +U LORANGER& O a. U!a+i(idade na Se+* 1r 3e%and De+!i%e! c m Iua(idade. Ri de Janeir * 6am1u!& :;;>. NIELSEN& JaG +. M +i(e u!a+i(i%H* JaG + Nie(!enb! A(er%+ K& Ju(H :;& :;;=. Di!1 nA'e( em*W-%%1*[[DDD.u!ei%.c m[a(er%+ K[m +i(e) u!a+i(i%H.-%m(Y. Ace!! * #: 3un :;##. NIELSEN& JaG +U BUDIU& Ra(uca. U!a+i(i%H 2 iPad A11! and Se+!i%e!. Frem n%* Nie(!en N rman Gr u1& :;#;. Di!1 nA'e( em* W-%%1*[[DDD.nngr u1.c m[re1 r%![m +i(e[i1adY Ace!! * #: 3un :;##. NIELSEN& JaG +. U!a+i(idade iPad* 1rimeir ! re!u(%ad ! d ! %e!%e! d u!u?ri . A(er%+ K. :;## -%%1*[[DDD.u!ei%.c m[a(er%+ K[i1ad.-%m(. Ace!! em #M n ' de :;##. PILONE& DanU PILONE& TraceH. U!e a ca+e/ac De!en' ('end 1ara I1- ne.Ri de Janeir * A(%a+ G!& :;##