InterfaceHomemMquina UsabilidadenaWeb Aula01

Prof.LuizHenriqueS.Flix henriqueznx@gmail.com

InterfaceHomemMquina, UsabilidadenaWeb
OBJETIVOS ApresentarosprincipaisconceitosqueenvolvemInterfacecomo usurio, possibilitando ao aluno sua aplicao no processo de desenvolvimentodesistemas COMPETNCIAS
Conhecerastcnicasemecanismosdeinteraousuriocomputador Aprenderaavaliarinterfaces Saberaplicartestesdeusabilidade Dissertarsobreaimportnciadosfatoresergonmicosnautilizao dossistemas.

HABILIDADES
Avaliarinterfacescomousurio AplicareInterpretartestesdeusabilidade

Programa
1.NoesdeUsabilidade 2.AspectosSociaisdaUsabilidade

Programa
1.NoesdeUsabilidade
Normas InteraoHumanoComputador DispositivosdeInterao DesenhodeInterfaces UsabilidadenaWeb Teste/Avaliaes

Programa

2.AspectosSociaisdaUsabilidade
AcessoUniversalInformao

PARAQUESERVE?
PORQUEESTUDARA INTERAOHOMEMMQUINA?

PORQUEUSAR?

COMOUSAR?

INTERAOHOMEMCOMPUTADOR

Psicologia Cognitiva Cinciada Computao Inteligncia Artificial

Psicologia OrganizacionaleSocial Ergonomiae FatoresHumanos Engenharia

IHC
Design Antropologia Filosofia Sociologia

Lingstica

INTERAOHOMEMCOMPUTADOR

OBJETIVOSDAIHC

Produzirsistemasusveis,segurosefuncionais Desenvolveroumelhorarasegurana,utilidade, efetividadeeUSABILIDADEdesistemascomputacionais

SISTEMAHOMEMMQUINA

Asrelaesdereciprocidadeentrea mquinaeoserhumanoqueaopera

SISTEMAHOMEMMQUINAAMBIENTE

Iluminao/Ventilao/TemperaturaeQualidadedoAr/Rudos/ Umidade/Limpeza/Chuva/Vento/Outros

AmbienteGeral

Mquina
Dispositivo deinformao Sada Dispositivo decontrole Mecanismos Internos

Informaes

Homem
Receptores Sensoriais
Sexo Biotipo Idade Instruo Treinamento Experincia Motivao Realizao Outros

cclo

Sistema NervosoCentral Mecanismosde AoMuscular

Aes

Dispositivosoperacionaisedecontrole/Dispositivosinformacionais/ Arranjofsicoespacial/Equipamentos/Acessrios/Outros

AmbienteMediato

NORMASDEUSABILIDADE
ISO9126Normasobrequalidadedesoftware.Primeiranormaa definirotermousabilidade. ISO12119Tratadaavaliaodepacotesdesoftware.Descreve profundamenteascaractersticasesubcaractersticas mencionadasnanormaISO/IEC9126. ISO9241Naavaliaodeusabilidadedesistemasinterativos,o padrointernacionalmaiscomumanormaISO9241. ISO14598AnormaISO14598defineumprocessodeavaliaoda qualidadedosoftware.AISO14598orienta queoseu usodeveserfeitoemconjuntocomanormaISO9126, jqueestadefineasmtricasdequalidadedesoftware.

NORMAISO9241 ESTRUTURADEUSABILIDADE

ARQUITETURADAINFORMAO

A Arquitetura da Informao visa construo de sistemas de informao, atravs da criao de mapas prvios sua construo, de modo a otimizar a organizaodoscontedosefacilitaroacessoatodosos possveisusurios A Arquitetura da Informao a referncia cruzada entre osprocessoseosdados,ouseja,opontodepartidapara aestruturaodainformaoemqualquernegcio

Arquitetura+Informao

ARQUITETURADAINFORMAO

ARQUITETURADAINFORMAO

OARQUITETODAINFORMAO
Especialistanaestruturaode contedosparawebsites

Capacidadedeanliseesntese paranormalizaodasestruturas Criatividade,reflexoecrtica, autodisciplina,saberouvire intuio Conhecimentosbsicosnasreas de: Comunicao(Jornalismo,Artes) Computao(Informtica, Engenharias) Humanas(Sociologia,Pedagogia)

DESIGNDAINFORMAO

DESIGNDOPRODUTO

DESIGNDOPRODUTO

DESIGNDOPRODUTO

AberturadecaixadeCD

ComoAjustarCadeiras??

1Situao:Ajustaraalturadacadeira

Ousuriotentaabaixaroulevantara cadeiraenquantoestsentado, mexendonaalavanca. Problema:ousuriopuxaeempurra aalavancapormacadeiranose move.

ProcedimentoCorreto

Paraseabaixaracadeira,devese levantaraalavancaeacadeiraao mesmotempoedepoisempurrla. Paralevantaracadeira,devese puxarcomforaoassento, segurandocomopasrodasda cadeira.

DESIGNDOPRODUTO

SofxFogo

DESIGNDOPRODUTO

http://connectadesk.com/index.htm

DESIGNDOPRODUTO

DESIGNDOPRODUTO

MacBookAir(Apple)

DESIGNDOPRODUTO

PratoparaFestas

Sofquenoocupaespao

Exerccio

PesquisarmodelosdeDesignCriativode ProdutosparaapresentaremSaladeAula

USODECORES

USODECORES

USODECORES

10% dapopulaoadultamasculina possuialgumtipodeproblema napercepodecores

10% dapopulaoadultamasculina possuialgumtipodeproblema napercepodecores.

USODECORES

10% dapopulaoadultamasculina possuialgumtipodeproblema napercepodecores.

10% dapopulaoadultamasculina possuialgumtipodeproblema napercepodecores.

USODECORES
TESTEDEISHIHARADALTONISMO

Oscomvisonormallemcomo8e29. Oscomdeficinciavermelhoverdelemcomo3e70. Oscomtotalcegueiraacoresnolemqualquer nmero.

PERCEPODECOREPROFUNDIDADE

Oazul focalizado aqui,na frenteda retina

Overde

focalizado aqui,sobre retina

Overmelho focalizado aqui,atrs daretina

PERCEPODECOREPROFUNDIDADE

Nmero deCores

OrdemdeApresentao VermelhoeAzulouAmareloeAzul Vermelho,VerdeeAzulou Vermelho,AmareloeAzul Vermelho,Amarelo,VerdeeAzul Vermelho,Laranja,Amarelo,VerdeeAzul Vermelho,Laranja,Amarelo,Verde,Azule Roxo

2 3 4 5 6

PERCEPODECOREPROFUNDIDADE

PERCEPODECOREPROFUNDIDADE

PERCEPODECOREPROFUNDIDADE

SIGNIFICADOCULTURAISDASCORES

Cornoquestodegosto,decultura...

USODEIMAGENS

IMAGENS:FORMATOSXTAMANHOS

JPGBaixo 21,6K

JPGMdio 23,5K

JPGAlto 27,1K

JPGMximo 44,4K

Ampliao25% <BaixoMximo>

CONES,SMBOLOS,INDICES

USABILIDADENAWEB

COMPONENTESDAINTERFACEWEB

BarrasdeNavegao BarrasdeRolagem Calendriosonlinedeeventos FerramentadeBusca(interna) Formulrios cones Linksparaaprincipal Menus SinalizaodeItens TaglineouLinhademarcao TtulodaPgina

DICASPARANAVEGABILIDADE

Utilizelabelqueclaramenteindiqueasfunesdolink Evitelabelscomo GO ou cliqueaqui.Indiqueclaramentea aoqueserrealizada Fornea feedback que diga ao usurio onde ele se encontranosite

Fornealinkspersistentesparaapginaprincipalepara outrascategoriasdosite,emcadapgina Inclualinkdiretoparaocontextoinicialdapgina

TESTEANAVEGAODOSITE

Os usurios sabem como encontrar a informao que eles necessitam? Seu projeto de navegao inclui todas as informaes relacionadasnumaseqnciaquefazsentidoparaousurio? OsusuriossabemondeelesestonaestruturadoSite? Os usurios sabem como retornar para o ponto onde eles visitaramanteriormente? H links desnecessrios que tornam complexo o projeto da navegao?

http://www.mycity.com.br/mycitysites/sao_paulo/index.html

TIPOSDEPGINAS Abertura PginasHome Pginasndice PaginasdeContedo Formulrios Ajuda MapadoSite Download Feedback Busca VozeVdeo Interatividade Imagens EstatsticaseContadores

DESIGNPARACATEGORIASDEWEBSITES

DESIGN ArteSomImagem BANCOS VECULOS ESPORTE GOVERNO EDITORAS TURISMO

NOVOSSERVIOSWEB

WEBFEEDS BROADCAST PODCAST,VODCAST WEBCAST,WEBMINAR WEBBLOGS FOTOLOGS VLOGS CHATFRUM VIDEOCONFERNCIA

DESENHOUNIVERSAL 1EquiparaonaspossibilidadesdeusoOdesigntile
comercializvelspessoascomhabilidadesdiferenciadas.

2FlexibilidadenousoOdesignatendeaumaamplagamadeindivduos,
prefernciasehabilidades.

3UsoSimpleseintuitivoOusododesigndefcilcompreenso,

independentementedeexperincia,nveldeformao,conhecimentodoidiomaou dacapacidadedeconcentraodousurio.

4CaptaodainformaoOdesigncomunicaeficazmenteaousurioas

informaesnecessrias,independentementedesuacapacidadesensorialoude condiesambientais.

5TolernciaaoerroOdesignminimizaoriscoeasconseqnciasadversas
deaesinvoluntriasouimprevistas.

6MnimoesforofsicoOdesignpodeserutilizadocomummnimode
esforo,deformaeficienteeconfortvel.

7DimensoeespaoparausoeinteraoOdesignofereceespaose
dimensesapropriadosparainterao,alcance,manipulaoeuso, independentementedetamanho,posturaoumobilidadedousurio.

ACESSIBILIDADENAWEB

http://www.w3.org/WAI/
Web projetada de modo a que pessoas portadoras de necessidades especiais possam perceber, entender, navegar e interagir de uma maneira efetiva com a Web, bem como criar e contribuircomcontedosparaaWeb.

http://www.acessobrasil.org.br/

SUGESTESDEBIBLIOGRAFIA
Odesigndodiaadia Donalda.Norman Editora: Edio:2006 Nomefaapensar SteveKrug Editora:Altabooks Edio:2006

DesigndeInterao Preece,Rogers&Sharp Editora:ArtmedBookman Edio:2005

InteraoHumanoComputador IHCModelagemeGernciade Interfacescomousurio AlvimAntniodeOliveiraNetto Editora:VisualBook Edio:2001

DesigneAvaliaodeInterfaces HumanoComputador HeloisaVieiradaRocha;Maria Cecliac.BaranausKas Editora:NiedUnicamp Edio:2003

InteraoHomemMquina AfonsoIncioOrth Editora:Aio

Edio:2005

SUGESTESDEBIBLIOGRAFIA
ErgonomiadoObjetosistematcnicode leituraergonmica Autor:JooGomesFilho

Homepage:Usabilidade Autor:JakobNielsenMarieTahir Editora:Campus

UsabilidadenaWeb:criando portaismaisacessveis Autor:CludiaDias

SUGESTESDEBIBLIOGRAFIA