SlideShare a Scribd company logo
1 of 1
Download to read offline
Jesse James Garrett
jjg@jjg.net

Os Elementos da Experiência do Usuário
Uma duplicidade básica: A Web foi originalmente concebida como um espaço de troca de informações hipertextuais, porém, o
desenvolvimento crescente de sofisticadas tecnologias encorajou seu uso como uma interface de software remoto. Esta natureza
dúbia resulta em muita confusão conforme, profissionais da experiência do usuário tentam adaptar suas terminologias para casos
que estão além do escopo da aplicação original. O objetivo deste documento é definir alguns destes termos dentro de seus
contextos apropriados e de esclarecer as relações subjacentes entre estes vários elementos.
Concreto

Design da Interface: como na IHC tradicional:
design dos elementos da interface para facilitar
a interação do usuário com as funcionalidades

Design da
Interface

Design da
Navegação

Design da Informação: No sentido Tufteano:
design da apresentação da informação para
facilitar a compreensão

Arquitetura
Design de
da
Interação Informação

Design de Interação: desenvolvimento de
fluxos de aplicação para facilitar as tarefas
do usuário, definindo como o este interage
com as funcionalidades do site
Especificações Funcionais: ‘conjunto de
funcionalidades’: descrições detalhadas de
funcionalidades que o site deve incluir para
ir ao encontro das necessidades do usuário

Necessidades do usuário
Objetivos do site
Abstrato

Arquitetura da Informação: Design estrutural
do espaço da informação para facilitar o
acesso intuitivo ao conteúdo
Requisitos de Conteúdo: Definição dos
elementos do conteúdo necessários ao site
para ir ao encontro das necessidades do
usuário

Especificações Requisitos
Funcionais
de Conteúdo

Necessidades do usuário: Objetivos do site de
origem externa, identificados por meio de
pesquisa com o usuário, pesquisas
etno/tecno/psicográficas, etc.
Objetivos do site: Metas de negócio, criativas ou
outras metas de origem interna para o site

a Web como sistema de hipertexto

Design da Navegação: design dos elementos
da interface para facilitar a movimentação
do usuário meio a arquitetura da informação

Design da Informação

Design da Informação: No sentido Tufteano:
design da apresentação da informação para
facilitar a compreensão

Tradução para o
Português por
Livia Labate

Design Visual: tratamento visual do texto,
elementos gráficos da página e componentes
de navegação

Design Visual

Design Visual: tratamento gráfico dos
elementos da interface (a “cara” do site)

orientado à tarefa

Maturidade

tempo

a Web como interface de software

30 de março de 2000

Concepção

Necessidades do usuário: Objetivos do site de
origem externa, identificados por meio de
pesquisa com o usuário, pesquisas
etno/tecno/psicográficas, etc.
Objetivos do site: Metas de negócio, criativas ou
outras metas de origem interna para o site

orientado à informação

Este esquema está incompleto: O modelo aqui delineado não aborda considerações secundárias (como aquelas que surgem durante o desenvolvimento técnico e
de conteúdo) que podem influenciar as decisões durante o desenvolvimento da experiência do usuário. Além disto, este modelo não descreve um processo de
desenvolvimento nem define os papéis dentro de um time de projeto. O que procura definir, são as considerações-chave que fazem parte do desenvolvimento da
experiência do usuário na Web atualmente.
© 2000-03 Jesse James Garrett

http://www.jjg.net/ia/

More Related Content

What's hot

Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
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
 
Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017Catarinas Design de Interação
 
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0Catarinas Design de Interação
 
Service Design para startups - Melhorando a experiência do usuário do começo ...
Service Design para startups - Melhorando a experiência do usuário do começo ...Service Design para startups - Melhorando a experiência do usuário do começo ...
Service Design para startups - Melhorando a experiência do usuário do começo ...Catarinas Design de Interação
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digitalMarconi Pacheco
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.Catarinas Design de Interação
 
Como melhorar as chances de sucesso da minha startup investindo em User Exper...
Como melhorar as chances de sucesso da minha startup investindo em User Exper...Como melhorar as chances de sucesso da minha startup investindo em User Exper...
Como melhorar as chances de sucesso da minha startup investindo em User Exper...Catarinas 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 - 2010Mourylise Heymer
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Thiago Esser
 
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...Catarinas Design de Interação
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioGustavo Gil
 
Time de UX da Tembici
Time de UX da TembiciTime de UX da Tembici
Time de UX da TembiciMergo
 

What's hot (20)

Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
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?!
 
style guide ui
style guide uistyle guide ui
style guide ui
 
Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017
 
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
 
UX Samsung
UX SamsungUX Samsung
UX Samsung
 
Design para empreendedores
Design para empreendedoresDesign para empreendedores
Design para empreendedores
 
Service Design para startups - Melhorando a experiência do usuário do começo ...
Service Design para startups - Melhorando a experiência do usuário do começo ...Service Design para startups - Melhorando a experiência do usuário do começo ...
Service Design para startups - Melhorando a experiência do usuário do começo ...
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digital
 
Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
User experience
User experienceUser experience
User experience
 
User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.
 
Como melhorar as chances de sucesso da minha startup investindo em User Exper...
Como melhorar as chances de sucesso da minha startup investindo em User Exper...Como melhorar as chances de sucesso da minha startup investindo em User Exper...
Como melhorar as chances de sucesso da minha startup investindo em User Exper...
 
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
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)
 
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do Usuario
 
Time de UX da Tembici
Time de UX da TembiciTime de UX da Tembici
Time de UX da Tembici
 
User experience
User experienceUser experience
User experience
 

Similar to Elements pt

La arquitectura de información del Portal BVS
La arquitectura de información del Portal BVSLa arquitectura de información del Portal BVS
La arquitectura de información del Portal BVSComunidadRedDes
 
Criação de sites
Criação de sitesCriação de sites
Criação de sitesicajai
 
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 Rosawudrs
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptxGelvazioCamargo
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãopospipoca
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoRodrigo Correia
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacaoeramos7senac
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...Rio Info
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeScriptutex
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Doisnovemeia Publicidade
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfssuser595b1e1
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 

Similar to Elements pt (20)

La arquitectura de información del Portal BVS
La arquitectura de información del Portal BVSLa arquitectura de información del Portal BVS
La arquitectura de información del Portal BVS
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
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
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
RPC.com.br - Produto
RPC.com.br - ProdutoRPC.com.br - Produto
RPC.com.br - Produto
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 

More from Daniela Carvalho

Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008
Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008
Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008Daniela Carvalho
 
UML - Casos de Uso Avançado
UML - Casos de Uso AvançadoUML - Casos de Uso Avançado
UML - Casos de Uso AvançadoDaniela Carvalho
 
Jogo da forca - Diagrama de Classe
Jogo da forca - Diagrama de ClasseJogo da forca - Diagrama de Classe
Jogo da forca - Diagrama de ClasseDaniela Carvalho
 
Conceitos Essenciais de Orientação a Objetos
Conceitos Essenciais de Orientação a ObjetosConceitos Essenciais de Orientação a Objetos
Conceitos Essenciais de Orientação a ObjetosDaniela Carvalho
 
Classe - Paradigma Orientado a Objetos
Classe - Paradigma Orientado a ObjetosClasse - Paradigma Orientado a Objetos
Classe - Paradigma Orientado a ObjetosDaniela Carvalho
 
Introdução ao Paradigma Orientado a Objetos - 2
Introdução ao Paradigma Orientado a Objetos - 2Introdução ao Paradigma Orientado a Objetos - 2
Introdução ao Paradigma Orientado a Objetos - 2Daniela Carvalho
 
Introdução ao Paradigma Orientado a Objetos
Introdução ao Paradigma Orientado a ObjetosIntrodução ao Paradigma Orientado a Objetos
Introdução ao Paradigma Orientado a ObjetosDaniela Carvalho
 
Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.
Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.
Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.Daniela Carvalho
 
Construindo interações no Axure 7.0
Construindo interações no Axure 7.0Construindo interações no Axure 7.0
Construindo interações no Axure 7.0Daniela Carvalho
 
Widgets e Masters no Axure 7.0
Widgets e Masters no Axure 7.0Widgets e Masters no Axure 7.0
Widgets e Masters no Axure 7.0Daniela Carvalho
 
Meu primeiro protótipo no Axure 7.0
Meu primeiro protótipo no Axure 7.0Meu primeiro protótipo no Axure 7.0
Meu primeiro protótipo no Axure 7.0Daniela Carvalho
 
As tecnologias da_inteligencia
As tecnologias da_inteligenciaAs tecnologias da_inteligencia
As tecnologias da_inteligenciaDaniela Carvalho
 
As múltiplas alfabetizações midiáticas
As múltiplas alfabetizações midiáticasAs múltiplas alfabetizações midiáticas
As múltiplas alfabetizações midiáticasDaniela Carvalho
 
Rolagem dinâmica no Axure
Rolagem dinâmica no AxureRolagem dinâmica no Axure
Rolagem dinâmica no AxureDaniela Carvalho
 
Painéis dinâmicos no Axure
Painéis dinâmicos no AxurePainéis dinâmicos no Axure
Painéis dinâmicos no AxureDaniela Carvalho
 

More from Daniela Carvalho (20)

HTML e CSS
HTML e CSSHTML e CSS
HTML e CSS
 
Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008
Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008
Livro denis alcides_rezende_sistemas_informacoes_organizacionais_3ed_2008
 
UML - Casos de Uso Avançado
UML - Casos de Uso AvançadoUML - Casos de Uso Avançado
UML - Casos de Uso Avançado
 
UML - Casos de Uso
UML - Casos de UsoUML - Casos de Uso
UML - Casos de Uso
 
Jogo da forca - Diagrama de Classe
Jogo da forca - Diagrama de ClasseJogo da forca - Diagrama de Classe
Jogo da forca - Diagrama de Classe
 
Conceitos Essenciais de Orientação a Objetos
Conceitos Essenciais de Orientação a ObjetosConceitos Essenciais de Orientação a Objetos
Conceitos Essenciais de Orientação a Objetos
 
Classe - Paradigma Orientado a Objetos
Classe - Paradigma Orientado a ObjetosClasse - Paradigma Orientado a Objetos
Classe - Paradigma Orientado a Objetos
 
Introdução ao Paradigma Orientado a Objetos - 2
Introdução ao Paradigma Orientado a Objetos - 2Introdução ao Paradigma Orientado a Objetos - 2
Introdução ao Paradigma Orientado a Objetos - 2
 
Introdução ao Paradigma Orientado a Objetos
Introdução ao Paradigma Orientado a ObjetosIntrodução ao Paradigma Orientado a Objetos
Introdução ao Paradigma Orientado a Objetos
 
Animação para web
Animação para webAnimação para web
Animação para web
 
Animação na web
Animação na webAnimação na web
Animação na web
 
Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.
Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.
Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.
 
Construindo interações no Axure 7.0
Construindo interações no Axure 7.0Construindo interações no Axure 7.0
Construindo interações no Axure 7.0
 
Widgets e Masters no Axure 7.0
Widgets e Masters no Axure 7.0Widgets e Masters no Axure 7.0
Widgets e Masters no Axure 7.0
 
Meu primeiro protótipo no Axure 7.0
Meu primeiro protótipo no Axure 7.0Meu primeiro protótipo no Axure 7.0
Meu primeiro protótipo no Axure 7.0
 
Um website desenhado
Um website desenhadoUm website desenhado
Um website desenhado
 
As tecnologias da_inteligencia
As tecnologias da_inteligenciaAs tecnologias da_inteligencia
As tecnologias da_inteligencia
 
As múltiplas alfabetizações midiáticas
As múltiplas alfabetizações midiáticasAs múltiplas alfabetizações midiáticas
As múltiplas alfabetizações midiáticas
 
Rolagem dinâmica no Axure
Rolagem dinâmica no AxureRolagem dinâmica no Axure
Rolagem dinâmica no Axure
 
Painéis dinâmicos no Axure
Painéis dinâmicos no AxurePainéis dinâmicos no Axure
Painéis dinâmicos no Axure
 

Elements pt

  • 1. Jesse James Garrett jjg@jjg.net Os Elementos da Experiência do Usuário Uma duplicidade básica: A Web foi originalmente concebida como um espaço de troca de informações hipertextuais, porém, o desenvolvimento crescente de sofisticadas tecnologias encorajou seu uso como uma interface de software remoto. Esta natureza dúbia resulta em muita confusão conforme, profissionais da experiência do usuário tentam adaptar suas terminologias para casos que estão além do escopo da aplicação original. O objetivo deste documento é definir alguns destes termos dentro de seus contextos apropriados e de esclarecer as relações subjacentes entre estes vários elementos. Concreto Design da Interface: como na IHC tradicional: design dos elementos da interface para facilitar a interação do usuário com as funcionalidades Design da Interface Design da Navegação Design da Informação: No sentido Tufteano: design da apresentação da informação para facilitar a compreensão Arquitetura Design de da Interação Informação Design de Interação: desenvolvimento de fluxos de aplicação para facilitar as tarefas do usuário, definindo como o este interage com as funcionalidades do site Especificações Funcionais: ‘conjunto de funcionalidades’: descrições detalhadas de funcionalidades que o site deve incluir para ir ao encontro das necessidades do usuário Necessidades do usuário Objetivos do site Abstrato Arquitetura da Informação: Design estrutural do espaço da informação para facilitar o acesso intuitivo ao conteúdo Requisitos de Conteúdo: Definição dos elementos do conteúdo necessários ao site para ir ao encontro das necessidades do usuário Especificações Requisitos Funcionais de Conteúdo Necessidades do usuário: Objetivos do site de origem externa, identificados por meio de pesquisa com o usuário, pesquisas etno/tecno/psicográficas, etc. Objetivos do site: Metas de negócio, criativas ou outras metas de origem interna para o site a Web como sistema de hipertexto Design da Navegação: design dos elementos da interface para facilitar a movimentação do usuário meio a arquitetura da informação Design da Informação Design da Informação: No sentido Tufteano: design da apresentação da informação para facilitar a compreensão Tradução para o Português por Livia Labate Design Visual: tratamento visual do texto, elementos gráficos da página e componentes de navegação Design Visual Design Visual: tratamento gráfico dos elementos da interface (a “cara” do site) orientado à tarefa Maturidade tempo a Web como interface de software 30 de março de 2000 Concepção Necessidades do usuário: Objetivos do site de origem externa, identificados por meio de pesquisa com o usuário, pesquisas etno/tecno/psicográficas, etc. Objetivos do site: Metas de negócio, criativas ou outras metas de origem interna para o site orientado à informação Este esquema está incompleto: O modelo aqui delineado não aborda considerações secundárias (como aquelas que surgem durante o desenvolvimento técnico e de conteúdo) que podem influenciar as decisões durante o desenvolvimento da experiência do usuário. Além disto, este modelo não descreve um processo de desenvolvimento nem define os papéis dentro de um time de projeto. O que procura definir, são as considerações-chave que fazem parte do desenvolvimento da experiência do usuário na Web atualmente. © 2000-03 Jesse James Garrett http://www.jjg.net/ia/