SlideShare ist ein Scribd-Unternehmen logo
1 von 5
Introdução a Web Design
     Diego Lermen de Araujo
    Acadêmico em Jornalismo
Usabilidade
 Hoje em dia, interagir com sistemas computacionais deixou de ser
  privilégio de profissionais da área de computação e tornou-se em
  algo comum.
 Os projetistas e desenvolvedores de sistemas computacionais e,
  notadamente, dos sistemas interativos têm sido colocados em
  posição de influenciar a sociedade.
 Entretanto, é imperativo que eles (projetistas e desenvolvedores)
  possam desempenhar bem seu trabalho, especificamente, no
  projeto de sistemas computacionais interativos onde há interação
  entre ser humano e computador e têm como propriedade essencial
  prover suporte à atividade humana.
 Tal sistema habilita o ser humano a realizar suas tarefas mais
  rapidamente, com menos erros, com aprendizado menor, com
  qualidade resultante maior e com satisfação também maior. Isto,
  contudo, depende da usabilidade do sistema.
Usabilidade
 Para avaliar a usabilidade de um sistema interativo,
    poderíamos fazer uso de um conjunto de critérios que
    nos ajudasse a mensurar a usabilidade desse sistema.
    Exemplos de critérios que poderiam ser utilizados são:
   1.Tempo para concluir uma tarefa;
   2.Percentual de tarefas terminadas por unidade de
    tempo;
   3.Razão de acertos e erros;
   4.Tempo gasto com erros;
   5.Número de comando utilizados;
   6.Freqüência de uso do help;
   7.Quantidade de vezes que o usuário expressa
    satisfação ou frustração.
Usabilidade
 Nos primeiros anos a Web era acessada apenas por pessoas
  que tinham atuação pioneira no uso de tecnologias
  avançadas. Todavia, com a crescente popularidade da Web,
  a quantidade e diversidade de usuários acentuou-se
  drasticamente. Para a todos esses usuários, torna-se
  imperativo aumentar a usabilidade e garantir que o conteúdo
  seja compatível com a capacidade de compreensão e leituras
  dos usuários.
 É importante observar ainda que na atual economia de rede o
  web site constitui a principal interface de uma empresa com
  clientes. Na verdade, para empresas de comércio eletrônico,
  o site é a própria empresa. A interface com o usuário torna-se
  então no material de marketing, a vitrine, o interior de loja, a
  equipe de vendas, tudo enfim. Dessa forma, não prover
  usabilidade significa ter um loja no local de acesso muito
  difícil. Portanto, uma má usabilidade equivale a nenhum
  cliente.
Usabildade
 O conteúdo é o foco da atenção do usuário da Web. É a
  razão dos usuários se conectarem e é a primeira coisa que
  olham quando visualizam uma página. O conteúdo de
  qualidade é um dos dois determinantes mais importantes de
  usabilidade da Web. O outro determinante é se os usuários
  podem achar a página que desejam.
 É importante considerar que os usuários da Web,
  geralmente, buscam por respostas rápidas e são altamente
  orientados a metas. Assim, o conteúdo deve levar em
  consideração tanto a impaciência dos usuários quanto as
  possíveis metas de sua população-alvo, oferecendo-lhe
  conteúdo útil com respostas rápidas. Do contrário, perde-se
  usuários, perde-se clientes, perde-se leitores, perde-se...

Weitere ähnliche Inhalte

Was ist angesagt?

Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidade
Jonas Henrique
 

Was ist angesagt? (10)

Criação e utilização do we.js na comunidade de práticas um relato de experiê...
Criação e utilização do we.js na comunidade de práticas  um relato de experiê...Criação e utilização do we.js na comunidade de práticas  um relato de experiê...
Criação e utilização do we.js na comunidade de práticas um relato de experiê...
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro Nielsen
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da web
 
Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...
 
Arquitetura da Informação como Ferramenta Indispensável em Estratégias Corpor...
Arquitetura da Informação como Ferramenta Indispensável em Estratégias Corpor...Arquitetura da Informação como Ferramenta Indispensável em Estratégias Corpor...
Arquitetura da Informação como Ferramenta Indispensável em Estratégias Corpor...
 
Do design à implementação - acessibilidade de websites e sistemas de informação
Do design à implementação - acessibilidade de websites e sistemas de informaçãoDo design à implementação - acessibilidade de websites e sistemas de informação
Do design à implementação - acessibilidade de websites e sistemas de informação
 
Design de Interação - Parte 1
Design de Interação - Parte 1Design de Interação - Parte 1
Design de Interação - Parte 1
 
Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidade
 
Mídia Social, PPT comitê CMO's WTC
Mídia Social, PPT comitê CMO's WTCMídia Social, PPT comitê CMO's WTC
Mídia Social, PPT comitê CMO's WTC
 
Violando convenções da web
Violando convenções da webViolando convenções da web
Violando convenções da web
 

Andere mochten auch (7)

O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
5° Edição do #soumaisweb - Apresentação de Ricardo Nunes - Acessibilidade e D...
5° Edição do #soumaisweb - Apresentação de Ricardo Nunes - Acessibilidade e D...5° Edição do #soumaisweb - Apresentação de Ricardo Nunes - Acessibilidade e D...
5° Edição do #soumaisweb - Apresentação de Ricardo Nunes - Acessibilidade e D...
 
Web+Desiner+Mercado+E+Oportunidades
Web+Desiner+Mercado+E+OportunidadesWeb+Desiner+Mercado+E+Oportunidades
Web+Desiner+Mercado+E+Oportunidades
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Templates e o JavaScript
Templates e o JavaScriptTemplates e o JavaScript
Templates e o JavaScript
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Curso XL Master Web Developer
Curso XL Master Web DeveloperCurso XL Master Web Developer
Curso XL Master Web Developer
 

Ähnlich wie IntroduçãO A Web Design

Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
guest5ccda
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
Claudio Toldo
 

Ähnlich wie IntroduçãO A Web Design (20)

Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 
User experience
User experienceUser experience
User experience
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
Artigo papel do web designer
Artigo papel do web designerArtigo papel do web designer
Artigo papel do web designer
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)
 
Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, Brasília
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Usabilidade e Estratégia
Usabilidade  e EstratégiaUsabilidade  e Estratégia
Usabilidade e Estratégia
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
O que é Web Designer?
O que é Web Designer?O que é Web Designer?
O que é Web Designer?
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 
Apresentação tarefa 2 ihm
Apresentação tarefa 2 ihmApresentação tarefa 2 ihm
Apresentação tarefa 2 ihm
 
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informação
 

Kürzlich hochgeladen

Kürzlich hochgeladen (9)

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

IntroduçãO A Web Design

  • 1. Introdução a Web Design Diego Lermen de Araujo Acadêmico em Jornalismo
  • 2. Usabilidade  Hoje em dia, interagir com sistemas computacionais deixou de ser privilégio de profissionais da área de computação e tornou-se em algo comum.  Os projetistas e desenvolvedores de sistemas computacionais e, notadamente, dos sistemas interativos têm sido colocados em posição de influenciar a sociedade.  Entretanto, é imperativo que eles (projetistas e desenvolvedores) possam desempenhar bem seu trabalho, especificamente, no projeto de sistemas computacionais interativos onde há interação entre ser humano e computador e têm como propriedade essencial prover suporte à atividade humana.  Tal sistema habilita o ser humano a realizar suas tarefas mais rapidamente, com menos erros, com aprendizado menor, com qualidade resultante maior e com satisfação também maior. Isto, contudo, depende da usabilidade do sistema.
  • 3. Usabilidade  Para avaliar a usabilidade de um sistema interativo, poderíamos fazer uso de um conjunto de critérios que nos ajudasse a mensurar a usabilidade desse sistema. Exemplos de critérios que poderiam ser utilizados são:  1.Tempo para concluir uma tarefa;  2.Percentual de tarefas terminadas por unidade de tempo;  3.Razão de acertos e erros;  4.Tempo gasto com erros;  5.Número de comando utilizados;  6.Freqüência de uso do help;  7.Quantidade de vezes que o usuário expressa satisfação ou frustração.
  • 4. Usabilidade  Nos primeiros anos a Web era acessada apenas por pessoas que tinham atuação pioneira no uso de tecnologias avançadas. Todavia, com a crescente popularidade da Web, a quantidade e diversidade de usuários acentuou-se drasticamente. Para a todos esses usuários, torna-se imperativo aumentar a usabilidade e garantir que o conteúdo seja compatível com a capacidade de compreensão e leituras dos usuários.  É importante observar ainda que na atual economia de rede o web site constitui a principal interface de uma empresa com clientes. Na verdade, para empresas de comércio eletrônico, o site é a própria empresa. A interface com o usuário torna-se então no material de marketing, a vitrine, o interior de loja, a equipe de vendas, tudo enfim. Dessa forma, não prover usabilidade significa ter um loja no local de acesso muito difícil. Portanto, uma má usabilidade equivale a nenhum cliente.
  • 5. Usabildade  O conteúdo é o foco da atenção do usuário da Web. É a razão dos usuários se conectarem e é a primeira coisa que olham quando visualizam uma página. O conteúdo de qualidade é um dos dois determinantes mais importantes de usabilidade da Web. O outro determinante é se os usuários podem achar a página que desejam.  É importante considerar que os usuários da Web, geralmente, buscam por respostas rápidas e são altamente orientados a metas. Assim, o conteúdo deve levar em consideração tanto a impaciência dos usuários quanto as possíveis metas de sua população-alvo, oferecendo-lhe conteúdo útil com respostas rápidas. Do contrário, perde-se usuários, perde-se clientes, perde-se leitores, perde-se...