You are on page 1of 9

APOSTILAUXEUSABILIDADEWEB

CAPTULO1

ExperinciadoUsurio
"Quandonadaacontece,hummilagrequenoestamosvendo."JooGuimares
Rosa

1.1OQUEEXPERINCIADOUSURIO?
ExperinciadoUsurio(UX,deUserExperience)umtemabastantesubjetivo.difcil
demaneiraobjetivaediretadizercomodesenharumaexperinciadousurio,mas
possvelaprendermoscomodesenharumproduto,servioouambientequeproporcione
umaexperinciasatisfatriaparaalgumqueosuse,identificandotodososaspectosda
interaodousuriocomesseproduto(ouservioouambiente).

ExperinciadoUsurioComoumapessoasesenteaousarumproduto.Oumais
formalmente,deacordocomadefiniodadapelaISO9241210,soasrespostase
percepesdeumapessoaresultantesdousodeumproduto,sistemaouservio.

Comodisciplina,umapalavraguardachuvaquetemrelaocomosprincpiosde
DesignCentradonoUsurio(UCD),DesigndeInterao(IxD)eUsabilidade,
todosvistosaolongodoscaptulos.multidisciplinar,incorporandoaspectosdapsicologia,
antropologia,cinciadacomputao,designgrfico,designindustrialecinciacognitiva.
ApesardaExperinciadoUsurioestarpresentetantoemprodutosfsicoscomovirtuais,
serviosouambientes,serabordadoumtipoespecficodeproduto:asaplicaesweb.

JconheceoscursosonlineAlura?
AAluraoferececentenasdecursosonlineemsuaplataforma
exclusivadeensinoquefavoreceoaprendizadocoma
qualidadereconhecidadaCaelum.Vocpodeescolherum
cursonasreasdeProgramao,Frontend,Mobile,Design&
UX,InfraeBusiness,comumplanoquedacessoatodososcursos.Exalunoda
Caelumtem15%dedescontonestelink!
ConheaoscursosonlineAlura.

1.2ISO9241210
Em2011,foicriadaaISO9241210.Asrie9241abordaergonomiaeainteraohomem
mquinaeanovaparte210odesigncentradoempessoasemsistemasinterativos,que
defineaexperinciadousuriocomoasrespostasepercepesdeumapessoaresultantes
dousodeumproduto,sistemaouservio.
Elapossuiseisprincpioschaves:
1.Oprojetobaseadonoentendimentoexplcitodeusurios,tarefaseambientes.
2.Osusuriosestoenvolvidosemtodoprojetoedesenvolvimento.
3.Oprojetoconduzidoerefinadoporavaliaescentradasnousurio.
4.Oprocessoiterativo.
5.Oprojetoabordatodaaexperinciadousurio.
6.Aequipededesignincluicompetnciasmultidisciplinareseperspectivas.

1.3AEVOLUODAEXPERINCIADOUSURIO
Otermo"ExperinciadoUsurio"foicunhadopelaprimeiravezporDonNormanem
meadosde1990.SegundooprprioNormancomentouemumaentrevista:
"Euinventeiotermoporqueachavaqueinterfacedousurioeusabilidadeerammuito
restritos,euqueriacobrirtodososaspectosdaexperinciadeumapessoacomo
sistema,incluindodesignindustrial,grficos,ainterface,ainteraofsica
eomanual.Desdeentootermotemseespalhadoamplamente..."
Masmesmoantesdeserembatizados,osconceitosdaExperinciadoUsuriojvinham
sendousadosatravsdotempo.

Figura1.1:Evoluodaexeperinciadousurio

Utilidade
Usodocomputadorparafacilitaroperaesderotina.

Usabilidade
Facilidadeeeficincianouso.

Rentabilidade
AnlisedeaspectosdeUX(visitantes,funildevendas,comportamentodousurio)para
aumentaralucratividade.

Estrategibilidade
DesigndaExperinciadoUsurioinfluenciandoaestratgiadonegcio.

1.4PARASABERMAIS:OCASOCLEARRX
ClearRXumsistemadeembalagemparaquemusamedicamentoscomreceita,que
tornamaisfcilaspessoassaberemcomotomarseusremdios.Eleumexemplodecomo
UXpodeinfluenciartodaumaestratgiadenegcio.
AmotivaoquelevouaestudantededesignDeborahAdlerafazeressesistemacomo
suatesedemestradofoisuaavtertomadooremdiodeseuavporengano.

Figura1.2:ClearRX
Suascaractersticas:
contmaprescrioeposologianofrascoparaquenohajaenganos
onomedomedicamentoestescritonosnafacelateralcomonotopo
naoutradasfaceshimportantesinformaespessoaiserelativasaomedicamento
temfacesplanasparaqueainformaosejalidacommaisfacilidade
se,mesmoassim,aindafordifcilperceberoqueestescrito,ofrascovemcomum
"cartolupa"paralerotexto
existemanisdediferentescoresparaque,nocasodeexistirmaisqueumfrascoemcasa,
sepossadiferenciarquefrascopertenceaquem
ofrascoparalquidosestadaptadoentradadeseringasoraisparaumamediomais
fcil.
Depoisdeconcluirsuatese,DeborahlevouaidiaaTargetejuntoscriaramumsistema
completo.Vejamaisemhttp://www.adaptivepath.com/ideas/essays/archives/000812.php

SaberinglsmuitoimportanteemTI
OGalandraauxiliaaprticadeinglsatravsdeflashcardse
spacedrepetitionlearning.Conheaeaproveiteospreos
especiais.
PratiqueseuinglsnoGalandra.

1.5ELEMENTOSDAEXPERINCIADOUSURIO
Oprocessodedesigndeexperinciadousurioprocuragarantirquenenhumaspectode
experinciadousuriocomoprodutoaconteasemasuaintenoconsciente,explcita.
Umamaneiradeatacarestacomplexidadequebrarotrabalhodeelaboraoda
experinciadousurioemelementosqueacompem,facilitandooentendimentodatarefa
comoumtodo.
Aexperinciadousurioacabasendoresultadodeumconjuntodedecisestomadasna
criaodeumproduto,sistemaouservio:comovaiseaparecer,comovaisecomportar,o
quepodeserfeito,eporavai.Dividiressasdecisesemcamadasajudaacompreender
comoessasdecisessofeitas.

1.6PLANOSDAEXPERINCIADOUSURIO
JesseJamesGarret,emseulivroElementsofUserExperiencepropecincoplanosque
facilitamacompreensodasdecisesfeitasemcadaumdeles.Cadadecisodeumplano
superiordependedoinferior.Essesplanosso:estratgico,escopo,estrutura,
esqueletoesuperfcie.Oprimeiromaisabstratoatchegaraoltimo,maisconcreto.

Problemadecomunicao
Oproblemaaindaeraodenomenclatura,porquepartedacomunidadeemExperincia
doUsuriotratavaosproblemascomodeDesigndeAplicaocomsoluestradicionais
(transao,segurana,escalabilidade,etc).Aoutraparteviaawebcomomeiode
distribuioecapturadeinformao,aplicandosoluesdomeiodepublicaes,mdiae
cinciadainformao(marqueteiros).

Soluo:doiscontextos
PararesolveressadualidadeGarretdividiucadaplanoemdoiscontextos:awebcomo
funcionalidade(interfacedesoftware)eawebcomomeiodeinformao(sistemade
hipertexto).Paracadacontexto,umelementosedestaca.

Figura1.3:DiagramadeUX

Aresponsabilidadedetodos
Essediagramaapresentaoselementosorganizadosemplanos,domaisabstratoaomais
concreto,enosfazpercebercomotodasasreasdeumaempresatmgrande
responsabilidadenoprocessodedesenvolvimentodaexperinciadousurio,jqueoquevai
serdesenvolvidopelosplanosmaisconcretosbaseadoeinfluenciadopeloquefoidefinido
nosmaisabstratos.

TimedeExperinciadoUsuriomultidisciplinar
Poressemotivo,algumasempresasquecriaramumtimedeExperinciadoUsurioo
fizeramdemaneiramultidisciplinar,envolvendodiversostiposdecompetncias,indode
psiclogosaengenheirosdesoftwares,passandoporanalistasdeespecificaoedesigners.
Vejamoscadaumdosplanosaseguir.

Estratgia
Pergunta:porqueestamosfazendoesteproduto?
Aestratgiaalinhaasnecessidadesdosusurioscomosobjetivosdonegcio.Necessidade
dosusuriossoosobjetivosparasuaaplicaoquevemdeforadaorganizao.
Deveseentenderoquesuaaudinciaquerecomoissocasacomoutrosobjetivosdo
negcioqueexistem.Umwebsitefalhanoporquestestecnolgicasoudeexperinciado
Usurio,maspornoresponderaduasperguntas:
Oquequeremosdoproduto?
Oqueosusuriosqueremdele?

Osegredoaquitornartudoexplcito.Paraentenderoqueousuriodeseja,
pesquisassonecessrias.

Escopo
Pergunta:oquefaremos?
MarcaoinciodadivisoentreaWebcomointerfacedesoftwareeaWebcomosistema
dehipertexto.Pelocontextodeinterfacesdesoftware,aestratgiadoplanoanterior
traduzidaemescopoatravsdosrequisitosfuncionais.Pelodesistemadehipertexto,o
escopotomaaformaderequisitosdecontedo(descriodosvrioselementosde
contedoqueseronecessrios).

Estrutura
Pergunta:comofuncionalidadesedadosseencaixam?
Definecomoosrequisitosefuncionalidadesdaaplicaoseencaixam.OEscopoganha
estrutura,nocontextodeinterfacesdesoftware,atravsdoDesigndeInterao,onde
definidocomoosistemasecomportaemrespostasaesdousurio.Doladodesistemade
hipertexto,aestruturaformadapelaArquiteturadaInformao,queorganizaos
elementosdecontedo.

Esqueleto
Pergunta:comoapresentaroselementosdainterfacenatela?
aformamaisconcretadaEstrutura.Eledefineolugardecadaelementodeinterface
emumatela,otimizandoadisposiodesseselementosparamaximizaraeficincianoseu
uso.
Nocontextodeinterfacedesoftware,oDesigndeInterfaceorganizaoselementosda
interfaceparapermitirqueousuriointerajacomasfuncionalidadesdosistema.Defineo
mundodosbotes,camposeoutroscomponentesdainterface.Eleforneceaosusuriosa
habilidadedefazercoisas.
Nocontextodesistemadehipertexto,oDesigndaNavegaodeterminaoconjunto
deelementosdetelaquepermitequeousuriosemovaatravsdaarquiteturada
informao.
Emambososcontextos,oDesigndeInformaoresponsvelpelaapresentaoa
informaoparaumacomunicaoefetiva.

Superfcie
Nelavocvumasriadepginasoutelasfeitasdeimagensetextos.oEsqueletoj
aplicadoolookandfeeldoprodutofinal.

PRXIMOCAPTULO:

DesigndeInterao

VocencontraaCaelumtambmem:

BlogCaelum

CursosOnline

Facebook

Newsletter

CasadoCdigo

Twitter