SlideShare uma empresa Scribd logo
Capítulo 7
ABOUT FACE II.
THE FRAMEWORK AND
REFINEMENT
Arthur J. Klas.
Design Digital.
Pontifícia Universidade Católica do Paraná.
O Design Framework é o que define toda experiência do usuário, desde os
arranjos de elementos funcionais, o visual e a linguagem usada para apresentar
os dados , os conceitos, funcionaidade e a identidade em si.
Também veremos o Design Framework aplicado com fins industriais nesse
capítulo.
THE DESIGN FRAMEWORK:
 Definir o formato, postura e
métodos de input.
 Definir a funcionalidade e os
elementos de dados.
 Determinar os grupos funcionais
e a hierarquia dos mesmos.
 Criar o Sketch da interface.
 Construir o key path scenario.
 Verificar o design com os
cenários de validação.
6 PASSOS PARA DEFINIR A
INTERACTION FRAMEWORK:
 Desenvolver estudos da
linguagem visual a ser utilizada
 Aplicar uma delas ao protótipo.
Tipicamente seguimos dois
metodos para esse processo:
DEFININDO O DESIGN VISUAL DA
FRAMEWORK.
 Colaborar com os designers de
interação sobre o Form and
Factor e os métodos de Input.
 Desenvolvimento do Design
Bruto
 Desenvolver estudos sobre a
forma da linguagem.
Tipicamente seguimos três
metodos para esse processo:
DEFININDO O DESIGN VISUAL DA
INDUSTRIAL FRAMEWORK.
Nesta fase faremos o refinamento de todos os procesos anteriores, criando
assim a primeira real identidade do projeto.
REFINANDO A FORM AND
BEHAVIOR.
Agora é a hora de verificar o quão bem aceito o projeto está sendo, coletar os
feedbacks e identificar os problemas e refinar os minímos detalhes.
A VALIDAÇÃO DO DESIGN E
TESTES DE USABILIDADE
Nessa parte serão feitos os testes
finais, comparações com similares ,o
último refinamento e ajustes dos
problemas interativos.
QUANDO TESTAR:
AVALIAÇÕES SUMATIVA E FORMATIVA.
Existe uma série de de passos essenciais para conduzir os testes:
CONDUZINDO OS TESTES
FORMATIVOS DE USABILIDADE
 Faça teste suficientemente tarde se há um design substancial, mas cedo o
suficiente para faze ajuste e implementações no mesmo.
 Teste os aspectos da experiência do usuário.
 Recrute pessoas do público alvo.
 Também realize testes com o seu protótipo básico.
 Minimize os preconceitos utilizando-se de usuários não envolvidos com o
projeto.
 Concentre-se nos comportamentos dos participantes e sua fundamentação.
 Envolva os designers em todo o processo de estudo.
 Debata com os observadores depois dos testes para identificar as razões
por trás das questões observadas.
Para evitar os conflitos designer usuário, o primeiro deve estar focado nos
seguintes aspectos:
 Planejar os estudos para manter o foco em questões cruciais sobre o
Design.
 Usar perfis de usuário para definir o público que será usado nos testes.
 Fazer uso dos cenários para desenvolver as peguntas.
 Observar as sessões de teste.
 Colaborativamente analisar os resultados do estudo.
O INVOLVIMENTO DO DESIGNER
NOS ESTUDOS DE USABILIDADE

Mais conteúdo relacionado

PDF
Protótipos de papel
PPT
Prototipagem
PPT
Prototipação de software
PPTX
Prototipação de software
PDF
Avaliação de interfaces com o usuário atraves de prototipação
PPTX
Métodos de avaliação de IHC
PDF
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
PDF
Ferramentas de prototipação
Protótipos de papel
Prototipagem
Prototipação de software
Prototipação de software
Avaliação de interfaces com o usuário atraves de prototipação
Métodos de avaliação de IHC
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
Ferramentas de prototipação

Mais procurados (20)

PPT
Prototipagem
PPT
Prototipagem
PPTX
Engenharia de software - Prototipo
PDF
Case estágio - Proposta de interface para um módulo de estratégia do sistema ...
PDF
O uso da prototipagem e fabricação digital no ambiente fab lab
PDF
Teste de Usabilidade e Percurso Cognitivo
PDF
Testes de usabilidade em apps mobile
PDF
Prototipação
PDF
User Experience - Por que não projetar com foco no usuário pode ser fatal
PPT
Prototipação
PDF
Trabalho es prototipagem
PDF
Modelo em Espiral
PPTX
Modelo de Prototipação
PPT
Modelo V - Desenvolvimento de Software
PDF
Aula 6 - Prototipação de telas
PPT
Modelo Espiral
PDF
Principais conceitos em testes de software
PDF
Ferramentas e metodologias em testes de software
PPTX
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
PPTX
Mta1 aula-04 Framework DECIDE
Prototipagem
Prototipagem
Engenharia de software - Prototipo
Case estágio - Proposta de interface para um módulo de estratégia do sistema ...
O uso da prototipagem e fabricação digital no ambiente fab lab
Teste de Usabilidade e Percurso Cognitivo
Testes de usabilidade em apps mobile
Prototipação
User Experience - Por que não projetar com foco no usuário pode ser fatal
Prototipação
Trabalho es prototipagem
Modelo em Espiral
Modelo de Prototipação
Modelo V - Desenvolvimento de Software
Aula 6 - Prototipação de telas
Modelo Espiral
Principais conceitos em testes de software
Ferramentas e metodologias em testes de software
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
Mta1 aula-04 Framework DECIDE
Anúncio

Destaque (8)

PPTX
UM INSTRUMENTO DE COLETA DE DADOS PARA DETECÇÃO DE PROBLEMAS DE AVALIAÇÃO DO ...
PDF
Validação e Verificação
PPTX
Slide de Metodologia
PDF
Softwares de Simulação
PPT
Coleta de dados
PDF
Tecnicas de coleta de dados e instrumentos- Material maravilhoso
PPT
TÉCNICAS DE COLETA DE DADOS.
PPT
Validade e fidedignidade
UM INSTRUMENTO DE COLETA DE DADOS PARA DETECÇÃO DE PROBLEMAS DE AVALIAÇÃO DO ...
Validação e Verificação
Slide de Metodologia
Softwares de Simulação
Coleta de dados
Tecnicas de coleta de dados e instrumentos- Material maravilhoso
TÉCNICAS DE COLETA DE DADOS.
Validade e fidedignidade
Anúncio

Semelhante a The framework and refinement - About Face II (20)

PPTX
O processo de design de interação
PPTX
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
PDF
O que é UX? Introdução, Ferramentas e Experiências
PPTX
06 - Experiência do Usuário - User Experience - Parte 2.pptx
PPTX
Experiência de usuário e flat design
PPTX
Projetos interativos I - AULA 01
PPT
127290035 12-usabilidade-mai-2007
PPTX
MPP-III - Aula 08 - Usabilidade
PDF
Processo de UX no desenvolvimento de produto
PDF
UX Design para startups
PDF
Inovação Centrada no Usuário
PPT
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
PPT
Design de interação aula 2
PDF
Aula CRP-0420-2016-08-UX (1)
PDF
Workshop de UX, 02
PDF
Desenvolvimento em tempos de UX - Versão 3.0
PDF
Meetup inaugural - Bauru UX Design Group - Fev/2015
PDF
Aula 6 - Design e Processo de Design de Interfaces de Usuário
PDF
Swebok - KA O Projeto de Software (1).pdf
O processo de design de interação
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
O que é UX? Introdução, Ferramentas e Experiências
06 - Experiência do Usuário - User Experience - Parte 2.pptx
Experiência de usuário e flat design
Projetos interativos I - AULA 01
127290035 12-usabilidade-mai-2007
MPP-III - Aula 08 - Usabilidade
Processo de UX no desenvolvimento de produto
UX Design para startups
Inovação Centrada no Usuário
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
Design de interação aula 2
Aula CRP-0420-2016-08-UX (1)
Workshop de UX, 02
Desenvolvimento em tempos de UX - Versão 3.0
Meetup inaugural - Bauru UX Design Group - Fev/2015
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Swebok - KA O Projeto de Software (1).pdf

Último (13)

PPTX
tema_3_-_discipulado_novo_tempo.pptxxxxxxx
PPTX
ppt-licao04-jesusrestaurador.pptxxxxxxxxxx
PPTX
Viajando pela literatura brasileira.pptx
PDF
1507-1santificacao@3_slides.pdffffffffff
PDF
Apostila 1 - Despertar das Sobrancelhas.pdf
PDF
CERTIFICADO BIOMAS DO BRASIL DIVERSIDADE, SABERES E TECNOLOGIAS SOCIAIS.pdf
PPTX
tema_12_-_discipulado_novo_tempo.pptxxxxx
PPTX
tema_8_-_discipulado_novo_tempo.pptxxxxxx
PPTX
Teorias Motivacionais: Teoria das necessidades de Abrham Maslow
PDF
Slide de apresentação - legendas africanas
PPT
inimigos-invisc3adveis.ppttttttttttttttttt
PPTX
tema_7_-_discipulado_novo_tempo.pptxxxxxx
PPTX
Espatula Culinaria do futuro by inteligência artificial
tema_3_-_discipulado_novo_tempo.pptxxxxxxx
ppt-licao04-jesusrestaurador.pptxxxxxxxxxx
Viajando pela literatura brasileira.pptx
1507-1santificacao@3_slides.pdffffffffff
Apostila 1 - Despertar das Sobrancelhas.pdf
CERTIFICADO BIOMAS DO BRASIL DIVERSIDADE, SABERES E TECNOLOGIAS SOCIAIS.pdf
tema_12_-_discipulado_novo_tempo.pptxxxxx
tema_8_-_discipulado_novo_tempo.pptxxxxxx
Teorias Motivacionais: Teoria das necessidades de Abrham Maslow
Slide de apresentação - legendas africanas
inimigos-invisc3adveis.ppttttttttttttttttt
tema_7_-_discipulado_novo_tempo.pptxxxxxx
Espatula Culinaria do futuro by inteligência artificial

The framework and refinement - About Face II

  • 1. Capítulo 7 ABOUT FACE II. THE FRAMEWORK AND REFINEMENT Arthur J. Klas. Design Digital. Pontifícia Universidade Católica do Paraná.
  • 2. O Design Framework é o que define toda experiência do usuário, desde os arranjos de elementos funcionais, o visual e a linguagem usada para apresentar os dados , os conceitos, funcionaidade e a identidade em si. Também veremos o Design Framework aplicado com fins industriais nesse capítulo. THE DESIGN FRAMEWORK:
  • 3.  Definir o formato, postura e métodos de input.  Definir a funcionalidade e os elementos de dados.  Determinar os grupos funcionais e a hierarquia dos mesmos.  Criar o Sketch da interface.  Construir o key path scenario.  Verificar o design com os cenários de validação. 6 PASSOS PARA DEFINIR A INTERACTION FRAMEWORK:
  • 4.  Desenvolver estudos da linguagem visual a ser utilizada  Aplicar uma delas ao protótipo. Tipicamente seguimos dois metodos para esse processo: DEFININDO O DESIGN VISUAL DA FRAMEWORK.
  • 5.  Colaborar com os designers de interação sobre o Form and Factor e os métodos de Input.  Desenvolvimento do Design Bruto  Desenvolver estudos sobre a forma da linguagem. Tipicamente seguimos três metodos para esse processo: DEFININDO O DESIGN VISUAL DA INDUSTRIAL FRAMEWORK.
  • 6. Nesta fase faremos o refinamento de todos os procesos anteriores, criando assim a primeira real identidade do projeto. REFINANDO A FORM AND BEHAVIOR.
  • 7. Agora é a hora de verificar o quão bem aceito o projeto está sendo, coletar os feedbacks e identificar os problemas e refinar os minímos detalhes. A VALIDAÇÃO DO DESIGN E TESTES DE USABILIDADE
  • 8. Nessa parte serão feitos os testes finais, comparações com similares ,o último refinamento e ajustes dos problemas interativos. QUANDO TESTAR: AVALIAÇÕES SUMATIVA E FORMATIVA.
  • 9. Existe uma série de de passos essenciais para conduzir os testes: CONDUZINDO OS TESTES FORMATIVOS DE USABILIDADE
  • 10.  Faça teste suficientemente tarde se há um design substancial, mas cedo o suficiente para faze ajuste e implementações no mesmo.  Teste os aspectos da experiência do usuário.  Recrute pessoas do público alvo.  Também realize testes com o seu protótipo básico.  Minimize os preconceitos utilizando-se de usuários não envolvidos com o projeto.  Concentre-se nos comportamentos dos participantes e sua fundamentação.  Envolva os designers em todo o processo de estudo.  Debata com os observadores depois dos testes para identificar as razões por trás das questões observadas.
  • 11. Para evitar os conflitos designer usuário, o primeiro deve estar focado nos seguintes aspectos:  Planejar os estudos para manter o foco em questões cruciais sobre o Design.  Usar perfis de usuário para definir o público que será usado nos testes.  Fazer uso dos cenários para desenvolver as peguntas.  Observar as sessões de teste.  Colaborativamente analisar os resultados do estudo. O INVOLVIMENTO DO DESIGNER NOS ESTUDOS DE USABILIDADE