FaculdadedeTecnologiadeSorocaba TecnologiaemAnliseeDesenvolvimentodeSistemas

INTERAOHUMANOCOMPUTADOR:GUIDELINES ATIVIDADE3

Prof.SergioMoraes Disciplina:InteraoHumanoComputador

Sorocaba Maro/2013

SUMRIO

1INTRODUO 03

2CONCEITOSEDEFINIESDEGUIDELINES 03

3VANTAGENSEDESVANTAGENSNOUSODEGUIDELINES 04

4GUIDELINESEMDESIGNDEINTERFACES05

5EXEMPLOSDEGUIDELINES06 5.1ExemplosdeguidelinesemumaempresadeTI 06 5.2ExemplosdeguidelineemempresasforadareadeTI 07

6CONCLUSO 08

7REFERNCIASBIBLIOGRFICAS 09

1INTRODUO

Devido ao detrimento que modelos antigos de interao de interfaces vem sofrendo,novosmodelosdeinterao deinterfacestmsurgidobuscandosimplificara interao do usurio com o sistema. Como toda mudana, discordncias quanto programao tornamse frequentes e levados a estgios finais no desenvolvimento, acarretando na queda de qualidade do produto final. Problema este que agravado por metodologias geis, uma vez que priorizam o curto prazo de desenvolvimento e noconsideramcomofocooprojetodesistemasinterativos. A partir do estudos em projetos de interfaces humanocomputator, buscouse uma base de apoio s metodologias geis e tradicionais tornassem o produto final distante da facilidade de uso/interao do usurio. Um desses mtodos, adotado como um dos pilares no design de interfaces Shneidermen(2005)dsepelo usode guidelines. Este trabalho visa apresentar o conceito geral de guidelines, sua utilizao e vantagensnodesigndeinterfaces,mostrandotambmexemplosprticosepraticados no mercado por grandes empresas que cuidam da excelncianodesenvolvimentode suasinterfacesparausurios..

2CONCEITOSEDEFINIESDEGUIDELINES

Podemostomar comoumatraduo literal de guideline a palavra diretriz,que nada mais que um conjunto de regras a respeito de um determinado assunto ou atravs de um desmembramentodapalavrapodemoschegaraideiadelinhasguias, padres que podem auxiliar determinadas aes. Nodesenvolvimentodeinterfaces a ideia de guidelines deve estar bem estabelecida como um manual de regras e/ou sugestesreferentesaUsabilidadeeUI(UserInterfaces)deumsoftware/produto. Acriao de guidelines quasesempre est atrelado aousodo sensocomum eaexperinciado indivduonaelaboraodeprojetosdesoftwareatravsdeestudos empricos, mas tambm , em alto nvel, podem seguir padres estabelecidos por

pesquisascognitivas(Shneiderman,2005). H utilizao de guidelines variadeacordocomaaplicaoaserdesenvolvida como tambm na exigncia que se tem por determinados padres de produtose ou empresas.Guidelines podem ser maisgenricas(exemplo:Mantenhaapginaclean, minimalista) ou mais restritivas (exemplo: Desenvolver cones 256x256 pixels com borda de raio 28 pixels e sombra de 5 pixels),esta ltimanormalmente soem caso deaplicaesdeempresasquejtemumaidentidadevisualprestabelicidas. A International Organization for Standardization (ISO) possui algumas normas para o desenvolvimento interativodentre as quais destacamse: ISO 9241Ergonomic Requirements for Office Work, with Visual Display Terminals, ISO 13407 Humancentered Design Processes for Interative Systems e ISO 14915 Design ofthe UserInterfaceofMultimediaApplications.

3VANTAGENSEDESVANTAGENSDOUSODEGUIDELINES

O uso deguidelinestemcomoprincipalvantagemfacilitarodesenvolvimentode uma linguagem padro consistente para o projeto a se desenvolver. Tambm torna consequentemente mais rpida a implantao desse padro dentro do projeto por armazenar as melhores prticas e exemplos advindos de conhecimento prtico ou conhecimentosempricos. Ao seempregar guidelines bemdesenvolvidas ecombons nveisdematuridadetendeseaobtereminterfacesdeusofcileintuitivo. Porm, os crticos ao usodeguidelinesressaltam queguidelinesmuitasvezes acabam sendo muito especificas, o que acaba por atrapalhar a implantao de seu padro na interface e tambm ocasionar uma interface carregada e de difcil usabilidade. Guidelines pouco maturas acabam por deixar passar muito pontos que tornariam a usabilidade melhor e terminam incompletas, prejudicando tambm a usabilidade. Por ser construdo muitas vezes na base de conhecimentos mais empricos,omaterialescritoacabaporpediraimplementaode modificaesmuito difceisnoambienteempregado,ouacabamsugerindointerfacesquesetornampouco usveisporseupblicofinal,oucomerros. Em resumo, se ouso de guidelines trar vantagens oudesvantagens depende

de como se d o processo de criao de tais guidelines, sendo preciso combinar o conhecimento prtico e terico com um bom conhecimento doambiente que se est trabalhando e no qual ser implementado o sistema para se obter os melhorar resultadosaoempregarousodasguidelines.

4GUIDELINESEMDESIGNDEINTERFACES

O uso de guidelines em design extremamente importante quando se quer manter uma identidade visual, construir uma logo ou trabalhar em templates, mas nesses casos uma guideline no necessariamente uma formula ou um conjunto de instrues que deve ser seguida risca e sim padres onde o designer pode se embasarparadesenvolverseusprodutos.

Abaixoseguealgunsdessespadres:

Linguagem: Quandosedesenvolvealgum produto, deextrema necessidade saber qual o pblico alvo, sendo assim, a linguagem usada no programa deveser adaptada,edefcilentendimentodousurioparaqualesttrabalhando.

Memorizao: O sistema criado no deve exigir do usurio um grande conhecimento do sistema para realizar tarefas bsicas, fazendo com que o mesmo apenas se concentre na informaoe no seu objetivo e para issoo sistemadeve ser fcil de ser memorizado, para que os processos sejam executados de forma automticapelousurio.

Tratamento de erros: Quando o usurio se depara com um erro dentro do sistema,o mesmoficasemao,eaindamaisquandoosistemanoinformaemuma linguagem leiga o que realmente est acontecendo. O desenvolvedor pode usar artifciosvisuaisparaajudarousurioasairdessasituao.

Resumindo, as guidelines so usadas no design a fim de adotar uma

organizao consistente para as posies na tela, dos vrios elementos do sistema, dassuasfuncionalidadesedacomunicaodiretacomousurio.

5EXEMPLOSDEGUIDELINES

Como j apresentado neste, o uso de guideline por grande empresas essencial para manter a identidade visual da mesma. A seguir mostraremos alguns exemplosdeguidelinesusadasdentroeforadomundodeTI.

5.1EXEMPLOSDEGUIDELINESEMUMAEMPRESADETI

ExemplosdeguidelinenosaplicativosdaApple: Guideline1: Focarnatarefaprincipal No colocar muitos controles outarefassecundrias seofoco do usuriodevesermantidonatarefaprincipal. O usurio pode se perdercomtantos controles/boteseavaliaro softwarenegativamente. Informaesimportantesdevemsersemprevisveis Colocarbotesououtrasaesimportantesnotopodatela. A parte superior da tela mais visvel paraaspessoas,umavez Justificativa: que elas tendem a interagir com o dispositivo usando certos posicionamentos das mos e, lemos decimaparabaixo, portanto informaesimportantessocomumenteencontradasnotopo. Guideline3: Terumcaminholgicoparaseguir Na maioria dos casos, dar aos usurios apenas um caminho a seguir.

Exemplo:

Justificativa:

Guideline2: Exemplo:

Exemplo:

Justificativa:

Usurios gostam de saber onde esto em um aplicativo e de ter confirmaesseestonocaminhocerto. Linguagemclaraparacadapublicoalvo Linguagem mais simples para usurios comuns ou linguagem tcnicaparadesenvolvedores. O sistemaprecisa falar a lnguadousurio com palavras,frasese

Guideline4:

Exemplo:

Justificativa:

conceitos familiares tornando assim, o sistema mais fcil de ser entendido.

Guideline5: Exemplo:

Mensagemdeerroclaraeconstrutiva Mensagemdeerrosimples,rpidaeclara. Mensagensde erro devem ser expressas sem cdigos,indicando precisamenteoproblemaesugerindoumasoluo.

Justificativa:

5.2ExemplosdeguidelineemempresasforadareadeTI Guideline1: CoresamareloevermelhodoMcDonalds Todasaslanchonetesdafranquiadevemterascoresamareloe vermelhopredominando. Oamareloestimulaaansiedadedosclientes,overmelhoafome. Asduascoresjuntasestimulamvontadedecomermais. Botodeligaredesligarmaisdestacado Botodeligaredesligaremcontrolesremotosmaisdestacados Paraqueousurioidentifiquerapidamenteosbotesimportantes Justificativa: enotenhaqueselevantarparafazeraao,tornandooproduto maisconfivel.

Exemplo:

Justificativa:

Guideline2: Exemplo:

Guideline3:

Faixascoloridasindicandoocaminho Faixascoloridasemempresasgrandesindicandoocaminhopara ocliente Clientespodemseperderdentrodeempresasgrandeseentrarem setoresquenodevia. Pinturadiferenteemvagaexclusiva Pinturacomsmbolosespecficosemvagasparadeficientes, idososegestante.Tantoemnibuscomoestacionamento Outraspessoasprecisamidentificarerespeitaressasvagas. Umacruzvermelhaindicandohospital Cruzvermelhaemplacasindicandoaproximidadecomumhospital Umacruzvermelhaosmbolouniversalparahospital,portantoos pessoasaidentificamfacilmente

Exemplo:

Justificativa:

Guideline4:

Exemplo:

Justificativa: Guideline5: Exemplo:

Justificativa:

6CONCLUSO

Visar umpadro paraodesigndeinterfacesafimdeseobtermelhorqualidade nausabilidade,funcionalidadesextremamenteimportanteparaodesenvolvimentode interfaces. E as guidelines, de uma maneira geral, so recursos que possibilitam ao desenvolvedoralcanaressasmetasdentrodesuaaplicaogerandomaioreficincia efocandorealmentenanecessidadedousurio.

7REFERNCIASBIBLIOGRFICAS

ISO9241:Introduction.Disponvelem: <http://www.userfocus.co.uk/resources/iso9241/intro.html>.Acessoem:02maro2013. ISO13407:HumanCentredDesignProcessforInteractiveSystems Disponvelem:<http://www.userfocus.co.uk/resources/iso9241/iso13407.html>.Acesso em:02maro2013. NIELSEN,Jacob.UsabilityEngineering.Boston:AcademicPress,1993 PRESSMAN,RS.Engenhariadesoftware.6.ed.SoPaulo:McGrawHill,2006 ROCHA,H.V.BARANAUSKAS,M.C.C.DesigneAvaliaodeInterfacesHumano Computador.Campinas:NIED/UNICAMP,2003.Disponvelem http://subversion.assembla.com/svn/puc_minas/5%C2%BA%20PERIODO/INTERFAC E%20HOMEMMAQUINA/inicio.pdf SHNEIDERMAN,Ben.Designingtheuserinterface:strategiesforeffective humancomputerinteraction4ed.PearsonEducation,2005. UserExperienceGuidelines.Disponvelem: <http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/Mo MobileH/UEBestPractices/UEBestPractices.html#//apple_ref/doc/uid/TP40006556CH 20SW1>Acessoem:05maro2013.