Chega de "tapa na UX" - Agile trends 2016

Tiago Silva da Silva

Chega de "tapa na UX"!

Tiago Silva da Silva

Chega de "tapa na UX"!

CONCEITOS

UI User Interface

Usabilidade

Medida na qual o produto pode ser usado por usuários específicos para alcançar objetivos específicos com

eficácia, eficiência e satisfação em um contexto de uso específico.

ISO 9241-11

UX

UX User eXperience

UX User eXperience

eXperiência do Usuário

UX User eXperience

eXperiência do Usuário

“…percepções e respostas de uma pessoa que resultam do uso ou uso anterior de

um produto, sistema ou serviço...”

ISO 9241-210

UX User eXperience

eXperiência do Usuário

“…percepções e respostas de uma pessoa que resultam do uso ou uso anterior de

um produto, sistema ou serviço…”

“Como as pessoas se sentem quando usam algo.”

@tsharon

@PedroBelleza

UXDESIGN

UX Design Design da experiência do

Usuário

DESIGN

Desenho Projeto Designo

@radfahrer

DESIGN

Desenho Projeto Designo

Desenho que segue um projeto e que tem uma finalidade.

@radfahrer

designER

Desenho Projeto Designo

Desenho que segue um projeto e que tem uma finalidade.

UX Design

Design da experiência do Usuário.

Aplicação de práticas do UCD para gerar designs coesos, preditivos e

desejáveis com base em considerações holísticas da experiência dos usuários.

ISO 9241-210

User-Centered Design (UCD)

http://www.usabilityprofessionals.org/usability_resources/about_usability/what_is_ucd.html

http://www.usabilityprofessionals.org/usability_resources/about_usability/what_is_ucd.html

É um framework de processos (não restrito a interfaces ou

tecnologias) em que é dada grande atenção às necessidades, desejos e limitações dos usuários finais de um produto ou serviço

em cada estágio do processo de design.

The Fable of the USER-CENTRED DESIGNER

David Travis

Designer eficaz

Designer eficaz

Orgulho

Designer eficaz

Orgulho

Interesse em estética

Designer eficaz

Orgulho

Interesse em estética

Estado da arte

Designer eficaz

Orgulho

Interesse em estética

Estado da arte

Designer eficazes criam tecnologia que beneficia a organização, seus clientes e a sociedade em geral

Designer eficaz

Orgulho

Interesse em estética

Estado da arte

Designer eficazes criam tecnologia que beneficia a organização, seus clientes e a sociedade em geral

Compartilhar com outras pessoas

Designer eficaz

Orgulho

Interesse em estética

Estado da arte

Designer eficazes criam tecnologia que beneficia a organização, seus clientes e a sociedade em geral

Compartilhar com outras pessoas

User-Centred DesignER

Designer eficaz

Orgulho

Interesse em estética

Estado da arte

Designer eficazes criam tecnologia que beneficia a organização, seus clientes e a sociedade em geral

Compartilhar com outras pessoas

User-Centred DesignER

Foco em pessoas

Achava que conhecia o usuário

Achava que conhecia o usuário

Projetava para um usuário que não existia

Observar o usuário no seu ambiente

Achava que conhecia o usuário

Projetava para um usuário que não existia

Observar o usuário no seu ambiente

Ouvir o usuário

Achava que conhecia o usuário

Projetava para um usuário que não existia

Observar o usuário no seu ambiente

Ouvir o usuário

Achava que conhecia o usuário

Projetava para um usuário que não existia

Entender para quem você está projetando, o que as pessoas querem fazer com o sistema e em qual ambiente

ele está sendo usado

Observar o usuário no seu ambiente

Ouvir o usuário

Achava que conhecia o usuário

Projetava para um usuário que não existia

Entender para quem você está projetando, o que as pessoas querem fazer com o sistema e em qual ambiente

ele está sendo usado

Fazer isso ao longo do projeto

Saber o que precisa ser melhorado

Observar o usuário no seu ambiente

Ouvir o usuário

Achava que conhecia o usuário

Projetava para um usuário que não existia

Entender para quem você está projetando, o que as pessoas querem fazer com o sistema e em qual ambiente

ele está sendo usado

Fazer isso ao longo do projeto

19

The Fable of the User-Centred Designer

THE FIRST SECRET OF USER-CENTRED DESIGN:

EARLY AND CONTINUAL FOCUS ON USERS AND THEIR TASKS

Foco nos usuários e tarefas desde o início e de forma contínua

Saber se o seu design funciona como as pessoas esperam

Observar o usuário mais do que ouví-lo

Saber se o seu design funciona como as pessoas esperam

Observar o usuário mais do que ouví-lo

Teste de Usabilidade (empírico)

Saber se o seu design funciona como as pessoas esperam

Satisfação

Observar o usuário mais do que ouví-lo

Teste de Usabilidade (empírico)

Eficácia

Eficiência

Saber se o seu design funciona como as pessoas esperam

25

The Fable of the User-Centred Designer

THE SECOND SECRET OF USER-CENTRED DESIGN:

EMPIRICAL MEASUREMENT OF USER BEHAVIOUR

Medição empírica do comportamento do usuário

Prototipação "em papel"

Prototipação "em papel"

Evolutiva

Prototipação "em papel"

Evolutiva

Protótipo interativo

Iterativa

Prototipação "em papel"

Evolutiva

Protótipo interativo

Iterativa

Prototipação "em papel"

Evolutiva

Protótipo interativo

Evolução por seleção natural

30

David Travis

THE THIRD SECRET OF USER-CENTRED DESIGN:

ITERATIVE DESIGN

Design Iterativo

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Design Iterativo

Medição empírica do comportamento do usuário

Foco nos usuários e tarefas desde o início e de forma contínua

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Design Iterativo

Medição empírica do comportamento do usuário

Foco nos usuários e tarefas desde o início e de forma contínua

TÃO SIMPLES!

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Acham que conhecem seus usuários

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Acham que conhecem seus usuários

Designer Herói

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Acham que conhecem seus usuários

Designer Herói

Fazem “pesquisa" Início e Fim

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Acham que conhecem seus usuários

Designer Herói

Fazem “pesquisa" Início e Fim

Perguntam em vez de Observar Focus Group e Demo

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Acham que conhecem seus usuários

Designer Herói

Fazem “pesquisa" Início e Fim

Perguntam em vez de Observar Focus Group e Demo

Projetam iterativamente

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Acham que conhecem seus usuários

Designer Herói

Fazem “pesquisa" Início e Fim

Perguntam em vez de Observar Focus Group e Demo

Projetam iterativamente

HIPPO Highest Paid Person’s Opinion

Identify the Stakeholders

Segment the Market

Create the UX Vision

Analyse the Opportunity

Build User Profiles

User Centred Design Steps

IdentifyRed Routes

BuildEnvironment

Profiles

Build the Context of Use

Create the User Experience

Track real-world usage and continuously improve the product

Layout the Screens

Evaluate Usability

Develop the Information Architecture

Set KeyPerformance

Indicators

Empresas acham que são centradas no usuário

Acham que conhecem seus usuários

Designer Herói

Fazem “pesquisa" Início e Fim

Perguntam em vez de Observar Focus Group e Demo

Projetam iterativamente

HIPPO Highest Paid Person’s Opinion

Infinidade de maneiras de fazer UCD

39

The Fable of the User-Centred Designer

SHARE IT WITH OTHERS

Compartilhe com os outros!

Shared Understanding

http://work.co/virgin-america/

http://work.co/virgin-america/

6 princípios-chave para garantir que um projeto é Centrado no Usuário

MANIFESTO

1. O projeto é baseado em um entendimento explícito dos usuários, tarefas e ambientes.

2. Os usuários são envolvidos em todo o projeto e desenvolvimento.

3. O projeto é conduzido e refinado por avaliações centradas no usuário.

4. O processo é iterativo.

5. O projeto aborda toda a experiência do usuário.

6. A equipe de projeto inclui habilidades e perspectivas multidisciplinares.

39

The Fable of the User-Centred Designer

SHARE IT WITH OTHERS

Shared Understanding

Chega de "tapa na UX"!

silvadasilva@unifesp.br @tiagosdasilva

http://www.slideshare.net/silvadasilva

Tiago Silva da Silva