Elisa Volpato: Apresentando resultados antes de wireframes - com princípios de design

Interaction14South AmericaEl evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinoamérica.

B U E N O S A I R E S

Apresentando resultados antes de wireframes -

com princípios de designElisa Volpato @elisavolpato

Sobre mim, rapidinho

antesconsultorias, agência, portal, área de inovação de grande banco


Usabilidade, consultorias, área de inovação de grande banco


hoje

freelancer consultor empresa

Desafio como consultor:envolver o cliente no processo

consultor

cliente

Briefing comum

consultorclientePreciso de um

site novo. Você faz

wireframes?

Briefing comum

consultorcliente

Opa, faço de tudo um pouco.

Vamos por partes…

PROJETO HOSPITAL ALBERT EINSTEIN

Hospital de referência no Brasilcom área de ensino e pesquisa

BRIEFING:Organizar os programas de ensino

de forma mais relevante com o objetivo de aumentar a conversão

do site

INVESTIGAÇÃO INICIAL

Levantamento de conteúdo

Análise dos comentários

no site

Entrevistas + teste de

usabilidade

Análise do site atual

Benchmark

Entrevistas com stakeholders

Visita à central de atendimento

(1 mês de trabalho antes de abrir o Axure)

ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience

ENTREVISTA + TESTE DO SITE ATUAL

13

ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 14

182 comentários em páginas de cursos de diversos tipos, categorizados por assunto

COMENTÁRIOS NO SITE

Selecionamos aleatoriamente páginas de diversas categorias de cursos - com ou sem inscrições abertas.

OK, queremos que o Einsteinsaiba que fizemos isso tudo.

Como condensar todas as descobertas?

PRINCÍPIOS DE DESIGN

Levantamento de conteúdo

Análise dos comentários

no site

Entrevistas com usuários

Análise do site atual

Benchmark

Entrevistas com stakeholders

Visita à central de atendimento

( )PRINCÍPIOS DE DESIGN

DIETER RAMS1. Good design is innovative2. Good design makes a product useful3. Good design is aesthetic4. Good design helps us to understand a

product5. Good design is unobtrusive6. Good design is honest7. Good design is durable8. Good design is consequent to the last

detail9. Good design is concerned with the

environment10.Good design is as little design as possible

Focus on the user and all else will follow.

Decide for me but let me have the final say.

LUKE WROBLEWSKIPrincípios como "deixe fácil de usar" ou "rapidez" ou “coloque o usuário em primeiro lugar‟ são geralmente algumas das primeiras ideias que vêm à cabeça.

Mas é muito mais efetivo ter princípios de design que abrangem as necessidades específicas de um produto e seus objetivos de negócio.

GERAL

ESPECÍFICO

Bom design é inovadorConcentre-se no usuário

e o resto virá junto

Decida por mim, mas deixe-me ter a palavra final

PRINCÍPIOS PARA EINSTEIN

PRINCÍPIOS DE DESIGN PARA O EINSTEIN

1. Permitir a busca por tipo de curso, mas também por especialidade2. Temos muitos cursos; a vitrine deve ser como um bom e-commerce3. Evitar um beco sem saída: oferecer navegação entre relacionados4. O que é, para quem, quanto e quando? Destacar informações que

influenciam a decisão5. Fluxo de inscrição deve ser rápido, em até 4 etapas6. Padrões e consistência facilitam a navegação 7. Site deve ser fácil de usar também no celular

PRINCÍPIOS PARA EINSTEIN


4.O QUE É, PARA QUEM, QUANTO E QUANDO? DESTACAR INFORMAÇÕES IMPORTANTES QUE AFETAM A DECISÃO

25

Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User ExperienceÍNDICE

(print do site, escondido de propósito)

NO SITE ATUAL NÃO ENCONTRAM INFORMAÇÕES BÁSICAS, COMO VALOR

26

“Uma coisa que eu não vi aqui foi o valor. Pode ser que esteja no meu rosto e eu não tô vendo…”

Enfermeira, 30 anos, aluna Einstein

“Boa tarde. Gostaria de saber o valor do simpósio. Obrigada."

Comentário em página de simpósio.

“Qual o valor?” é pergunta a mais frequente em páginas de evento.

ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience0

10

20

30

40

27

148 dúvidas várias poderiam ser resolvidos por uma página de curso mais clara

DÚVIDAS SOBRE CURSOS


sobre pré-requisitos, público-alvo

‘existe esse curso online?'

próximas turmas

…cauda longa

“Alguns veem o público no site, mas querem confirmar. Outros nem viram, mesmo."


O QUE É, PARA QUEM, QUANTO CUSTA, QUANDO VAI SER?

28

Nas páginas de cursos ou eventos, importante ter uma área que resume os pontos mais importantes e a questões práticas - e que se mantém consistente em todo o site.

• Site do Senac Rio tem uma apresentação bonita para cada curso, com um resumo no topo que se repete em todas as páginas de curso.

1

1

1

www.rj.senac.br/cursos/detalhe/145/designer-de-games

http://www.rj.senac.br/cursos/detalhe/145/designer-de-games




RECOMENDAÇÃO

Agrupando as informações objetivas sobre os cursos e eventos em um resumo, repetido em todas as páginas.

29

EFEITO ESPERADO

Alunos mais auto-suficientes para fazer a inscrição completa pelo site e aumento na conversão. Queda na quantidade de dúvidas em comentários e na central.


4.O QUE É, PARA QUEM, QUANTO E QUANDO? DESTACAR INFORMAÇÕES IMPORTANTES QUE AFETAM A DECISÃO

30

Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User ExperienceÍNDICE

(print do site, escondido de propósito)

31

“Uma coisa que eu não vi aqui foi o valor. Pode ser que esteja no meu rosto e eu não tô vendo…”

Enfermeira, 30 anos, aluna Einstein

“Boa tarde. Gostaria de saber o valor do simpósio. Obrigada."

Comentário em página de simpósio.

“Qual o valor?” é pergunta a mais frequente em páginas de evento.

TESTE DE USABILIDADE, ANÁLISE HEURÍSTICA

ANÁLISE DE COMENTÁRIOS

ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 32

148 dúvidas várias poderiam ser resolvidos por uma página de curso mais clara

0

10

20

30

40


sobre pré-requisitos, público-alvo

‘existe esse curso online?'

próximas turmas

…cauda longa

“Alguns veem o público no site, mas querem confirmar. Outros nem viram, mesmo."

ANÁLISE DE COMENTÁRIOS

VISITA À CENTRAL


O QUE É, PARA QUEM, QUANTO CUSTA, QUANDO VAI SER?

33

Nas páginas de cursos ou eventos, importante ter uma área que resume os pontos mais importantes e a questões práticas - e que se mantém consistente em todo o site.

• Site do Senac Rio tem uma apresentação bonita para cada curso, com um resumo no topo que se repete em todas as páginas de curso.

1

1

1

www.rj.senac.br/cursos/detalhe/145/designer-de-games

ANÁLISE DE CONCORRENTES E

REFERÊNCIAS DA CATEGORIA





RECOMENDAÇÃO

Agrupando as informações objetivas sobre os cursos e eventos em um resumo, repetido em todas as páginas.

34

EFEITO ESPERADO:Alunos mais auto-suficientes para fazer a inscrição completa pelo site e aumento na conversão. Queda na quantidade de dúvidas em comentários e na central.

USE AS ARMAS QUE VOCÊ TEM.

USE AS ARMAS QUE VOCÊ TEM‣ Informações da concorrência‣ Informações do cliente: métricas, objetivos‣ Informações do usuário que já estão disponíveis sem ter

que recrutar: central de atendimento, comentários no site, redes sociais

‣ Resultados da pesquisa que você fez‣ Resultados de pesquisas que outras pessoas fizeram,

mas são relevantes também

POR FIM…

Princípios de designpodem ser uma forma simplesde condensar o conhecimento sobre um assunto e alinhar o pensamento entre clientes e

designers.

Você pode combinar com os clientes:

vamos entrar em acordo sobre os princípios e depois partimos para o

design.

Obrigado, equipe do Einstein. :)

E se alguém precisar de consultoria (rápido jabá):

uxdialog.com.br

No deje de completar su evaluación online

isa.ixda.org/encuesta¡Muchas gracias!

Interaction14South America

B U E N O S A I R E S

Apresentando resultados antes de wireframesElisa Volpato

Elisa Volpato: Apresentando resultados antes de wireframes - com princípios de design

Design