design de interação mobile

Técnicas e UI Guidelines para Mobile.

Design de Interação Mobile

Douglas Schmidt

O que é Interação?

Na visão do Design

Ação mediada por artefatos

Controle da mediação pelo projeto do artefato

Interação pessoa-objeto, PESSOA-PESSOA e pessoa-mundo

O Design de Interação tem raízes na compreensão das pessoas e seus verdadeiros objetivos e necessidades. Através de práticas do Design Centrado no Usuário o Designer de Interação busca criar produtos e serviços que tragam uma experiência de uso melhor e mais agradável e que atenda da melhor forma os desejos dos usuários.

O Design de Interação tem raízes na compreensão das pessoas e seus verdadeiros objetivos e necessidades. Através de práticas do Design Centrado no Usuário o Designer de Interação busca criar produtos e serviços que tragam uma experiência de uso melhor e mais agradável e que atenda da melhor forma os desejos dos usuários.

Porque se preocupar com Design de Interação?

Modelo mental do desenvolvedor

Design Centrado no Sistema

Maximizar Eficiência

Demonstrar Habilidades Técnicas

Muita Exigência do Usuário

Jargões

Design Centrado no Designer

Depende de Inspiração

Expressão Pessoal

Preferências Pessoais

Perfeccionismo e Egocentrismo

http://kalendiar.lenm.cz/

Design Centrado no Usuário

Entender a característica irracional humana

A participação do Usuário no processo

Usuário como Objeto de Pesquisa

Design Emocional

Não se esqueça dos sentimentos

A Diversão como Método

http://thefuntheory.com/

Piano Stairs

http://thefuntheory.com/

Bottle Bank Arcade

Interfaces

Não são só as telas de um site ou aplicativo, Interface é toda camada que facilita uma interação, tanto entre Pessoa-Máquina, Pessoa-Pessoa e até Máquina-Máquina.

O Processo de Design

Levantamento de dados

Reconhecimento do problema

Estudo de similares

Definição de conceito

Geração de alternativas

Definição de solução

Adequação da alternativa

Teste com usuários

Apresentação ao cliente

Aprovação Não aprovação

Produção

Briefing

Adequação

Senso Comum

Geração de Ideias

Requisitos

Protótipos

+ Protótipos

Solução

Processo de Ideação

CASES

http://bit.ly/oQlTNO

A low-cost PC for PositivoIDEO

Digital RetailFrog

http://bit.ly/olZu6g

litl webbookCooper

http://bit.ly/nfwn4l

Little WorldKevin Cannon

http://bit.ly/n5hRpT

Os porquês e os métodos.Pesquisa

Porque vivemos em um mundo diverso.

Porque nossos contextos de vida são diferentes.

Para criarmos soluções mais Humanas.

MétodosQuestionários e entrevistas.

Pesquisas Quantitativas precisam de uma amostra considerável e homogênea. Mostram melhor as tendências.

As Qualitativas buscam um entendimento maior do comportamento humano e não precisam de amostras estatísticas.

Etnografia Visual

Observação

A Observação é uma imersão em uma cultura alienígena. Podemos usar de fotografias, videos e anotações para depois tirar ideias interessantes para o projeto.

Frog

http://bit.ly/pWLKNM

Mobile Computing

Ideação

brainstorm Personas divergir para convergir construir ideias em cima das ideias anteriores evitar advogados do diabo

Prototipação

Prototipação em Papel

Wireframes

Protótipos Funcionais

Importantes para validar os conceitos Economiza tempo e $$ Devem ser produzidos rapidamente Faça fake, faça em Flash

Testes

Usabilidade e as Heurísticas

Feedback Falar a linguagem do usuário Saídas claramente demarcadas Consistência Prevenir erros

Usabilidade e as Heurísticas

Minimizar a sobrecarga de memória do usuário Atalhos Diálogos simples e naturais Boas mensagens de erro Ajuda e documentação

Usabilidade e as Heurísticas

iOS Guidelines http://bit.ly/ogBZvm

Android Guidelines http://bit.ly/pLBjPK

Comparação

Contato

Douglas Schmidtdouglaslondrina@gmail.com www.magtab.com