Page 1

CRI ACAO |DESI GNUX

QUALAI MPORTÂNCI A DO DESI GNDEUX PARADESENVOLVER PROJETOSDI GI TAI S Sai bac omoel abor ar pr oj et osut i l i z andoc onc ei t os ef er r ament aspar as erum des i gnwebdepr i mei r oní v el . I deal i z ador : Pr of ºFr anc i s c oEs per anç a

Umapubl i c aç ãode EBOOKEXCLUSI VO


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

2

CRI ACAO |DESI GNUX

ASobr et ech Nosúl t i mosanos,aagênci aH4Di gi t alpensouquenomundocyber t r ôni codehoj e,dever i ahaverum espaçopar a i nf or maçãodequal i dadeecr i at i vi dade,ent ãocom oengaj ament oquet emoscom at ecnol ogi aemi di asdi gi t ai s cr i amosaSobr et ech-Tecnol ogi a,Desi gneEnt r et er i ment o. Em nossoPor t alquef i canaur l :www. sobr et ech. com. br ,t emoscont eúdoquevocêsami goseusuár i ost er ãomui t a f aci l i dadedeut i l i zarpoi sest ãodi vi di dosem cat egor i ascomo:Pr ogr amação,Cr i ação,Tecnol ogi a,Games,ent r e out r as. . . Esobr eest eebookel ef oiescr i t oapar t i rdeconheci ment osdevár i aspessoas.Pr of i ssi onai sdeal t ogabar i t oe exper i ênci acom osmei osdi gi t as,pori ssoseucont eúdoédeext r emoest udoededi caçãoem suacr i ação.

Sobr eH4Di gi t al AH4Di gi t aléf or madaporpr of i ssi onai squeseespeci al i zam em cr i arsol uçõesi nt er at i vaspar aoseunegóci oe pr i nci pal ment eest udareal cançaropúbl i coal vodenossoscl i ent es. Temosocompr omi ssodepr oj et arsuaempr esanomer cadocom pl anej ament oest r at égi co,cr i at i vi dadeei novação, mot i vandoopúbl i coadaror et or noqueocl i ent eal mej a. NossosVal or essão: -Tr abal harcom t r anspar ênci a,dandoum r et or noi medi at odenossasaçõesaoscl i ent es. -Negoci arpr oj et osdemanei r af áci ler ápi dacom nossoscl i ent es. -Tr at art odasasempr esasesegment osdenegóci osdei gualpar ai gual ,r esol vendoseuspr obl emaseat endendo -suasnecessi dadesespeci f i casdenegóci osepr oj eçãonomer cado. -NossosObj et i vossão: -DarSupor t et ot alaonossocl i ent e( At endi ment oExcepci onal ) . -Desenvol verpr oj et oscom r api dezut i l i zandomet odol ogi aságei sepr at i cas( SCRUM ouXP) . -Cr i arpr oj et ossempr ecom of oconousuár i o( UX–USEREXPERI ENCE) . -Daror et or nosobr eoi nvest i ment o( ROI )queocl i ent epr eci soat r avésdeacompanhament odeaçõesonl i ne. Pr est amosser vi ços( f ul lser vi ce)em Mi di asDi gi t ai snossegui nt esquesi t os:Websi t es,WebMar ket i ng,Mobi l e, Mi di asI nt er at i vas,SAASePr i nt s. Ent r eem cont at oemar queumar euni ãocom agent e.

H4Di gi t al-Resul t adosDi gi t ai sdeexpr essão. Tel :+552127974653|+552186362652 Emai l :cont at os@h4di gi t al . com. br Si t e:www. h4di gi t al . com. br

Umapubl i c ac aode

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

3

CRI ACAO |DESI GNUX

Sumár i o Capí t ul o1|O QueéDesi gndeUXouUXDesi gn?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4 Capí t ul o2|Ecossi st emadeum pr oj et odeDesi gnUX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Capí t ul o3|Model osdeDesi gndeUX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7 Capí t ul o4|Cl i ent e:col et adedadosoubr eaf i ng. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .8 Capí t ul o5|Buscarent endi ment odopr obl emaoubr ai nst or m. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 Capí t ul o6|Obj et i vodopr oj et o. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10 Capí t ul o7|Ent endi ment odousuár i oouper sonas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 Capí t ul o8|I deação:f l uxogr amas,wi r ef r ameel i st ader ecur sos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14 Capí t ul o9|Lançament o:t est edea/ b,usabi l i dade,acessi bi l i dade,eyet r acki ng. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16 Concl usão. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .23

Umapubl i c ac aode

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

4

CRI ACAO |DESI GNUX

Capí t ul o1|O QueéDesi gndeUXouUXDesi gn? Ot er mo“ UserExper i ence”sur gi uporvol t adadécadade90,cr i adoporum desi gnchamadoDonal dNor man,par a car act er i zarar el açãoent r eosusuár i oseumaempr esa,seuspr odut osouser vi ços.

NaépocaNor maner aVi cePr esi dent edoset ordeTecnol ogi aAvançadanaAppl e. Exi st em osquedi zem queot er mosur gi uant esdeNor maneout r osquedi zem queel enãoéodonodaver dadee quedever í amosut i l i zarmai sf ont esdepesqui sa… Tal vezt enham r azãonessepont o,maspar ami m Nor mant em seusmér i t osesi ncer ament enãomei nt er essaseel ef oimesmoopr i mei r oaut i l i zarot er mo,oquedever i aser r essal t adoaomeuveréoconheci ment oqueel e–emui t osout r os–compar t i l har am econt i nuam af azêl o. Tenhocer t ezaqueéumaboa,par aqual querum i nt er essadoem apr endermai ssobr eoassunt o,darumaol hadi nha not r abal hodessescar as,exi st emui t omat er i alnosi t edogr upoet ambém espal hadoporaí ,t ant onai nt er netcomo em l i vr osespeci al i zados. Nor mandi zquepar aumaexper i ênci ai dealépr eci soof er eceroqueousuár i odesej apr ocur adef or masi mpl ese di r et a. Cr i arpr odut oseser vi çosquesej am pr azer ososdepossui reut i l i zarequevár i asár eas[ engenhar i a,mar ket i ng, desi gngr áf i co,i ndust r i aledei nt er f ace]pr eci sam t r abal harem conj unt opar aque,somadas,apr esent em a mel horsol ução.

Umapubl i c ac aode

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

5

CRI ACAO |DESI GNUX Em 1883,Br unel/GWR( Gr eatWest er nRai l way) . Nol i vr oChangeByDesi gnháum exempl obacanapar a ent endermel horoconcei t odeUXeDesi gnThi nki ng: O engenhei r oI sambar dKi ngdom Br unelsepr eocupava com aexper i ênci adavi agem.“ Fl ut uarpel opaí s” ,di zi a el e. Todaaf er r ovi af oipl anej adapar apr opor ci onara mel horvi agem,pr af i carcom aquel avont adedevi aj ar denovosóporcausadessaexper i ênci a.Acomuni cação sobr eaf er r ovi af oif ei t acom i ssoem ment eenãonos avançost ecnol ógi cosdaépoca–oqueser i anat ur al t endoem vi st aqueem 1883ar evol uçãoi ndust r i al est ava,l i t er al ment e,àpl enovapor . Br unel ,el eéconsi der adoum dospr i mei r osDesi gnsThi nker spor quesecol ocounol ugardospassagei r os( Eest a, acr edi t oeu,éamel horemai sobj et i vadef i ni çãodeDesi gnThi nki nge,obvi ament e,est át ot al ment er el aci onado com UX,al i áseuai ndat enhopr obl emaspar adi f er enci art ant ost er mosqueser ef er em àmesmacoi sa, masenf i m… ) . I magi nesevocê,aof l ut uardet r em pel osbel osval esdaI ngl at er r anaquel aépoca,com t odaaquel anat ur eza exuber ant e,nãof i car i acom umavont adei r r esi st í veldevol t arl á,decont araosseusami goscomof oisua exper i ênci a,der ecomendaressaexper i ênci ai ncr í velpar ael es. Achoquedeupar aper ceberqueUXnãoser esumeài nt er net ,UXseapl i caem t udoànossavol t aeéf áci lnot ar queascoi sasmai spr esent esem nossasvi das,ascoi sasquemai sador amost i ver am nousuár i osuachavepar a osucesso. O desi gndeUXpodeserumaembal agem,um j ogo,um si t e, um hotsi t e,umat or r adei r a.Qual quercoi saquepossua al gum ní veldecomuni çãocom um usuár i o. Ent ãoquandopensamos,porexempl o,sobr e“ Comoat ender damel hormanei r aodesej odousuár i o?” ,“ O quef azerpar a t or naressesi t emai sagr adávelepr azer osodenavegar ?” , “ Comoaj udarousuár i oaencont r aroquepr ocur a?” ,“ Como t or nál oi nt ui t i vo?” ,“ Comoconqui st araaf et i vi dadedos usuár i os?” ,“ Comocr i arumaconexãobacanaent r eoque ousuár i oquereoqueocl i ent equerof er ecer ?”ouat énum ní velmai sval i oso:“ Comomel hor arai magem deuma empr esaeaomesmot empof azeral goút i lebom par aa soci edade?”et cacr edi t oqueest amos,gr ossomodo,f al andodeUXDesi gn. O quepossodi zerhoj esobr eUXDesi gneoquei magi noat ual ment esobr esuar el açãocom meut r abal hoéque quandodesenvol vemosum si t enãoest amosapenasvendendoum pr odut oouser vi çodonossocl i ent e,est amos of er ecendoum l ugarf i ct í ci opar aousuár i oondeel evaisehospedarenquant oest i vernavegando,est el ugardeve, obvi ament e,seraconchegant e,acol hedor ,conf or t ávelenãomenosi mpor t ant e:devecont eroqueousuár i oest á pr ocur ando.

Umapubl i c ac aode

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

6

CRI ACAO |DESI GNUX

Capí t ul o2|Ecossi st emadeum pr oj et odeDesi gnUX Par aodesenvol vi ment odeum Desi gndeUXpar aWebépr eci sopr i mei r ament ei dent i f i carot i podesi t equevocê i r ácr i ar : Pr esençadeMar ca:Umapl at af or maonl i neconst ant ement epr esent equef aci l i t aor el aci onament oent r eas empr esaseopúbl i coem ger al (qual querum i nt er essadoem seuspr odut oseser vi ços) .Ex:SI TESI NSTI TUCI ONAI S. CampanhadeMar ket i ng:um si t eouapl i cat i vodi r eci onadocom oobj et i vodeobt erumar espost aespecí f i cae mensur áveldeum públ i copar t i cul aroudeum públ i coger alporum det er mi nadoper í ododet empo.Ex:HOTSI TES PROMOCI ONAI S. Font edeCont eúdo:Um depósi t odei nf or mações,pot enci al ment ecompost odevár i ost i posdemí di as( ar t i gos, document os,ví deo,f ot os,t ut or i ai s)com oi nt ui t odei nf or mar ,envol vereent r et erousuár i o.Ex:PORTAI SDE COMUNI CACÃO ESI TESDEENSI NOADI STANCI A. Apl i caçãobaseadaem t ar ef as:Umaf er r ament aoucol eçãodef er r ament ascom oobj et i vodeper mi t i rqueos usuár i osr eal i zem umaser i edet ar ef asouf l uxodet r abal hosi mpor t ant es.EX:SI TESDEI NTERNETBANKI NG e SAAS.

Escol haoseupapelcomoDesi gndeUX Quandovocêset or naum Desi gndeUX,ger al ment evocêacabat endoqueexer cervár i ospapei s,ébom saberos t i posdepapei squevocêpossasesent i rconf or t ávelem assumi rem um pr oj et o,sãoel es: Ar qui t et odaI nf or mação:Ér esponsávelporcr i armodel ospar aaest r ut ur adai nf or maçãoeut i l i zal ospar apr oj et ar umanavegaçãoami gávelaousuár i oedi vi di rocont eúdoem cat egor i as.Dur ant eacr i açãodesi t eseapl i cações, asr esponsabi l i dadescomunsi ncl uem acr i açãodemapasdesi t edet al hadoseaver i f i caçãodequeascat egor i as eassubcat egor i asdai nf or maçãosãodi st i nt aseami gávei saousuár i o. Desi gndeI nt er ação:Um desi gndei nt er açãoér esponsávelpel adef i ni çãodocompor t ament odeum si t eoudeuma apl i caçãodeacor docom asaçõesusuár i o.I ncl uif l uxosnosi t eat r avésdevar i asvi sual i zaçõesei nt er at i vi dade dent r odeumavi sual i zaçãopar t i cul ar .Dur ant eacr i açãodossi t esoudasapl i cações,asat i vi dadescomunssãocr i ar f l uxosdet ar ef amost r andoai nt er açãonaspagi nasounoscomponent esdent r odosi t eecr i arwi r ef r ames most r andoi nt er açõesdent r odapági nacomomenusdecont eúdodi nâmi coseext ensí vei s. Pesqui sadordeUsuár i o:Ér esponsávelporf or neceri dei asconsi der andoasnecessi dadesdosusuár i osf i nai s, baseadasnasi nf or maçõesquesãoger adasapar t i rdapesqui sacom ocl i ent e.Exi st em at i vi dadesquepodem ent r ar nacat egor i adepesqui sadousuár i oeel aspodem ocor r erem vár i ospont osdocr onogr amadopr oj et o:ent r evi st as deusuár i o,pesqui saset est esdeusabi l i dade. Out r ost i posdepapei squevocêpodeexer cernoDesi gndeUX:Est r at egi st adaMar caouDi r et or ,Anal i st ade Negóci os,Est r at egi st adeCont eúdo,Redat or ,Desi gnVi sual ,Desenvol vedordeI nt er f ace.

Umapubl i c ac aode

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

7

CRI ACAO |DESI GNUX

Capí t ul o3|Model osdeDesi gndeUX Um model oqueexempl i f i caum f l uxoi dealdepr ocessosquet enhovi st oémai soumenosassi m,l embr andoqueo UXDesi gnest ar ápr esent eem t odoopr ocesso: 1. Cl i ent e:Col et adeDadosouBr eaf i ng; 2. Buscarent endi ment odopr obl emaouBr ai nst or m; 3. Obj et i vodoPr oj et o; 4. DadosExi st ent es; 5. Ent endi ment odoUsuár i oouPer sonas; 6. I deação:Fl uxogr amas,Wi r ef r ameeLi st adeRecur sos; 7. I mpl ement açãoeFi nal i zação:PSD,JPG,HTML,CSS,WORDPRESS,MAGENTO eet c. . . ; 8. Lançament o:Test edeA/ B,Usabi l i dade,Acessi bi l i dade,EyeTr acki ng,et c. . . 9. Reuni ãopós–f i nal i zação. 10.Moni t or ament odeDesempenho:Mét r i caseAnal i sedeUsuár i os. 1 1.Agendapar amel hor i as.

Umapubl i c ac aode

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

8

CRI ACAO |DESI GNUX

Capí t ul o4|Cl i ent e:col et adedadosoubr eaf i ng O Br i ef i ngéum conj unt odei nf or maçõespassadasem umar euni ãopar aodesenvol vi ment odeum t r abal ho,sendo mui t out i l i zadasem Admi ni st r ação,Rel açõesPúbl i casenaPubl i ci dade.O Br i ef i ngdevecr i arum r ot ei r odeação par acr i arasol uçãoqueocl i ent epr ocur a,écomomapearopr obl ema,ecom est aspi st as,t eri dei aspar acr i ar sol uções. O Br i ef i ngéumapeçaf undament alpar aael abor açãodeumapr opost adepesqui sademer cado.Éum el ement o chavepar aopl anej ament odet odasaset apasdapesqui sadeacor docom asnecessi dadesdocl i ent e. Osi t ensquedevem comporum bom Br i ef i ngsão: -Nomedaempr esa( i nsi r aonomedaempr esa) . -Nomedopr oj et ooucampanha( i nsi r aonomedacampanha) . -Dat ader eal i zação. -Tar ef a( oquedeveserr eal i zadonest aat i vi dade) . -Obj et i vosdopr oj et o:( oquevocêqueral cançar ) . -Obj et i vosdonegóci o. -Obj et i vodest acomuni cação. -Cont ext odopr oj et o:( det al hesr el evant esdocont ext o) . -Est r at égi a. -Públ i coal vo. -Est r at égi adopr oj et o:( comovamosmot i varnossopubl i coal voaagi rdamanei r acomodesej amos?) . -Vant agem compet i t i vaci r cunst anci al :( por queel esi r i am consi der aroseupr odut oouser vi çoem det r i ment ode out r os?) . -Mensagem chave:( Qualéapr omessaoubenef í ci oúni comai si mpor t ant epar aocl i ent e?Em 25pal avr asou menos. ) . -Supor t e:( quai saspr ovasquesupor t am amensagem chave?) . -Obr i gações:( queel ement osdevem seri ncl uí dosnot r abal hocr i at i vo?I st oé,gr áf i cos,l ogos,par af er nál i al egal . . . ) . -Or çament o. -Dat adobr i ef i ng. -Concei t oscr i at i vosapr esent adospel aagênci a. -Par t i ci par am dael abor açãodest edocument o:( i nsi r aaquiosnomesdet odososenvol vi dos) .

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

9

CRI ACAO |DESI GNUX

Capí t ul o5|Buscarent endi ment odopr obl emaoubr ai nst or m Br ai nst or m éumapal avr aem i ngl êscuj at r aduçãoé“ t empest adement al ” .Éumamet odol ogi adeexpl or açãode i déi as,vi sandoaobt ençãodasmel hor essol uçõesdeum gr upodepessoas. O Br ai nst or m nãoéespont âneo.Éumat écni cacuj opr i ncí pi obási cor esi denaausênci adej ul gament osoude aut ocr í t i cas. Apar t i rdoBr ai nst or m,chegamosài déi asdequal i dade, ouat éàsol uçãodeumasi t uaçãooupr obl ema.Al ém di sso, t r azavant agem det erseumér i t odi st r i buí do,poi séo r esul t adodot r abal hodet odaumaequi pe.

PassoaPasso Comececom um t emaouassunt oepeçapar aos pr esent esexpr essar em t odasasi déi asquel hesvenham àment eespont aneament e. Nenhumai déi aapr esent adadevesercr i t i cada. Todasasi déi asver bal i zadasdevem serescr i t asde manei r aaf i car em expost aspar at odos,est i mul ando novasi déi as. Aot ér mi nodasver bal i zações,t odasasi déi asescr i t ase expost asdevem serr epassadaseanal i sadaspar asel eção dasmai sadequadasàsi t uação. Asegui r ,sel eci oneamel hori déi a.

ComoApl i caroBr ai nst or m? Umasol uçãomui t osi mpl eseef i cazéodi agr amade causaeef ei t o,ousepr ef er i r“ di agr amadeespi nhade pei xe” . El eéumaf or mavi sualdel evant ament odecausaseef ei t os,quecombi nadoscom ospr i ncí pi osdoBr ai nst or mt em ót i mosr esul t ados. Podemosor gani zarnum quadr oum di agr amacomoodeci mae,em segui da,um gr upodepessoasl evant aquai s sãoosf at or esouasespi nhasdopei xequel evam aoseuobj et i vo.Usandoai ndadaBr ai nst or m,el asl evant am par âmet r osquei nf l uenci am nessasespi nhasdef or maor gani zadaecl ar a.Aof i nal ,usandoum quadr obr ancoe al gunspost i t s,t êmsedef or mavi sualt odoum di agr amadecausaeef ei t o.Tor nandomui t omai sf áci lt r abal har par aal cançarosobj et i vos.

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

10

CRI ACAO |DESI GNUX

Capí t ul o6|Obj et i vodopr oj et o Osobj et i vosdopr oj et odeum websi t eexpl i ci t am avi sãodet odososst akehol der ssobr eosr esul t adosesper ados, desdeoscl i ent esf i nai sàor gani zação,i ncl ui ndoospat r oci nador eseaequi pedet r abal ho.Est avi são,quei ncl ui t ant oopr odut oquant oopr oj et o,at r avessaospr ocessosoper aci onai sdi ár i osef unci onacomoumar ef er ênci a r azoavel ment eest ávelpar aat omadadedeci sões.Noent ando,desdeaadoção,pormui t asequi pes,demét odos ágei scomoScr um,XPeLean,nãoseesper amai squeosobj et i vossemant enham est ávei sdur ant et odaa r eal i zaçãodeum pr oj et oequesecr i esol uçõesdedesi gncompat í vei scom umaúni cavi sãoi ni ci al .Obj et i vospodem mudar ,assi m comoaper cepçãodopr odut opel aequi pedur ant ear eal i zaçãodopr oj et o. Nopr i mei r omoment o,oent endi ment odosobj et i vosdosi t eedopr oj et oaj udaadef i ni r : Asmet aspr i or i t ár i asdoveí cul o( i ncl usi veaspr i or i dadeseasi nf l uênci aspol í t i casdecadast akehol der ) . Comoocanalwebser el aci onacom out r asmí di asoupr odut osdemar ket i ngi nt egr adosàpol í t i cadevei cul açãode cont eúdoor gani zaci onal . Aconcei t uaçãoedi t or i aleot r at ament odocont eúdopar aopúbl i co,oqueconduzaexper i ênci adousuár i o,oque cr i aempat i aeoqueat endeàssuasnecessi dades( dei nf or mação,pr odut os,ser vi ços,par t i ci pação) ,oqueger a val or . Asf or ças,f r aquezas,opor t uni dadeseameaças( SWOT)dopr oj et o,daequi pe,dopr odut of i nal . Asl i nhasger ai spar aocont r ol edequal i dadeeaaval i açãodosr esul t ados,sobopont odevi st adaor gani zaçãoe doscl i ent es,i ncl ui ndoapr ogr amaçãodost est esdai nt er f ace,f r equênci a,i nvest i ment osnecessár i os. Asl i nhasger ai spar aocont r ol edosr i scosdopr oj et o. Aconcei t uaçãoedi t or i alecomer ci aldocont eúdoaserar qui vado,i dent i f i candosuaader ênci aaosobj et i vos est r at égi cos,ver i f i candocomoser ái ndexadoeaabr angênci adest ai ndexação( seexaust i va,com mai spont osde acesso,ousel et i va,com ní veldeacessol i mi t ado) .Osobj et i vosvãosendoat ual i zadosaospoucosedel i neam di f er ent espont osdevi st asobosquai sosr esul t adosdopr oj et osãoaval i ados.Nor t ei am t ambém osobj et i vosdos subpr oj et os( subsi t es,pr ocessos,f unci onal i dades)quepodem der i vardopr oj et opr i nci pal .

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

CRI ACAO |DESI GNUX Osobj et i vosdeum websi t ecombi nam di ver sospr ocessosdenegóci os,como: Venderpr odut oseser vi ços. Publ i cari nf or maçõespar apúbl i cossegment ados. Di sponi bi l i zarf er r ament adebuscaabancodedados. Apr esent arumaor gani zaçãoesuami ssão. Ref or çarumamar ca. Cr i arcomuni dadesdepessoasem t or nodei dei as,pessoas,i nt er essescomuns. Compar t i l harar qui vosdei magens,ví deos,sons. Mi ni st r art r ei nament os. Vei cul arj ogoseent r et eni ment o. Est abel ecerconexõescom ( eent r e)oscol abor ador es,f or necedor esepar cei r os. Compar t i l haredi vul garconheci ment o.

www. s obr et ec h. c om. br

11


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

12

CRI ACAO |DESI GNUX

Capí t ul o7|Ent endi ment odousuár i oouper sonas Sevocêest i vercr i andoumai nt er f acedousuár i o,vocêdeveconsi der arcr i arper sonaspar aaj udál o.Per sonassão umadasf er r ament asbási casdedesi gndeexper i ênci adousuár i o( UX) .Um per sonaéumadescr i çãodeuma pessoaf i ct í ci aquer epr esent aum segment odeusuár i odosof t war equevocêest ádesenvol vendo.Écl ar o,a pal avr a" f i ct í ci a"seapl i caapessoanãoadescr i ção;quedevesercomogr oundednar eal i dadepossí vel .O f at oque per sonassãocr i adospormei odeum at odef i cçãol evouaal gumaspessoasaper gunt aseuval ori nt ei r ament e. Tai scr í t i cassãoút i lseel ef unci onacomoum l embr et edequeoper sonassãocr i adosem dadosi st oé,porsua nat ur eza,i ncompl et aei mper f ei t a.Masper sonasEnt r et ant osãobast ant eút i l .Ent r esuasvant agens,per sonas: Habi l i t eosdesi gner saf azeri nf er ênci assobr easnecessi dadesedesej odesegment osdepúbl i coal vo. Ser vi rpar asecomuni carcar act er í st i casdousuár i odemanei r af aci l ment ecompr eendi daecompact a. Aj udaramant erospar t i ci pant esal t er em adef i ni çãodesegment osdepúbl i coal vopar aAvançari nt er esses est r ei t as. Col ocarum r ost osobr eapessoapar aquem vocêest ácr i andoai nt er f acedousuár i o.

Comocr i arPer sonas Comoamai or i adosel ement osdedesi gn,per sonaspodem serdesenvol vi dosi t er at i vament e.Ecomoamai or i ados el ement osdedesi gn,exi st em vant agenspar acr i arosper sonassedef or macol abor at i va.Envol vendoos i nt er essadoseout r osmembr osdaequi peaument aapr eci sãodoNor ber tecr i aum ní veldeconheci ment osobr eos usuár i osqueaj udaaequi pedeal i nharaor edordel as.Comoaspessoast or namsef ami l i ar i zadocom osper sonas, i ni ci ar em f al andosobr eel escomosef ossem pessoasr eai s.Quandoi ssoacont ece,vocêt i verobt i doum f oco val i oso.Per sonasnãopr eci sar ásercompl exopar aserút i l .Nor mal ment eeucomececr i andobr evescont or nosdos per sonascom baseem conver sascom pessoasqueconhecem opúbl i coal vo,comovendedor esouaequi pede ser vi çodecl i ent e.Chamoessesper sonas" per sonasassumpt i ve"por queel esnãosãobaseadosem dadosr eai s. Àsvezes,i ssoét udooquepr eci sat empoour ecur sospar af azer .Masumapr át i camel horéEnt r evi st arusuár i ose usarosdadoscol et adospar aval i darer ef i narosper sonas.Em al gunscasos,asor gani zaçõesexecut ardados abr angent esdecol et aeanál i se,usandoumavar i edadedet écni casdepesqui saet hnogr aphi c,par acr i arper sonas al t ament er ef i nados. Éót i mot err eal ment ebem pesqui sadasper sonas,masmesmoquevocêpodecr i arj unt osapenaspoucassi mpl es assumpt i veper sonas,vocêdescobr i r áqueel essãof er r ament asdedesi gnr eal ment eút i l .

PorquePer sonast r abal hoi ssocai xa Per sonast oqueem umahabi l i dadehumanaf undament al— acapaci dadedef azerpr evi sõessobr ecomoout r as pessoasr eagi r ácom baseem model osment aldel es.Ger al ment e,um podepr evercom pr eci sãocomoum ami go f echaroumembr odaf amí l i aser ár eagi raum event oespecí f i coedeci di rcomoagi rcom basenessasI nf er ênci as. Obvi ament e,suposi çõessobr ecomoaspessoasvaicompor t ar sedeumadet er mi nadasi t uaçãopodem nãoest ar cor r et asevocênor mal ment ef azerer r osdei nf er ênci a. Noent ant o,acapaci dadepar aconf i ávelpr everocompor t ament odeout r osusuár i oséessenci alpar asobr evi vênci a ehumanossãocogni t i vel ywel l equi ppedpar af azeri sso.Esseéoquet or naoper sonat ãopoder oso.Quandovocê cr i amodel osdoseupúbl i coal vo,vocênãoconsegui rf azeri nf er ênci assobr ecomoel esr eagi r ápar aasopçõesde desi gnf ei t as.

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

13

CRI ACAO |DESI GNUX

Ti posdesupor t edePer sonasI nf er ênci as Háumasér i edemanei r aquevocêpodeusarper sonaspar af aci l i t aropr ocessodedesi gn.Vocêpodeusál os par a: Aj udál oaescol herent r evár i asal t er nat i vasdedesi gn,sel eci oneaquel equeousuár i odedest i noémai spr ovável quepr ef er i r . Aj udaradef i ni raspr i or i dadespar ar ecur sosem consi der ação,di f er enci andoent r eousuár i opr eci saeoqueéuma boacom. Deci di roquei r áenvol verum usuár i o. Deci di roqueser áof ensi vaouf azercom quenãoconf i ar . Det er mi narseumai nt er f acedeusuár i oúni coser vi r át odososusuár i osousevocêpr eci sarcr i arvár i asi nt er f aces deusuár i o. Obvi ament e,sempr equepossí velvocêdevever i f i carasdeci sõesdedesi gnf ei t aspormei odet est esdeusabi l i dade ouout r ai nt er açãodi r et acom ousuár i o.

Quant osPer sonas? Mai si nt er at i vospr odut ospossuem vár i ossegment osdepúbl i coal vo.I ssosuger equevocêdeveconst r ui rper sonas vár i os.Noent ant o,com mui t asper sonas,opr ocessopodeobt erf or adol ado.Comor egr apr át i ca,t r êsouquat r o per sonassãosuf i ci ent epar aamai or i adospr oj et os.Sevocêacharquevocêest ácr i andomai sdeci ncoousei s, par eer econsi der e.Mui t osespeci al i st asacharquevocêdevedesi gnarum per sonacomoopr i nci palper sonae t r at arosout r oscomosecundár i o.Asdeci sõesdopr oj et odeveserf ei t ascom oper sonapr i nci palem ment ee t est adas( pormei odeum exper i ment odepensament o)cont r aosper sonassecundár i os.Em segui da,vocêpode adi ci onardesi gnadi ci onai spar aabor darqual quernecessi dadesunmetdeper sonassecundár i os.Sevocênão consegui rr econci l i arper sonaspr i már i asesecundár i os,el epodesuger i rquevocêpr eci saconsi der ari nt er f acesde usuár i odi st i nt as. Em ger al ,i ncl uaossegui nt esel ement osnoper sonadescr i ções: Nomedapessoaef ot os. Umacot açãoouosl oganquecapt ur aa per sonal i dade. Dadosdemogr áf i cos( sexo,i dade,est adoci vi l , f amí l i a,onder esi deapessoa) . For maçãoeducaci onal . Tr abal ho. Fat or esdeest i l odevi daeobj et i vos. Compet ênci adocomput adoreouso. Val or esepost ur as.

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

14

CRI ACAO |DESI GNUX

Capí t ul o8|I deação:f l uxogr amas,wi r ef r ameel i st ader ecur sos Par af aci l i t aroent endi ment o,podeseobser varaapl i caçãodaA. I .poret apas.Abai xoser ãoapr esent adasal gumas apl i caçõeser espect i vasf er r ament asconsi der adasi mpor t ant es.O cont eúdot ext ualpr eci saseror gani zadoe r ot ul adopar aqueousuár i opossaencont r ál of aci l ment e,par ai sso,édi vi di doem pedaçosquer eceber ãor ót ul ose est esr ót ul ospoder ãoseragr upados,osgr uposr ot ul adoseassi m sucessi vament e. O car dsor t i ngéumaf er r ament aapl i cadapar aent endercomoousuár i oor gani zaasi nf or maçõesnament e,sendo ef i cazpar adef i ni rosr ót ul osmai spr óxi mosdar eal i dadedopúbl i coal vo. Basi cament et r at asedadi st r i bui çãodecar t õescom r ót ul osoucont eúdo,par aqueousuár i of açaacor r espondênci a queconsi der al ógi ca,em al gunscasososr ót ul ossãopr eenchi dospel opr ópr i ousuár i o. Def i ni dososr ót ul os,énecessár i odef i ni rof l uxodanavegação,ousej a,oscami nhosqueousuár i oper cor r er áat é cadai nf or mação.Essepr ocessodenavegaçãopodeserr epr esent adopormei odef l uxogr amasquesãobasespar a out r af er r ament a,omapadosi t e–l i st ahi er ár qui cacom l i nksdi r et ospar aoscont eúdosdaspági nas. Of l uxogr amanãodependenecessar i ament edar ot ul ação.

Com aor gani zaçãoment aldot ext odef i ni da,énecessár i odet er mi naral ocal i zaçãodessecont eúdonapági naf í si ca, ai nt er f ace. Essadi st r i bui çãodeveconsi der art ant oel ement ost ext uai squant oi magenseani mações,edeveserf ei t aapl i cando concei t osdedi agr amaçãopar aevi denci arahi er ar qui adei mpor t ânci adasi nf or mações.

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

15

CRI ACAO |DESI GNUX Desenvol veseor ascunhodapági naapont andoal ocal i zaçãodosi t ens,owi r ef r ame,comonumapl ant ade ar qui t et ur a. Um wi r ef r amedevemost r arcomoumapági nasecompor t adeumaper spect i vadaar qui t et ur a,deveexi bi ros el ement osdenavegação,edef i ni rquai sosel ement ost er ãomai ordest aquedocont eúdo. Oswi r ef r amesest ãonol i mi t eent r eaar qui t et ur adai nf or maçãoeodesi gndei nt er f ace.Aoconst r ui rum wi r ef r ame, oar qui t et opensanol i mi t eespaci aldapági naeéf or çadoaf azerescol hassobr equai sel ement osdaar qui t et ur a devem est arvi sí vei seacessí vei saosusuár i os. O desenvol vi ment odowi r ef r ameaj udaai ndaadeci di roagr upament odecomponent esdecont eúdo,comoor denál osepr i or i zál os.

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

16

CRI ACAO |DESI GNUX

Capí t ul o9|Lançament o:t est edea/ b,usabi l i dade,acessi bi l i dade,eyet r acki ng Exi st em vár i ost est esdeusabi l i dadequedesi gner spodem f azerpar aaval i arseum desi gnser veaopr opósi t odel e, qual querquesej a.

Test eA/ B Test esdeusabi l i dadeser vem par aaval i arseum desi gnser veaopr opósi t odel e:éf áci ldei dent i f i carot el ef oneda empr esanocar t azcr i ado?Dápr aencont r araseçãodecont at onosi t eem um sócl i que?O queéessesi t eepr a queel eser ve?Eporaívai .Nãopr eci sonem di zerqueoobj et i vododesi gneréder esponderper gunt as–af i nal ,é i ssoqueodesi gné.Eexi st em vár i ost est esquepodem serf ei t ospar ar esponderaest asper gunt as:desde di nâmi casdegr upoat éent r evi st asi ndi vi duai scom pessoasal eat ór i as–masomai sf áci ldecr i aréoTest eA/ B. I magi neum campeonat odef ut ebol .Um t i mej ogacont r aoout r o,equandoum per deéel i mi nadodocampeonat o. Nof i m,sóvair est aromel hor .O Test eA/ Bf unci onaassi m.Event ual ment eodesi gnquemel horseadequarapr opost aganha,ei ndi f er ent esevocêest i vercompar adodoi sdesi gnsoucem,vocêdeveconsegui ri nf or maçãoút i l quet edi zoquef unci onamel hor . EoTest eA/ Bpodeserut i l i zadodesdeoi ní ci odopr ocessodedesi gn,desdesket chesawi r ef r amesaor esul t ado f i nal .Est et est edeusabi l i dadepodenosaj udarachegaraumasol uçãoadequada.

Comof unci onaum Test eA/ B? Ébem si mpl es:vocêof er eceduasver sões( oumai s)deum mesmodesi gn.Met adedaspessoasquevãof azero t est evendoaver sãoA,aout r amet adeaver sãoB.Per gunt assi mpl essãof ei t asaosusuár i oseel escl i cam no l ocaldai magem ondeel esacr edi t am queest ai nf or maçãoest ej a.Apósum cer t onúmer odet est es,um mapade cl i queséger adoeodesi gnerpodeverondeosusuár i osacr edi t am quef i caocont eúdo.Al ém di st o,ét ambém anal i sadoot empol evadopar aqueousuár i oencont r asseoquef oipedi do.Porexempl o,eupoder i amost r arduas ver sõesdoDesi gnBl oger edi r eci onarmet adedomeut r áf egopr aum,emet adepar aoout r o–nopr i mei r o,a pági nadecont at oest ar i ai dent i f i cadacomo“ Cont at o“ ,nosegundocomo“ Fal econosco“ .Far i aper gunt assi mpl es aosusuár i os,como“ Ondequef i caaseçãodecont at o?”ou,mel horai nda,“ Ondevocêachar i aum emai lpar a cont at o?“ .

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

17

CRI ACAO |DESI GNUX O usuár i ocl i car i anaár eadai magem ondeel eacr edi t aqueest ai nf or maçãof i car i a,eent ãoeupossoanal i sarqual dassol uçõesf unci onamel hor :apal avr a“ Cont at o”ou“ Fal econosco” .Eassi m pordi ant e. Exi st em t ambém f er r ament asqueauxi l i am nacr i acaodeTest esA/ B,comoassol uçoesdaGoogl e: Exi st em scr i pt squeger am mapasdecl i ques( em i ngl ês,heatmaps)masquepr eci sam serconf i gur adospar ao pr opósi t o.Um si t ebom quef azt est esassi m éoI nt ui t i onHQ quecobr aapenasUS$9.Umaal t er nat i vagr at ui t aéo Googl eWebsi t eOpt i mi zer ,masaívocêt er i aquet erum conheci ment omedi anodeHTMLeJavaScr i pt . O Googl eAnal yt i csof er eceumaf er r ament adecr i açãodeURLqueger al i nkspar avocê,i ncor por andoasi nf or maçõesdecampanhaespeci f i cadas.Essaf er r ament agar ant easi nt axecor r et adosseusl i nks.Éi mpor t ant eut i l i zar nomesegr af i asconsi st ent esem t odososval or esdevar i ávei sdasuacampanha.Porexempl o,escol haum códi go ouum nomequei ndi que" cust oporcl i que"eut i l i zeodemodoconsi st ent e.Par aoGoogl eAnal yt i cs,ut m_medi um= cpceut m_medi um=cost _per _cl i cksãomí di asdi f er ent es. UseoGoogl eAnal yt i cscom af er r ament aOt i mi zadordewebsi t egr at ui t adoGoogl epar at erout r asopçõesdet est e quesãomai sr ápi dasemai sf ácei sdei mpl ement ar .Deacor docom assuasnecessi dades,vocêpodeusaro Ot i mi zadordewebsi t epar aTest esA/ Boumul t i var i ávei s.Sai baquai ssãoasexper i ênci ascer t aspar avocê. Ant esdeusaroOt i mi zadordewebsi t eeoGoogl eAnal yt i csj unt os,vocêpr eci sar áf azeri nscr i çãoem umacont a.

Usabi l i dade Técni casqueaj udam osser eshumanosar eal i zar em t ar ef asem mei osgr áf i cosdecomput ador .3concei t osmui t o i mpor t ant es.Tr abal hamospar aser eshumanos,quequer em r eal i zarumat ar ef adeumaf or masi mpl eseef i caze nest ecasopar t i cul ar ment e,devem r eal i zál af r ent eaocomput adorem um mei ogr áf i co,aweb.Ausabi l i dadeaj uda aqueest at ar ef aser eal i zedeumaf or masi mpl esanal i sandoocompor t ament ohumano,eospassosnecessár i os par ar eal i zarat ar ef adeumaf or maef i caz.Tal vezsoaum poucocomoum t r abal hoi ndust r i al ,masaof azerr ef er ênci aaot er mo" t ar ef a" ,est amosnosr ef er i ndoabuscarum pr ogr amaquequer emosvernat v ,ouveri nf or mação sobr eum t i medef ut ebolf avor i t o,oucompr arum l i vr osobr ear t esmar ci ai s,porexempl o. Sej asuawebum por t alouumapági napessoal ,nãoseesqueçaqueaspessoasqueent r am em suawebbasi cament eent r am por quebuscam al go.Par at or nari ssomai ssi mpl esadeci sãoésua,mascer t ament eent r et odosnós podemosf azerdai nt er netum l ugarmel horondeaspessoasnãosesi nt am per di dasouext r avi adasousi mpl esment edef r audadas.

8r egr asdeOur osobr eausabi l i dade 1.Nai nt er netousuár i oéquem manda:I st oquerdi zerquesem usuár i ossuapági namor r e,por t ant omai sval eque cui debem del esedêoquet epedem,casocont r ár i o,vocêf i car ásozi nho. 2.Nai nt er netaqual i dadebasei asenar api dezenaconf i ança:Nai nt er netcont aqueasuapági nasej amai sque r ápi daqueboni t a,conf i ávelquemoder na,si mpl esquecompl exa,edi r et a. 3.Segur ança:Senavi dar ealàsvezesnoscust aconf i arnobancodaesqui na,i magi nacomosesent easpessoas nai nt er netquandochegam noseusi t e.Pr ocur ef azercom quet udof unci onecomoum r el ógi opar aqueopessoal possaconf i arnoseusi t e. 4.Aconf i ançaéal goquecust amui t oganharepodeseper dercom um si mpl esl i nkquebr ado:I st oquerdi zerque t alcomoest áacompet ênci anai nt er net ,nãosepodeper dernem um sóvi si t ant eport erum l i nkmalf ei t o.Émel hor sai rcom al gosi mpl esei rcompl i candopoucoapouco,doquesai rcom t udoever" oqueacont ece" .Ver sões1. 0 sãoboasenquant ooqueest ej apost oger econf i ança.Poucoapoucoecom of eedbackdosusuár i os,poder ái r compl i candoapági na.Mast enhacer t ezaant esdear r i scar .

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

18

CRI ACAO |DESI GNUX 5.Sequi serf azerumapági nadecent e,si mpl i f i que,r eduza,eot i mi ze:Aspessoasnãovãodecor art udoquehouver noseusi t epormui t oquei nsi st a,por t ant of açaopel omenossi mpl es,ut i l i zet odososel ement osquepuder ,par a quedest emodoosusuár i ossi nt amsecômodosenãoseper cam cadavezquenecessi t em encont r aral goem seu si t e. 6.Col oqueasconcl usõesnoi ní ci o:O usuár i osesent i r ámai scômodoaoverasmet asaopr i ncí pi o.Dest af or ma nãot er áquebuscaroquenecessi t aeper der ámenost empoem compl et arsuat ar ef a.Seel ecompl et asuat ar ef a em menost emposesent i r ácômodoet al vezsededi queaexpl or arseusi t eoui ncl usi ve,t al vezor ecomendeaum ami go. 7.Nãof açaaspessoasper der em ot empocom coi sasquenãonecessi t am:Cui dadocom aspr omoções,sef i zer pel omenosf açacom cui dado.Pr ocur ef azercom queasel eçãodepr odut osaexi bi rsej aconseqüent eenãosej a dot i po" vendert udo"em t odasaspági nas.Segundoavanceousuár i oem suanavegaçãopr ocur edei xarmai sespaçol i vr e.Podeacont ecerdenahor adecompr aral govej aumaof er t aquel hedi st r ai aeper caessavenda. 8.Bonscont eúdos:Escr everbem par ai nt er netéumaar t e.Cont udo,segui ndoasr egr asbási casdecol ocarasconcl usõesnopr i ncí pi oe( 2)escr evercomoum 25% doquevocêcol ocar i aem um papel ,com i ssopodesechegar l onge.Lernat el acust amui t o,por t ant o,nocasodet ext ospar ai nt er net ,r eduzaesi mpl i f i quet udooquepuder .

Test esdeUsabi l i dadeeAval i açõesdeEr gonomi a Ot est edeusabi l i dadeéumat écni caf or malquepodeenvol verusuár i osr epr esent andoapopul açãoal vopar aaquel edet er mi nadosi st ema.Est esusuár i ossãodesi gnadospar adesenvol vert ar ef ast í pi casecr í t i cashavendocom i sso umacol et adedadospar aser em post er i or ment eanal i sados.Cont udoot est edeusabi l i dadecar act er i zasepor ut i l i zardi f er ent est écni casvol t adasem suamai or i apar aaaval i açãodaer gonomi adossi st emasi nt er at i vos. Aval i açãoHeur í st i ca; Cr i t ér i osEr gonômi cos; I nspeçãoBaseadaem Padr ões,Gui asdeEst i l osouGui asdeRecomendações; I nspeçãoporCheckl i st s; Per cur so( ouI nspeção)Cogni t i vo; Test eEmpí r i cocom Usuár i os. Ent r evi st aseQuest i onár i os;

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

19

CRI ACAO |DESI GNUX

Acessi bi l i dade Aexpr essãoAcessi bi l i dade,pr esent eem di ver sasár easdeat i vi dade,t em t ambém nai nf or mát i caum i mpor t ant e si gni f i cado.Repr esent apar aonossousuár i onãosóodi r ei t odeacessarar ededei nf or mações,mast ambém o di r ei t odeel i mi naçãodebar r ei r asar qui t et ôni cas,dedi sponi bi l i dadedecomuni cação,deacessof í si co,deequi pament osepr ogr amasadequados,decont eúdoeapr esent açãodai nf or maçãoem f or mat osal t er nat i vos. Nãoéf áci l ,apr i ncí pi o,aval i arai mpor t ânci adessat emát i caassoci adaàconcepçãodepági naspar aaweb.Mas osdadosW3C( Consór ci opar aaWEB)eWAI( I ni ci at i vapar aaAcessi bi l i dadenaRede)apont am si t uaçõese car act er í st i casdi ver sasqueousuár i opodeapr esent ar : I ncapaci dadedever ,ouvi roudesl ocar se,ougr andedi f i cul dade-quandonãoai mpossi bi l i dade-dei nt er pr et ar cer t ost i posdei nf or mação. Di f i cul dadevi sualpar al eroucompr eendert ext os. I ncapaci dadepar ausarot ecl adoouomouse,ounãodi spordel es. I nsuf i ci ênci adequadr os,apr esent andoapenast ext ooudi mensõesr eduzi das,ouumal i gaçãomui t ol ent aàI nt er net . Di f i cul dadepar af al aroucompr eender ,f l uent ement e,al í nguaem queodocument of oiescr i t o. Ocupaçãodosol hos,ouvi dosoumãos,porexempl o,aovol ant eacami nhodoempr ego,ounot r abal hoem ambi ent ebar ul hent o. Desat ual i zação,pel ousodenavegadorcom ver sãomui t oant i ga,ounavegadorcompl et ament edi f er ent edoshabi t uai s,ouporvozousi st emaoper aci onalmenosdi f undi do. Essasdi f er ent essi t uaçõesecar act er í st i caspr eci sam serl evadasem cont apel oscr i ador esdecont eúdodur ant ea concepçãodeumapági na.Par aserr eal ment epot enci al i zadordaacessi bi l i dade,cadapr oj et odepági nadevepr opor ci onarr espost assi mul t âneasavár i osgr uposdei ncapaci dadeoudef i ci ênci ae,porext ensão,aouni ver sode usuár i osdaweb. Osaut or esdepági nasem HTMLobt êm um mai ordomí ni osobr easpági nascr i adas,porexempl o,com aut i l i zação edi vi sãodef ol hasdeest i l opar acont r ol edet i posdel et r a,eel i mi naçãodoel ement oFONT.Assi m,al ém det or nál asmai sacessí vei sapessoascom pr obl emasdevi são,r eduzem seut empodet r ansf er ênci a,em benef í ci oda t ot al i dadedosusuár i os.

Pr i ncí pi os Pr i ncí pi ospar aaacessi bi l i dadenaWEB:Aacessi bi l i dadeàwebépar t ei nt egr ant edopr oj et obr asi l ei r odei ncl usão di gi t alpar aaspessoaspor t ador asdenecessi dadesespeci ai s.Noi ní ci odopr ocessodeadapt açãodossí t i osexi st ent esaessenovoconcei t o,f or am est abel eci dospr i ncí pi osger ai sque,embor asem agar ant i adet ot alacessi bi l i dade,f avor ecem seuconheci ment oeexper i ment açãoporpar t edosr esponsávei s.Sãoossegui nt es: 1.Quant oàapr esent açãodai nf or mação:Associ açãodeum t ext oacadael ement onãot ext ual ,comoi magens, r epr esent açõesgr áf i casdet ext o,r egi õesdemapadei magem,ani mações,bot õesgr áf i coset c. 2.Quant oànavegação:Gar ant i adequeasl i gaçõest ext uai soucom um equi val ent et ext ualsej am pal avr asou expr essõescompr eensí vei sequeosel ement osdapági napossam serat i vadospel ot ecl ado.

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

20

CRI ACAO |DESI GNUX 3.Quant oài mpl ant ação:Ut i l i zaçãodosr equi si t osdeacessi bi l i dadedecont eúdodaWEBdoW3C/ WAI ,di sponí vei sem por t uguês( www. acessobr asi l . or g. br )oui ngl ês( www. cast . or g/ bobby). 4.Quant oàpági napr i nci pal :Exposi çãodosí mbol odeacessi bi l i dadenaweb. Ent r easvár i asver sõesexi st ent es, r ecomendamosaver sãobr asi l ei r aem l ogot i pos. ht ml ,sendonecessár i oqueseassoci eaessai magem al i gaçãoa umapági nacom osegui nt et ext o: Essesí mbol odeacessi bi l i dadenãogar ant equeosí t i ot enha100% deacessi bi l i dade,masqueosr esponsávei spor el et enham desenvol vi doesf or çosnosent i dodet or nál oacessí velat odos.Nel at ambém dever ãoconst ari nf or maçõesger ai ssobr eaacessi bi l i dadedosí t i oeoender eçoel et r ôni codor esponsávelporsuacr i ação.

DesenhoUni ver sal Sãopr essupost osdoconcei t odedesenhouni ver sal : 1.Equi par açãonaspossi bi l i dadesdeuso:O desi gnéút i lecomer ci al i závelàspessoascom habi l i dades di f er enci adas. 2.Fl exi bi l i dadenouso:O desi gnat endeaumaampl agamadei ndi ví duos,pr ef er ênci asehabi l i dades. 3.UsoSi mpl esei nt ui t i vo:O usododesi gnédef áci lcompr eensão,i ndependent ement edeexper i ênci a,ní velde f or mação,conheci ment odoi di omaoudacapaci dadedeconcent r açãodousuár i o. 4.Capt açãodai nf or mação:O desi gncomuni caef i cazment eaousuár i oasi nf or maçõesnecessár i as,i ndependent ement edesuacapaci dadesensor i aloudecondi çõesambi ent ai s. 5.Tol er ânci aaoer r o:O desi gnmi ni mi zaor i scoeasconseqüênci asadver sasdeaçõesi nvol unt ár i asoui mpr evi st as. 6.Mí ni moesf or çof í si co:O desi gnpodeserut i l i zadocom um mí ni modeesf or ço,def or maef i ci ent eeconf or t ável . 7.Di mensãoeespaçopar ausoei nt er ação:O desi gnof er eceespaçosedi mensõesapr opr i adospar ai nt er ação, al cance,mani pul açãoeuso,i ndependent ement edet amanho,post ur aoumobi l i dadedousuár i o.

Avi sãodoscegos Aspessoaspor t ador asdedef i ci ênci avi sualpodem navegarpel aI nt er net ,ut i l i zandoum pr ogr amadel ei t ur adet el a. Est espr ogr amasvãopassandoport ext osei magensesi nt et i zandoaf al ahumana.Basi cament e,opr ogr amal ê par aapessoaoqueest ánat el a. Fazendoumaanal ogi acom al ei t ur adeumat el adesi t eacessí veledeum si t enãoadapt ado,apr esent amosum exempl ovi sual . ht t p: / / www. acessobr asi l . or g. br / ci i ee/ cego. ht m

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

21

CRI ACAO |DESI GNUX

Val i dador esdeAcessi bi l i dade DASI LVA:Possuiver sãopar aaaval i açãosegundoasdi r et r i zesbr asi l ei r asdeacessi bi l i dadedogover noEl et r ôni coEMAG,mast em t ambém apossi bi l i dadedeumaaval i açãosegundooW3C,baseadonoWCAG,quepodeser i nt er essant epar aaspessoasqueest ej am i ni ci andonoent endi ment odecomosef azacessi bi l i dade.Nãoé,noent ant o,um aval i adordeexcel ênci a. ht t p: / / www. dasi l va. or g. br / Her a:Par eceser ,at ual ment e,omai scompl et oei nt el i gent edosval i dador es. ht t p: / / www. si dar . or g/ her a Exami nat or :( em por t uguês)Excel ent ecomooHer a,pr oduzum i ncent i vodi dát i codedarumanot aaval i ador adaa cessi bi l i dade.O pr of i ssi onalseconst r angeem pr oduzi rumapági nacom umanot abai xa.Al ém di sso,possuium r el at ór i oqual i t at i voensi nandocomopr oduzi raacessi bi l i dadequef al t aedandoospar abénspar aosi t ensdeacessi bi l i dadej áexi st ent esnapági na. ht t p: / / www. acesso. umi c. pt / webax/ exami nat or . php Cynt hi aSays:possuium r el at ór i onãot ãosi mpl esdeserent endi dopar aseusnovosusuár i os,mast ambém bem conheci doeut i l i zadoi nt er naci onal ment e. ht t p: / / www. cynt hi asays. com/

EYETRACKI NG O movi ment oocul arét i pi cament edi vi di doent r ef i xaçõesemovi ment ações.Asér i er esul t ant edasf i xaçõesemovi ment açõeséchamada“ cami nhodoescaneament o” . Amai orpar t edasi nf or maçõesdool harsãoobt i dasdur ant easf i xações,enãodur ant easmovi ment ações.Osl ocai s def i xaçãoem um “ cami nhodeescaneament o”demonst r am quai si nf or maçõesf or am pr ocessadasdur ant euma sessãodeeyet r acki ng. Em médi a,asf i xaçõesl evam porvol t ade200mi l i segundosdur ant eal ei t ur adeum t ext o,e350mi l i segundosdur ant eavi sual i zaçãodeumai magem. Amovi ment açãoef i xaçãoem um novoobj et i vot omaporvol t ade200mi l i segundos.Aanál i sedeum “ cami nhode escaneament o”t em semost r adoút i lpar aser eal i zaranál i sesdei nt ençãocogni t i vas,dei nt er esseeder eal ce.Est as di f er ent es“ i nt enções”r esul t am em t emposl evement edi f er ent esdef i xação. Comoum exempl odeusodoeyet r acki ng,ai l ust r açãoabai xodemonst r acomousuár i os“ vi sual i zam”ahomepage dowebsi t edoBancoRealdur ant eospr i mei r os20segundos.

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

22

CRI ACAO |DESI GNUX

Fi nal i dadesdoeyet r acki ng Exi st em doi scomponent espr i már i ospar aamai or i adosest udosdeeyet r acki ng:anál i seest at í st i ca( est aquant i f i ca ondeosusuár i osol ham,àsvezesdi r et ament e,eàsvezesbaseandoseem model osdeengaj ament ocogni t i vo)e r ender i zaçãogr áf i ca. Nosúl t i mosanos,oaument odasof i st i caçãoeacessi bi l i dadeàst ecnol ogi asdeeyet r acki ngcr i ar am umagr ande demandadei nt er essenosset or escomer ci ai seempr esar i ai s,t endocomof ocoapl i caçõescomunsi ncl ui ndousabi l i dadenaweb,publ i ci dade,desi gn,et c.Noger al ,est udoscomer ci ai sdeeyet r acki ngf unci onam at r avésdaapr esent açãodeum f ocodeest í mul ovi sualpar aumaamost r adeconsumi dor esenquant oum eyet r ackeréut i l i zadopar a gr avaramovi ment açãodool har . Osdadosr esul t ant espodem seranal i sadosem esf er aest at í st i caer ender i zadosgr af i cament epar ademonst r ar evi dênci asdepadr õesvi suai sespecí f i cos.Exami nandoasf i xaçõesemovi ment os,di l at açãodapupi l a,pi scarde ol hoseumavar i edadedeout r oscompor t ament os,pesqui sador espodem det er mi narumagr andequant i dadede i nf or maçõessobr eumadadamí di aoupr odut o.Especi f i cament e,eyet r acki ngpodeserut i l i zadopar amedi ra ef i ci ênci adel ocal i zação,br andi ng,publ i ci dadeonl i ne,usabi l i dadenavegaci onal ,desi gnger alemui t osout r oscomponent esdeum si t e. Af hi ost em execut adousoext ensi vodoeyet r acki ngem vár i oscenár i osweb,i ncl ui ndo: Anál i sedoest ador eal( r ealst at e)dehomepagesedepági naschavedeum si t e. Est udodepr i or i zaçãodenavegação. Anál i sedeemai l s. Agr egandosent i doaosdadosdeeyet r acki ng. Vár i osest udost em sef ocadonoent endi ment odecomoosusuár i os?l êem?emai l s,par t i cul ar ment eemai l sque sãoenvi adoscomoconf i r maçãopar apr ocessosf i nal i zadosonl i ne( ex.compr ase/ oumensagensdemar ket i ng) . Est esest udost em cl ar ament ei l ust r adoum compor t ament oi ni ci alde?scanni ng?e?br owsi ng?dosusuár i osquando ol ham par aest esemai l s,mai sdoquel ei t ur al i neardosmesmos.At r avésdaanál i sedot empodef i xação,t em si do t ambém possí velaval i arcomousuár i osest ãol endoemai l s,oquel heschamaat ençãonot ext oequai spal avr as, f r asesesent ençasest ãosendoi gnor adas. Mai sEst udos: Text oat r aiaat ençãoant esdegr áf i cos. Nãomodi f i queasconvençõessópar aser?or i gi nal ?. Lei t or esi gnor am osbanner s. For mat açõesef ont esext r avagant essãoi gnor ados. Most r enúmer oscomonúmer os. Ot amanhodasf ont esi nf l uenci aocompor t ament ovi sual . Usuár i ossól êem um subt í t ul oseest eosi nt er essa. Aspessoasnor mal ment eescaneam aspar t esbai xasdapági naemui t omai s. . .

www. s obr et ec h. c om. br


QUALAI MPORTÂNCI ADO DESI GNDEUXPARADESENVOLVERPROJETOSDI GI TAI S

23

CRI ACAO |DESI GNUX

Concl usão O quedevemossaberdemai si mpor t ant eem Desi gnUX,équeseusmét odosef er r ament asser vem par aor gani zar t odaest r ut ur adeum pr oj et o,vi sandosempr et r azernovasexper i ênci asaosusuár i os,t udoqueéf ei t oem Desi gn deUXépar aousuár i of i nal ,quei r áconsumi r ,i t er agi ref i carengaj adocom amar caepr odut osof er eci dosdeuma empr esaoumesmoseusser vi ços. Par amai or esi nf or mações,dúvi dasoupedi dosdeebooks,porf avorent r arem cont at opel osi t e: www. sobr et ech. com. brouporemai l :cont at o@sobr et ech. com. br . Acesset ambem nosasRedesSoci ase#Compar t i l heesseebook: At t , Equi peSobr et echTecnol ogi a,Desi gneEnt r et er i ment oaum cl i que.

: ) Obr i gado!

www. s obr et ec h. c om. br

Qual a importância do Design de UX para desenvolver projetos digitais  

Qual a importância do Design de UX para desenvolver projetos digitais

Read more
Read more
Similar to
Popular now
Just for you