SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
Design de Interface - 2º Bimestre

        Pesquisas realizadas no mercado

  Grande parte das empresas que produzem websites não
focam seus projetos na experiência dos usuários. Talvez por
este motivo, sejam tão poucas as pessoas que se interessam
 em pesquisar a parte mais ligada à usabilidade do produto.

Entretanto, algumas empresas possuem uma metodologia de
projeto centrada nos usuários muito interessante. No Brasil,
 temos exemplos como o da Globo.com e da Sirius Soluções
   Interativas, entre outras, que adotam uma metodologia
 própria de trabalho e divulgam o resultado de seus projetos
em congressos, palestras e outros meios de comunicação.sua
                forma apropriada de utilização.
Design de Interface - 2º Bimestre

        Pesquisas realizadas no mercado

A qualidade geral da experiência do usuário leva ao fracasso
        ou ao sucesso de um produto de Internet. O
desenvolvimento deste tipo de trabalho não é uma tarefa fácil
          pelo sistema em que estamos inseridos.

  No mundo moderno, no contexto capitalista em que nos
 encontramos, a competitividade produtiva é o grande fator
 gerador de receita necessária para a sobrevivência. Pessoas
   precisam de mais tempo para trabalhar: pesquisar, criar,
projetar, e desenvolver, ou seja, produzir a maior quantidade
de trabalho no menor tempo possível. Essas são as regras que
           ditam a sociedade na Pós-Modernidade.
Design de Interface - 2º Bimestre

        Pesquisas realizadas no mercado

Os avanços nas áreas científicas e tecnológicas, com o rápido
  surgimento de novas formas de comunicação e troca de
informações, são um grande aliado e um combustível de alta
         potência para nossa sociedade capitalista.

  Esta busca pela rapidez, do aproveitamento do “time-to-
  market”, ou seja, do tempo de chegada de determinado
       produto ao mercado, gera pressão em torno do
 desenvolvimento do projeto, impossibilitando um trabalho
                      mais cuidadoso.
Design de Interface - 2º Bimestre

        Pesquisas realizadas no mercado

 Estas decisões, tomadas pelos profissionais posicionados no
ápice da cadeia alimentar do mercado, resultam em produtos
criados a partir de soluções empíricas, resultantes da política
                      da tentativa e erro.

Culturalmente, CEOs e tomadores de decisão de empresas
brasileiras têm a percepção de que a etapa de avaliação das
 interfaces projetadas faz com que o produto demore mais
    tempo para ser lançado e gaste mais dinheiro em seu
                     desenvolvimento.
Design de Interface - 2º Bimestre

        Pesquisas realizadas no mercado

    A Engenharia de Usabilidade entra como elemento no
 processo de um projeto, temos um aumento no consumo de
tempo e orçamento no ciclo de desenvolvimento. No entanto,
 podemos assumir que este consumo adicional de tempo no
 cuidado com a usabilidade gera um impacto positivo no nível
 de qualidade do projeto. Este impacto deve potencializar as
  chances deste produto atingir seu retorno de investimento
           esperado, como vendas, audiência etc..
Design de Interface - 2º Bimestre

      Pesquisas realizadas no mercado

 A respeitada empresa norte-americana 37 Signals, que
    oferece serviços focados na simplicidade e na boa
 usabilidade, coloca em seu website um conceito muito
   interessante a respeito: “Trabalhamos com clientes
inteligentes que entendem que são seus clientes, e não
gráficos ou políticas internas, que mais importam. Estes
 clientes são difíceis de serem achados, então quando
            conseguimos, os tratamos bem”.
Design de Interface - 2º Bimestre

   Usabilidade de interfaces na Globo.com

   Desde seu lançamento, em março de 2000, a Globo.com
 oferece em seus portal serviços de notícias, e-mail, chat, e-
                  commerce, entre outros.
Além destas atividades, é a empresa das Organizações Globo
  responsável pela produção de grande parte dos produtos
     voltados para Internet do grupo. No final de 2002, a
 Globo.com se reposicionou no mercado como provedor de
                      acesso à Internet.
Design de Interface - 2º Bimestre

   Usabilidade de interfaces na Globo.com

 O Departamento de criação in-house, também conhecido
como Núcleo de Desenho de Produto (NDP), é responsável
por todos estes projetos. Esta área é dividida em três grupos
                        de trabalho:

• Arquitetura da Informação;

• Design de Interface;

• Branding.
Design de Interface - 2º Bimestre

   Usabilidade de interfaces na Globo.com

 Os profissionais de branding focam seu trabalho no design
    gráfico. Eles são responsáveis pela comunicação da
 mensagem que deve ser transmitida, refletindo os atributos
da marca, sua personalidade e características emocionais que
               o produto deve estar associado.

  Já as equipes de Arquitetura da Informação e Design de
     Interface, dão ênfase a questão da Usabilidade e da
                   experiência do usuário.
Design de Interface - 2º Bimestre

   Usabilidade de interfaces na Globo.com

  Fleming (1998) coloca a arquitetura da informação como
 essencial para o design da navegação, estando diretamente
      relacionada ao conteúdo, estratégias e recursos.

  A autora do livro Web Navigation afirma que um processo
 eficiente de arquitetura da informação é composto por três
estágios: pesquisa (coleta de informações), design conceitual
(geração de idéias) e produção e operações (documentação e
                        manutenção).
Design de Interface - 2º Bimestre

              Metodologia de projeto

    A Globo.com possui uma metodologia de projeto bem
definida. Essa organização varia de acordo com o projeto, mas
  de uma forma geral, podemos organizar este processo da
                       seguinte forma:

1. Demanda / Definição da estratégia
2. Benchmark
3. Levantamento de funcionalidades desejadas (Brainstorm)
4. Macro arquitetura da informação
5. Verificação da viabilidade tecnológica
Design de Interface - 2º Bimestre

                 Metodologia de projeto

6. Desenvolvimento do projeto
   a. Detalhamento da arquitetura da informação
   b. Desenho da experiência do usuário
   c. Projeto da interface
   d. Projeto de branding
   e. Ajustes
7. Implementação
8. Lançamento
Design de Interface - 2º Bimestre


O Laboratório de Usabilidade da Globo.com

 Sob a direção de Marcello Póvoa e coordenação de Mauro
  Pinheiro, o Laboratório de Usabilidade da Globo.com foi
inaugurado em julho de 2001, como o primeiro laboratório
   in-house da América Latina dedicado exclusivamente à
    questão da Usabilidade. O laboratório é localizado no
         escritório da Globo.com, no Rio de Janeiro.
Design de Interface - 2º Bimestre


O Laboratório de Usabilidade da Globo.com

Uma das referências usadas para a construção do laboratório,
            foi o modelo sugerido por Nielsen.
Design de Interface - 2º Bimestre


 O Laboratório de Usabilidade da Globo.com

 Além de toda a aparelhagem existente para que o teste seja
     registrado das mais diferentes formas, uma empresa
 especializada é responsável pelo recrutamento de usuários
com o perfil aproximado ao do público-alvo do produto. Além
disso, uma psicóloga atua como moderadora na aplicação dos
   testes junto aos usuários selecionados na pesquisa. Este
     processo gera um custo considerável para o projeto.
Design de Interface - 2º Bimestre


 O Laboratório de Usabilidade da Globo.com

 Além de toda a aparelhagem existente para que o teste seja
     registrado das mais diferentes formas, uma empresa
 especializada é responsável pelo recrutamento de usuários
com o perfil aproximado ao do público-alvo do produto. Além
disso, uma psicóloga atua como moderadora na aplicação dos
   testes junto aos usuários selecionados na pesquisa. Este
     processo gera um custo considerável para o projeto.
Design de Interface - 2º Bimestre


O Laboratório de Usabilidade da Globo.com
Design de Interface - 2º Bimestre


O Laboratório de Usabilidade da Globo.com
Design de Interface - 2º Bimestre


 O Laboratório de Usabilidade da Globo.com

Os custos típicos de um teste de usabilidade são:

• Especialistas em Usabilidade para planejar, realizar e
analisar os testes: despesas extras se consultores forem
usados;

• Assistentes administrativos para marcar os horários dos
testes com os usuários, tabular os dados, etc.;

• Desenvolvedores de software para modificar o código,
incluir os dados coletados, ou mesmo para desenvolver a
customização desejada;
Design de Interface - 2º Bimestre


 O Laboratório de Usabilidade da Globo.com

• O tempo de teste dos usuários: despesas extras se houver
pessoas contratadas para os testes;

• Computadores usados durante os testes e as análises;

• Laboratório de usabilidade ou outro espaço usado para os
testes;

• Fitas de vídeo e outros artigos de consumo: despesas
extras.

Más contenido relacionado

La actualidad más candente

Apresentação TPSI - ISEC (Projecto Multimédia)
Apresentação TPSI - ISEC (Projecto Multimédia)Apresentação TPSI - ISEC (Projecto Multimédia)
Apresentação TPSI - ISEC (Projecto Multimédia)João Leal
 
O Arquiteto da Informacao
O Arquiteto da Informacao O Arquiteto da Informacao
O Arquiteto da Informacao Carlos Franco
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Mourylise Heymer
 
Aula 06 projetos multimídia
Aula 06   projetos multimídiaAula 06   projetos multimídia
Aula 06 projetos multimídiaFábio Costa
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOMarcelo Bitencourt
 
Coordenacao de Projetos com BIM - Palestra PINI Abril 2014
Coordenacao de Projetos com BIM - Palestra PINI Abril 2014Coordenacao de Projetos com BIM - Palestra PINI Abril 2014
Coordenacao de Projetos com BIM - Palestra PINI Abril 2014Wilton Catelani
 
Modulo ii arquiteturainformacaousabilidade_thaiscampas
Modulo ii arquiteturainformacaousabilidade_thaiscampasModulo ii arquiteturainformacaousabilidade_thaiscampas
Modulo ii arquiteturainformacaousabilidade_thaiscampasThais Campas
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Aula Interface Gráfica do Usuário
Aula Interface Gráfica do UsuárioAula Interface Gráfica do Usuário
Aula Interface Gráfica do UsuárioFabio Moura Pereira
 
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Monica Possel
 
Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...
Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...
Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...João Poças Martins
 
Otimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceOtimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceTuia
 
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACESLIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACESOs Fantasmas !
 

La actualidad más candente (20)

Apresentação TPSI - ISEC (Projecto Multimédia)
Apresentação TPSI - ISEC (Projecto Multimédia)Apresentação TPSI - ISEC (Projecto Multimédia)
Apresentação TPSI - ISEC (Projecto Multimédia)
 
O Arquiteto da Informacao
O Arquiteto da Informacao O Arquiteto da Informacao
O Arquiteto da Informacao
 
Trabaho design de interação
Trabaho design de interaçãoTrabaho design de interação
Trabaho design de interação
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010
 
P3
P3P3
P3
 
Aula 06 projetos multimídia
Aula 06   projetos multimídiaAula 06   projetos multimídia
Aula 06 projetos multimídia
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
 
Bim
BimBim
Bim
 
Coordenacao de Projetos com BIM - Palestra PINI Abril 2014
Coordenacao de Projetos com BIM - Palestra PINI Abril 2014Coordenacao de Projetos com BIM - Palestra PINI Abril 2014
Coordenacao de Projetos com BIM - Palestra PINI Abril 2014
 
Modulo ii arquiteturainformacaousabilidade_thaiscampas
Modulo ii arquiteturainformacaousabilidade_thaiscampasModulo ii arquiteturainformacaousabilidade_thaiscampas
Modulo ii arquiteturainformacaousabilidade_thaiscampas
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Planejamento 4D
Planejamento 4DPlanejamento 4D
Planejamento 4D
 
Badaró
BadaróBadaró
Badaró
 
Aula Interface Gráfica do Usuário
Aula Interface Gráfica do UsuárioAula Interface Gráfica do Usuário
Aula Interface Gráfica do Usuário
 
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
 
Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...
Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...
Princípios para o Desenvolvimento de Projetos com Recurso a Ferramentas BIM. ...
 
Interface grafica do usuario
Interface grafica do usuarioInterface grafica do usuario
Interface grafica do usuario
 
Otimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceOtimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User Experience
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
 
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACESLIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
 

Destacado

GLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOGLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOReuel Lopes
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimReuel Lopes
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre androidReuel Lopes
 
[PROFOCO] Slideshare
[PROFOCO] Slideshare[PROFOCO] Slideshare
[PROFOCO] SlideshareReuel Lopes
 
Trabalhando na Plataforma EVA
Trabalhando na Plataforma EVATrabalhando na Plataforma EVA
Trabalhando na Plataforma EVAReuel Lopes
 
Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Reuel Lopes
 
EVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemEVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemReuel Lopes
 

Destacado (8)

GLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOGLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃO
 
O futuro da web
O futuro da webO futuro da web
O futuro da web
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bim
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre android
 
[PROFOCO] Slideshare
[PROFOCO] Slideshare[PROFOCO] Slideshare
[PROFOCO] Slideshare
 
Trabalhando na Plataforma EVA
Trabalhando na Plataforma EVATrabalhando na Plataforma EVA
Trabalhando na Plataforma EVA
 
Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Formação de Professores - EVA 2015
Formação de Professores - EVA 2015
 
EVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemEVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de Aprendizagem
 

Similar a Pesquisas em usabilidade de interfaces e interação - 2 bim

Trab.final
Trab.finalTrab.final
Trab.finalbeto2018
 
Trab.final
Trab.finalTrab.final
Trab.finalbeto2018
 
Programa-Ux-Ui-Design-lisboa-4
Programa-Ux-Ui-Design-lisboa-4Programa-Ux-Ui-Design-lisboa-4
Programa-Ux-Ui-Design-lisboa-4Greg Palmieri
 
Currículo_Português.pdf
Currículo_Português.pdfCurrículo_Português.pdf
Currículo_Português.pdfJooEmerson5
 
Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1Jornalismo Digital
 
Inovação tecnológica
Inovação tecnológicaInovação tecnológica
Inovação tecnológicaJéssica Bessa
 
Introdução a Modelagem
Introdução a ModelagemIntrodução a Modelagem
Introdução a ModelagemRodrigo Branas
 
UX Design, Services Design & Design Thinking
UX Design, Services Design & Design ThinkingUX Design, Services Design & Design Thinking
UX Design, Services Design & Design ThinkingMarcelo Negrini
 
Aula 1 Analise e Projeto
Aula 1   Analise e ProjetoAula 1   Analise e Projeto
Aula 1 Analise e ProjetoSergio Silva
 
UX para Startups
UX para StartupsUX para Startups
UX para StartupsTuia
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Patricia Mallmann
 
Projeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção GráficaProjeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção GráficaGabriel Grumiche Silva
 
Metodologia sugerida para gestão de projetos web
Metodologia sugerida para gestão de projetos webMetodologia sugerida para gestão de projetos web
Metodologia sugerida para gestão de projetos webdiogo_plta
 
Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...
Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...
Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...Tailo Mateus Gonsalves
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)mfiorelli
 

Similar a Pesquisas em usabilidade de interfaces e interação - 2 bim (20)

Trab.final
Trab.finalTrab.final
Trab.final
 
Trab.final
Trab.finalTrab.final
Trab.final
 
Programa-Ux-Ui-Design-lisboa-4
Programa-Ux-Ui-Design-lisboa-4Programa-Ux-Ui-Design-lisboa-4
Programa-Ux-Ui-Design-lisboa-4
 
Currículo_Português.pdf
Currículo_Português.pdfCurrículo_Português.pdf
Currículo_Português.pdf
 
Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1
 
Inovação tecnológica
Inovação tecnológicaInovação tecnológica
Inovação tecnológica
 
Aula 5 - SAM - Projetos
Aula 5 - SAM - ProjetosAula 5 - SAM - Projetos
Aula 5 - SAM - Projetos
 
Design de interação aula 2
Design de interação aula 2Design de interação aula 2
Design de interação aula 2
 
Introdução a Modelagem
Introdução a ModelagemIntrodução a Modelagem
Introdução a Modelagem
 
UX Design, Services Design & Design Thinking
UX Design, Services Design & Design ThinkingUX Design, Services Design & Design Thinking
UX Design, Services Design & Design Thinking
 
Aula 1 Analise e Projeto
Aula 1   Analise e ProjetoAula 1   Analise e Projeto
Aula 1 Analise e Projeto
 
Aula 1 analise e projeto
Aula 1   analise e projetoAula 1   analise e projeto
Aula 1 analise e projeto
 
UX para Startups
UX para StartupsUX para Startups
UX para Startups
 
User experience
User experienceUser experience
User experience
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
Projeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção GráficaProjeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção Gráfica
 
Metodologia sugerida para gestão de projetos web
Metodologia sugerida para gestão de projetos webMetodologia sugerida para gestão de projetos web
Metodologia sugerida para gestão de projetos web
 
Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...
Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...
Projeto e protótipo de ferramenta de gerenciamento de projetos adaptada ao pr...
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)
 

Más de Reuel Lopes

Trabalhando com EVA 2017
Trabalhando com EVA 2017Trabalhando com EVA 2017
Trabalhando com EVA 2017Reuel Lopes
 
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesPanorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesReuel Lopes
 
Pesquisas em usabilidade de interfaces e interação - 1 bim
Pesquisas em usabilidade de interfaces e interação -  1 bimPesquisas em usabilidade de interfaces e interação -  1 bim
Pesquisas em usabilidade de interfaces e interação - 1 bimReuel Lopes
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bimReuel Lopes
 
Avaliação heuristica - 1 bim
Avaliação heuristica - 1 bimAvaliação heuristica - 1 bim
Avaliação heuristica - 1 bimReuel Lopes
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Reuel Lopes
 
Project mobility net_beans
Project mobility net_beansProject mobility net_beans
Project mobility net_beansReuel Lopes
 
Java EE netbeans
Java EE netbeansJava EE netbeans
Java EE netbeansReuel Lopes
 
Apostila complementar java móvel
Apostila complementar  java móvelApostila complementar  java móvel
Apostila complementar java móvelReuel Lopes
 
Cases Hipermídia 2010
Cases Hipermídia 2010Cases Hipermídia 2010
Cases Hipermídia 2010Reuel Lopes
 
08 carregando textos de um arquivo txt - Flash 8
08 carregando textos de um arquivo txt - Flash 808 carregando textos de um arquivo txt - Flash 8
08 carregando textos de um arquivo txt - Flash 8Reuel Lopes
 
07 formulários com validação - Flash 8
07 formulários com validação - Flash 807 formulários com validação - Flash 8
07 formulários com validação - Flash 8Reuel Lopes
 
06 breve histórico do action script - Flash 8
06 breve histórico do action script - Flash 806 breve histórico do action script - Flash 8
06 breve histórico do action script - Flash 8Reuel Lopes
 
05 camadas e fotogramas em flash - Flash 8
05 camadas e fotogramas em flash - Flash 805 camadas e fotogramas em flash - Flash 8
05 camadas e fotogramas em flash - Flash 8Reuel Lopes
 
04 utilizando os filtros do flash 8
04 utilizando os filtros do flash 804 utilizando os filtros do flash 8
04 utilizando os filtros do flash 8Reuel Lopes
 
03 animação de personagem
03 animação de personagem03 animação de personagem
03 animação de personagemReuel Lopes
 
02 conhecendo o flash 8
02 conhecendo o flash 802 conhecendo o flash 8
02 conhecendo o flash 8Reuel Lopes
 
01 desenhando no flash
01 desenhando no flash01 desenhando no flash
01 desenhando no flashReuel Lopes
 
09 publicando video no Flash 8
09 publicando video no Flash 809 publicando video no Flash 8
09 publicando video no Flash 8Reuel Lopes
 

Más de Reuel Lopes (20)

Trabalhando com EVA 2017
Trabalhando com EVA 2017Trabalhando com EVA 2017
Trabalhando com EVA 2017
 
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesPanorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
 
Pesquisas em usabilidade de interfaces e interação - 1 bim
Pesquisas em usabilidade de interfaces e interação -  1 bimPesquisas em usabilidade de interfaces e interação -  1 bim
Pesquisas em usabilidade de interfaces e interação - 1 bim
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bim
 
Avaliação heuristica - 1 bim
Avaliação heuristica - 1 bimAvaliação heuristica - 1 bim
Avaliação heuristica - 1 bim
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1
 
Project mobility net_beans
Project mobility net_beansProject mobility net_beans
Project mobility net_beans
 
Netbeans slides
Netbeans slidesNetbeans slides
Netbeans slides
 
Java EE netbeans
Java EE netbeansJava EE netbeans
Java EE netbeans
 
Apostila complementar java móvel
Apostila complementar  java móvelApostila complementar  java móvel
Apostila complementar java móvel
 
Cases Hipermídia 2010
Cases Hipermídia 2010Cases Hipermídia 2010
Cases Hipermídia 2010
 
08 carregando textos de um arquivo txt - Flash 8
08 carregando textos de um arquivo txt - Flash 808 carregando textos de um arquivo txt - Flash 8
08 carregando textos de um arquivo txt - Flash 8
 
07 formulários com validação - Flash 8
07 formulários com validação - Flash 807 formulários com validação - Flash 8
07 formulários com validação - Flash 8
 
06 breve histórico do action script - Flash 8
06 breve histórico do action script - Flash 806 breve histórico do action script - Flash 8
06 breve histórico do action script - Flash 8
 
05 camadas e fotogramas em flash - Flash 8
05 camadas e fotogramas em flash - Flash 805 camadas e fotogramas em flash - Flash 8
05 camadas e fotogramas em flash - Flash 8
 
04 utilizando os filtros do flash 8
04 utilizando os filtros do flash 804 utilizando os filtros do flash 8
04 utilizando os filtros do flash 8
 
03 animação de personagem
03 animação de personagem03 animação de personagem
03 animação de personagem
 
02 conhecendo o flash 8
02 conhecendo o flash 802 conhecendo o flash 8
02 conhecendo o flash 8
 
01 desenhando no flash
01 desenhando no flash01 desenhando no flash
01 desenhando no flash
 
09 publicando video no Flash 8
09 publicando video no Flash 809 publicando video no Flash 8
09 publicando video no Flash 8
 

Pesquisas em usabilidade de interfaces e interação - 2 bim

  • 1. Design de Interface - 2º Bimestre Pesquisas realizadas no mercado Grande parte das empresas que produzem websites não focam seus projetos na experiência dos usuários. Talvez por este motivo, sejam tão poucas as pessoas que se interessam em pesquisar a parte mais ligada à usabilidade do produto. Entretanto, algumas empresas possuem uma metodologia de projeto centrada nos usuários muito interessante. No Brasil, temos exemplos como o da Globo.com e da Sirius Soluções Interativas, entre outras, que adotam uma metodologia própria de trabalho e divulgam o resultado de seus projetos em congressos, palestras e outros meios de comunicação.sua forma apropriada de utilização.
  • 2. Design de Interface - 2º Bimestre Pesquisas realizadas no mercado A qualidade geral da experiência do usuário leva ao fracasso ou ao sucesso de um produto de Internet. O desenvolvimento deste tipo de trabalho não é uma tarefa fácil pelo sistema em que estamos inseridos. No mundo moderno, no contexto capitalista em que nos encontramos, a competitividade produtiva é o grande fator gerador de receita necessária para a sobrevivência. Pessoas precisam de mais tempo para trabalhar: pesquisar, criar, projetar, e desenvolver, ou seja, produzir a maior quantidade de trabalho no menor tempo possível. Essas são as regras que ditam a sociedade na Pós-Modernidade.
  • 3. Design de Interface - 2º Bimestre Pesquisas realizadas no mercado Os avanços nas áreas científicas e tecnológicas, com o rápido surgimento de novas formas de comunicação e troca de informações, são um grande aliado e um combustível de alta potência para nossa sociedade capitalista. Esta busca pela rapidez, do aproveitamento do “time-to- market”, ou seja, do tempo de chegada de determinado produto ao mercado, gera pressão em torno do desenvolvimento do projeto, impossibilitando um trabalho mais cuidadoso.
  • 4. Design de Interface - 2º Bimestre Pesquisas realizadas no mercado Estas decisões, tomadas pelos profissionais posicionados no ápice da cadeia alimentar do mercado, resultam em produtos criados a partir de soluções empíricas, resultantes da política da tentativa e erro. Culturalmente, CEOs e tomadores de decisão de empresas brasileiras têm a percepção de que a etapa de avaliação das interfaces projetadas faz com que o produto demore mais tempo para ser lançado e gaste mais dinheiro em seu desenvolvimento.
  • 5. Design de Interface - 2º Bimestre Pesquisas realizadas no mercado A Engenharia de Usabilidade entra como elemento no processo de um projeto, temos um aumento no consumo de tempo e orçamento no ciclo de desenvolvimento. No entanto, podemos assumir que este consumo adicional de tempo no cuidado com a usabilidade gera um impacto positivo no nível de qualidade do projeto. Este impacto deve potencializar as chances deste produto atingir seu retorno de investimento esperado, como vendas, audiência etc..
  • 6. Design de Interface - 2º Bimestre Pesquisas realizadas no mercado A respeitada empresa norte-americana 37 Signals, que oferece serviços focados na simplicidade e na boa usabilidade, coloca em seu website um conceito muito interessante a respeito: “Trabalhamos com clientes inteligentes que entendem que são seus clientes, e não gráficos ou políticas internas, que mais importam. Estes clientes são difíceis de serem achados, então quando conseguimos, os tratamos bem”.
  • 7. Design de Interface - 2º Bimestre Usabilidade de interfaces na Globo.com Desde seu lançamento, em março de 2000, a Globo.com oferece em seus portal serviços de notícias, e-mail, chat, e- commerce, entre outros. Além destas atividades, é a empresa das Organizações Globo responsável pela produção de grande parte dos produtos voltados para Internet do grupo. No final de 2002, a Globo.com se reposicionou no mercado como provedor de acesso à Internet.
  • 8. Design de Interface - 2º Bimestre Usabilidade de interfaces na Globo.com O Departamento de criação in-house, também conhecido como Núcleo de Desenho de Produto (NDP), é responsável por todos estes projetos. Esta área é dividida em três grupos de trabalho: • Arquitetura da Informação; • Design de Interface; • Branding.
  • 9. Design de Interface - 2º Bimestre Usabilidade de interfaces na Globo.com Os profissionais de branding focam seu trabalho no design gráfico. Eles são responsáveis pela comunicação da mensagem que deve ser transmitida, refletindo os atributos da marca, sua personalidade e características emocionais que o produto deve estar associado. Já as equipes de Arquitetura da Informação e Design de Interface, dão ênfase a questão da Usabilidade e da experiência do usuário.
  • 10. Design de Interface - 2º Bimestre Usabilidade de interfaces na Globo.com Fleming (1998) coloca a arquitetura da informação como essencial para o design da navegação, estando diretamente relacionada ao conteúdo, estratégias e recursos. A autora do livro Web Navigation afirma que um processo eficiente de arquitetura da informação é composto por três estágios: pesquisa (coleta de informações), design conceitual (geração de idéias) e produção e operações (documentação e manutenção).
  • 11. Design de Interface - 2º Bimestre Metodologia de projeto A Globo.com possui uma metodologia de projeto bem definida. Essa organização varia de acordo com o projeto, mas de uma forma geral, podemos organizar este processo da seguinte forma: 1. Demanda / Definição da estratégia 2. Benchmark 3. Levantamento de funcionalidades desejadas (Brainstorm) 4. Macro arquitetura da informação 5. Verificação da viabilidade tecnológica
  • 12. Design de Interface - 2º Bimestre Metodologia de projeto 6. Desenvolvimento do projeto a. Detalhamento da arquitetura da informação b. Desenho da experiência do usuário c. Projeto da interface d. Projeto de branding e. Ajustes 7. Implementação 8. Lançamento
  • 13. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com Sob a direção de Marcello Póvoa e coordenação de Mauro Pinheiro, o Laboratório de Usabilidade da Globo.com foi inaugurado em julho de 2001, como o primeiro laboratório in-house da América Latina dedicado exclusivamente à questão da Usabilidade. O laboratório é localizado no escritório da Globo.com, no Rio de Janeiro.
  • 14. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com Uma das referências usadas para a construção do laboratório, foi o modelo sugerido por Nielsen.
  • 15. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com Além de toda a aparelhagem existente para que o teste seja registrado das mais diferentes formas, uma empresa especializada é responsável pelo recrutamento de usuários com o perfil aproximado ao do público-alvo do produto. Além disso, uma psicóloga atua como moderadora na aplicação dos testes junto aos usuários selecionados na pesquisa. Este processo gera um custo considerável para o projeto.
  • 16. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com Além de toda a aparelhagem existente para que o teste seja registrado das mais diferentes formas, uma empresa especializada é responsável pelo recrutamento de usuários com o perfil aproximado ao do público-alvo do produto. Além disso, uma psicóloga atua como moderadora na aplicação dos testes junto aos usuários selecionados na pesquisa. Este processo gera um custo considerável para o projeto.
  • 17. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com
  • 18. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com
  • 19. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com Os custos típicos de um teste de usabilidade são: • Especialistas em Usabilidade para planejar, realizar e analisar os testes: despesas extras se consultores forem usados; • Assistentes administrativos para marcar os horários dos testes com os usuários, tabular os dados, etc.; • Desenvolvedores de software para modificar o código, incluir os dados coletados, ou mesmo para desenvolver a customização desejada;
  • 20. Design de Interface - 2º Bimestre O Laboratório de Usabilidade da Globo.com • O tempo de teste dos usuários: despesas extras se houver pessoas contratadas para os testes; • Computadores usados durante os testes e as análises; • Laboratório de usabilidade ou outro espaço usado para os testes; • Fitas de vídeo e outros artigos de consumo: despesas extras.