USABILIDADE Alessandro Borges Joo Carlos Turma 3M1 Passo Fundo, 31 de agosto de 2012. Sumrio Sumrio.........................................................................................................................2 1. ntrodu!o..................................................................................................................3 2. "esen#ol#imento.......................................................................................................3 2.1 $ Site %om usa&ilidade ruim.....................................................................................3 2.2 $ Site %om &oa usa&ilidade......................................................................................' 2.3 $ Produto %om usa&ilidade ruim.............................................................................13 2.( $ Produto %om &oa usa&ilidade..............................................................................1) 3. Con%luso................................................................................................................1* +e,er-n%ias..................................................................................................................1' 2 1. Inro!u"#o . o&/eti#o deste tra&al0o 1 reali2ar uma anlise de sites e 3rodutos %om rela!o a usa&ilidade dos mesmos. Para isso sero utili2ados os %on0e%imentos ad4uiridos em aula e 3es4uisa re,erente ao assunto. Con,orme soli%itado sero analisados dois sites, um %om usa&ilidade ruim e outro %om &oa. "a mesma ,orma, dois 3rodutos tero sua usa&ilidade a#aliada, sendo uma ruim e a outra &oa. $. D%&%n'o('im%no $.1 ) Si% *om u&+,i(i!+!% ruim Site estudado5 666.desentu3idorarola&osta.%om.&r Figura 1 7 Pgina Prin%i3al 8uesitos ne%essrios 3ara determinar um site %omo ruim5 Cores &errantes, te9tos med:o%re, ta&elas %om &ordas, ,iguras em &ai9a resolu!o e serril0adas, ,alta de a%essi&ilidade, %onte;do desne%essrio <in;til=, Midis > ?i,s animados , amadorismo, ,alta de &om senso, erros de 3ortugu-s e outras %oisas 4ue tornem o site desagrad#el. Segundo a a#alia!o do site @@@.dasil#a.org.&r este site no 3assa no 3adro de 4ualidade e in%lusi#e 3ossui di#ersos erros se#eros em seu %Adigo ,onte. 3 Bide a&ai9o5 Figura 2 7 Site A#aliador "esta4ues relati#os ao site5 Tratasse de um site de negA%ios destinado a #enda de 3resta!o de ser#i!os de uma desentu3idora. A 3ro3osta 1 %ons%ienti2ar a %lientela da ne%essidade de 3ro%urar 3ro,issionais 4uali,i%ados 3ara a 3resta!o de ser#i!os, al1m 1 %laro, de desta%ar o negA%io da em3resa, as 3ro3agandas C3ositi#asD em outras m:dias e in,ormar seus %ontatos. Como toda ,erramente 4ue 1 mal manuseada a 3ro3osta te#e um e,eito %ontrrio, 3ois os erros de 3ortugu-s, as ,al0as de ,ormata!o no das 3ginas, o uso errEneo das %ores e imagens, in%lusi#e o 3rA3rio nome da em3resa, %ausam inseguran!a aos #isitantes do site em ,un!o do des3re3aro da em3resa tanto 3ara desen#ol#er um &om site 4uanto na &us%a 3ela 4ualidade do ser#i!o 4ue ser 3restado. Para este tra&al0o uma e9%elente ,erramenta de estudo. Segue a&ai9o um 3asseio 3elas 3ginas do site e seus 3rin%i3ais e4u:#o%os5 4 Figura 3 7 n,orma!Fes so&re a em3resa Contatos5 Figura ( 7 Pgina de Contatos 5 Go%ali2a!o5 Figura H 7 Pgina de Go%ali2a!o Ser#i!os5 Figura ) 7 Pgina de Ser#i!os Anun%iantes5 6 Figura * 7 Pgina relati#a a Anun%iantes In%erramento "i%as J SugestFes5 Figura ' 7 Pgina de "i%as J SugestFes . site 3ossui ,%il a%essi&ilidade no 4ue di2 res3eito a a3li%a!o de linKs e es3e%i,i%a!o de assuntos, 3or1m o em3rego das %ores, os te9tos %om erros gramati%ais, %om um %onte;do &astante amador so alguns 3ontos negati#os. 7 .s %ontatos no roda31 %om desta4ue ,oi &em ideali2ado, 3or1m sem um es3a!o delimitador e erros de ,ormata!o ressaltam uma das ,al0as do site. . site no tra2 uma im3resso negati#a ao 3restador de ser#i!o, 3ois da ,orma %omo so e93ostas as in,orma!Fes o internauta ,i%a %om uma im3resso de amadorismo 3or 3arte da em3resa. A ,alta de 4ualidade do site dei9a e93li%ito uma ,al0a gra#e da em3resa 4ue 3ermite tais erros em seu site. . site no atende os usurios 3ortadores de ne%essidades es3e%iais, nem os da ter%eira idade, 3ois as %ores de ,undo e o taman0o das letras di,i%ultam a leitura 3ara este 3;&li%o. . uso de ,las0 na 3gina 3rin%i3al desta%a o uso de uma ,erramenta / est desatuali2ado e des#ia o ,o%o do usurio 3ara itens 4ue no so 3ertinentes. Lm 3onto 3ositi#o do site est na 3gina de CFale$%onos%oD 4ue 1 &astante direta. Pe%a 3elo designer, mas 1 &em ,un%ional. Mo ,oi 3oss:#el a#aliar o tem3o de res3osta da mensagem, mas esta 3gina 1 &astante o&/eti#a. A 3gina CAnun%iantesD 1 totalmente desne%essria e in%lusi#e &i2arra, 3ois o site 3ossui muitos erros e asso%iar outras mar%as a ele, 3ode %ausar a mesma im3resso negati#a a 4ual a em3resa desentu3idora est #in%ulada. Foi 3er%e&ido 4ue o linK C#oltarD, 3resente em todas as su&3ginas, no est ,un%ionando. Irro gra#:ssimo, 3ois o usurio tem grande 3rete9to 3ara no retornar ao site. No/e em dia %om as ,erramentas de lo%ali2a!o do ?..?GI MAPS se torna muito amadorismo utili2ar uma imagem 3ara lo%ali2ar o endere!o da em3resa. Mesta mesma 3gina 0 uma redundOn%ia de in,orma!o no endere!o da em3resa. Im resumo, este site tem uma &oa 3ro3osta, 3or1m dei9a e93li%ito 4ue amadorismo e as &oas inten!Fes ,oram itens ,undamentais 3ara um desastre total e mostra, de maneira negati#a, %omo um site 3ode se torna uma #itrine negati#a. $.$ ) Si% *om ,o+ u&+,i(i!+!% . site %onsiderado de &oa usa&ilidade 3erten%e P em3resa IletrEni%a Santana, lo%ali2ada em So Paulo e 4ue tra&al0a %om 3rodutos eletroeletrEni%os. . o&/eti#o 3rin%i3al deste site 1 3romo#er a #enda de seus 3rodutos. Seu endere!o na 6e& 1 0tt35>>666.eletroni%asantana.%om.&r>. A 3gina 3rin%i3al 3ossui um tem3o de %arga %urto %om uma estrutura &astante sim3les e %lara, &em %omo sua linguagem, 3ara o ,im a 4ue se destinam, seus linKs se 8 desta%am e esto em uma 3osi!o de ,%il a%esso 3ro3or%ionando uma na#ega!o &em o&/eti#a. . site mant1m uma %onsist-n%ia entre as 3ginas ,a2endo %om 4ue o usurio no se 3er%a durante a na#ega!o. I9istem dois %am3os de &us%a &em desta%ados, um no to3o e outro no roda31 da 3gina, %on,orme Figuras Q e10. Figura Q 7 To3o da 3gina 3rin%i3al 9 Figura 10 7 +oda31 da 3gina 3rin%i3al . %am3o re,erente a %ontato en%ontra$se %om o nome de auto$atendimento no to3o da 3gina, %on,orme est demonstrado na ,igura anterior, sendo &em %om3leto a3As ter sido %li%ado, mas %om 3ou%o desta4ue na 3gina 3rin%i3al, de a%ordo %om a Figura 11. 10 Figura 11 $ Contato Como 3onto 3ositi#o deste site 3odemos desta%ar as 3ginas es3e%:,i%as 3ara assuntos es3e%:,i%os, o 4ue 3ro3or%iona uma maior %omodidade e ,a%ilidade 3ara en%ontrar o 4ue se 3ro%ura. Para isso 1 usado um menu lateral e tam&1m um menu su3erior 4ue ao 3assar do mouse a&re su&menus re,erentes P4uele assunto, %omo mostrado na Figura 12. 11 Figura 12 $ Su&menus .utro item 4ue ,a%ilita e 3ro3or%iona %omodidade 1 o 0istAri%o de na#ega!o do usurio 4ue arma2ena os ;ltimos itens #isuali2ados e en%ontra$se no roda31 do site, %on,orme Figura 13. 12 Figura 13 7 NistAri%o de na#ega!o $.- ) Pro!uo *om u&+,i(i!+!% ruim Como 3roduto de usa&ilidade %ontest#el desta%amos os %ontroles remotos de TBs, "B"s e TBs a %a&o, dis3oni&ili2ados no mer%ado. Como regra geral, so muito di,:%eis de entender suas ,un%ionalidades 3ela maioria das 3essoas, %omo mostra a Figura 1(. 13 Figura 1( 7 Com3le9idade do %ontrole remoto N um e9%esso de &otFes 4ue geralmente o usurio nun%a ir utili2ar e 4ue ,i%am atra3al0ando, #isualmente, a4ueles 4ue realmente so utili2ados, isso demanda tem3o e se torna in%Emodo at1 4ue se a%0e o &oto %orreto, 0 4uem diga 4ue 2>3 dos &otFes do %ontrole remoto nun%a sero utili2ados 3ela maioria das 3essoas. .utro 3ro&lema o%orre 4uando se dese/a assistir a algum 3rograma no es%uro, 3ois a maioria dos &otFes no dis3Fe de uma lu2 interna o 4ue torna muito di,:%il de manusear. Isses 3ro&lemas esto re3resentados nas Figuras 1H e 1). 14 Figura 1H 7 Controles remotos Figura 1) 7 BotFes ;teis Algumas alternati#as esto sendo estudadas 3ara a%a&ar %om estes 3ro&lemas, %omo, 3or e9em3lo, o %elular #irar o %ontrole remoto uni#ersal. A 4ue 3romete solu%ionar 15 de #e2 esta ,alta de usa&ilidade, e 4ue / se en%ontra im3lementada 3or algumas mar%as 1 a te%nologia de %omando 3or #o2 e gestos, demonstrada na Figura 1*. Figura 1* 7 Smart TB $.. ) Pro!uo *om ,o+ u&+,i(i!+!% A3arel0o estudado5 0tt35>>sear%0.&a&Rlon.%om>S4TmanualU%ontroleUremoto Us3ringerUarU%ondi%ionadoJsT6e&JasT0Jrl2T0J&a&sr%TSPVss. 16 Figura 1' 7 Modelo Com3a%to do Controle +emoto do Ar Condi%ionado Iste %ontrole remoto utili2a a te%nologia de em&ar%ados. I 1 &astante ;til e de sim3les utili2a!o. Com a3enas Q &otFes 1 3oss:#el e,etuar todas as %on,igura!o do Ar Condi%ionado S3lit Carrier. Meste e4ui3amento um dos desta4ues seria a ,%il usa&ilidade, 3ois seu manuseio 1 dedut:#el, al1m do uso das te%las se o sistema 3ro3i%ia alarmes sonoros 4ue au9iliam na %on,igura!o do e4ui3amento e o dis3laR na 3arte do e4ui3amento 4ue se instala na 3arede. Com 3ou%os to4ues no te%lado 1 3oss:#el a/ustar ligar>desligar o e4ui3amento <Te%la W=, a/ustar o 0orrio <Te%la X= e 3rogramar as ,un!Fes liga>desliga %om 0orrios 3r1$3rogramados ou ati#ar o timer 3ara desligar<Te%la SGIIP=. Y 3oss:#el tam&1m alternar o modo de o3era!o$Te%la M."I <#entila!o, re,rigera!o, desumidi,i%a!o, a4ue%imento=, a #elo%idade da #entila!o$Te%la Go6er <alto, m1dio, &ai9o, automti%o=, %ontrole do de,letor$Te%la S@IIP <liga>desliga=. -. Con*(u&#o A reali2a!o deste tra&al0o demonstrou 4ue a usa&ilidade 1 to ou mais im3ortante 4ue o design, 3ois de nada adianta um laRout &onito se o usurio no %onsegue entender %omo na#egar no site. "iante da in,inidade de sites e9istentes 0o/e em dia, %onseguir %ati#ar o usurio %om %omodidade e ,a%ilidade de uso 1 3rimordial 3ara 4ue se %onsiga ter muitos a%essos e 3rin%i3almente %onseguir ,a2er %om 4ue todos retornem a a%ess$lo. 17 R%/%r0n*i+& AF.MS., Fernando. Ar4ui#os P"F5 In%r/+*% 1om%m m2uin+. 2Z semestre 2012. AM[GSI de a%essi&ilidade. "is3on:#el em5 \ 0tt35>>666.dasil#a.org.&r>]. A%esso em5 agosto 2012. "ISIMTLP".+A +ola Bosta. "is3on:#el em5\ 0tt35>>666.desentu3idorarola&osta.%om. &r>]. A%esso em5 agosto 2012. IGIT+^MCA Santana. "is3on:#el em5\ 0tt35>>666.eletroni%asantana.%om.&r>]. A%esso em5 agosto 2012. .S 10 Piores Sites Brasileiros. "is3on:#el em5 \ 0tt35>>sergio%0imelli.6ord3ress.%om>2010 >12>1Q>os$10$3iores$sites$&rasileiros$muito$en%ardidos> ]. A%esso em5 agosto 2012. 18