portfolio - daniel mendes - design e experiência do usuário | ux

Daniel Mendes Portfolio

Design e Experiência do usuário

O que é UX?

É adaptar as coisas às pessoas

Perfil dos Usuários

Conhecendo melhor o perfil dos

usuários através de pesquisas

Experiência do usuário

Perfil dos usuários

• Cultural Bagagem

Vivência com digital

• Cognitivo Percepção

Aprendizado

• Comportamental Preferências

Opiniões

• Social Idade, gênero

Habitos

Quem?

Entrevistas

Cultural

Comportamental

Cognitivo

Social

Pesquisa online

Questionários online

Big Data Futebol Brasileiro

Xbox Brasil

Futebol

Gameloft

Pou

CityVille

Voleibol

Truco

UNO

Ubisoft Brasil

Xadrez

Xbox

Angry Birds

Guitar Hero

EA SPORTS FIFA

Banco imobiliário

EA Sports FIFA Brasil

Reino dos Jogos Online

Pro Evolution Soccer

Pro Evolution Soccer Brasil

LEGO

CSR Racing - Official Community

Zynga Poker (Português)

CastleVille

Reciclagem Divertida

League of Legends - Brasil

Texas HoldEm Poker

PAC-MAN

Pôquer

God of War

Need for Speed

Paciência

tenis

Semaan Brinquedos

NetCartas

Adventure World (Português)

Jogo de cartas buraco

Dominó

Damas

The Sims

UFC Undisputed (THQ)

Street Fighter

World of Warcraft

Golaço - Esporte Interativo

Eu era feliz e não sabia

Futbol

Fabrica Encantada BC (Casinhas de Boneca)

Sonic The Hedgehog

Battlefield

Minecraft

Cut the Rope

Temple Run

XoX Jogos

God of War 2

God of War III

Tranca

Mundo dos Games

Paciência Spider

Basquetebol

Racha Cuca

Xicko's Brinquedos

Clube Do Brinquedo

buraco

Mobigame

Nenhum

Free Casual Games

Imagem e ação

App Center

Pro Evolution Soccer 2011

Baralho

Joanninha

Zynga RewardVille

MegaCity

Estilo Geek

FUTSAL

gta IV

FUTEBOL,VOLEI.

League of Legends

Café Mania Fonte:

GeekMania Artigos para nerds

Big Data

Socialise

Persona

Caracterizar fisicamente a pessoa com seu jeito,

forma de agir e pensar e suas preferências.

Persona

GeekMania Artigos para nerds

Persona

Persona

Persona

Persona da interface

Análise Heurística

Encontrar soluções e novas

abordagens para um problema

Experiência do usuário

Análise heurística

Pontos fortes Pontos fracos Melhores práticas

Encontrabilidade

Aprendizado

Clareza

Controle

Controle - Centauro

Pontos fracos

O tratamento de erros foi feito, a linguagem está clara, mas visualmente é

muito tímido. Usuários podem abandonar a compra por acharem que está

com problema o sistema, ou por não conseguirem seguir em frente

Controle - Netshoes

Pontos fracos

O tratamento de erros foi feito, a linguagem está clara, mas visualmente é

muito tímido. Usuários podem abandonar a compra por isso

Controle - Kanui

Pontos fortes

Tratamento de erro interessante, isolado do conteúdo. Além disso ainda

permite que o usuário corrija a ação.

Controle

Pontos fortes a seguir

• “Migalha de pão” ao topo para orientar o usuário onde ele está, podendo

voltar para seção anterior

• Processo de compra exibir as etapas como wizard, com link para poder

voltar etapas (pagamento / frete / etc)

• Tratamento de erros na compra deve ser claro e bem visual, de

preferência isolar do conteúdo para usuários leigos verem e seguirem

Pontos fracos a evitar

• Tratamento de erros tímido visualmente ou deslocado da tela principal

• Etapas do processo de compra devem conter links

Melhores práticas

• A orientação do usuário, o tratamento de erros bem visual e as etapas de

compra que podem ser “voltadas”

Mapa do site ou app

Cardsorting

Case

Estudo de caso: Portal Corporativo

Taxonomia

Classificação

humana

Migração

automatizada

Estudo de caso:

Taxonomia

Estudo de caso:

Taxonomia

Estudo de caso:

Case

Projeto Ebook para iPad e iPhone

Cem dias entre Céu e Mar

Amyr Klink

Companhia das Letras

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Estudo de caso: Sorriso Digital

Testes de usabilidade

Tarefas

Feedbacks

Testes de usabilidade

Eye Tracking

Obrigado!

Daniel Mendes

danielnmendes@gmail.com

br.linkedin.com/in/danielnobregamendes/

Formação

Desenho Industrial – Belas Artes

MBA em Marketing - ESPM

Atuação

Design e Usabilidade

Gestão do conhecimento

Gestão de projetos

Ciência de dados

Empreendedorismo