_aplicando ux design em

projetos digitais
cases da Catarinas Design

Esse ebook tem o objetivo de mostrar

que possvel inserir UX design na sua
empresa, startup ou projeto. Neste
material apresentamos cases reais
realizados na Catarinas Design para
clientes com variados budgets.
Somos uma empresa de Florianpolis que
atua na rea de design de interao com
consultoria de usabilidade, pesquisa com
usurios e tambm com solues digitais
como interfaces de software, websites e
aplicativos mobile.

Primeiro, POR QU?

_Voc j teve dvidas do tipo...
Minha interface est agradando meu cliente?
Ser que meus usurios conseguem realizar as
tarefas desejadas sem maiores dificuldades?
Eles ficam satisfeitos ao utilizarem o meu
produto?
Ou saem estressados com o insucesso ou
barreiras encontradas no sistema?

Se sim...

ITs TIME!!

Comece a se preocupar com a

experincia de seu usurio!
Investir em uma boa experincia de seu
cliente no apenas vai poupar reclamaes
para sua empresa mas tambm vai
enconomizar o seu dinheiro!
Como j falamos em outros materiais,
motivos no faltam =)

cases

_BY Catarinas Design

projeto

jointi

startup de recrutamento e
seleo de vagas na rea de
tecnologia

Pblico alvo

_empresrios, profissionais de RH
_profissionais da rea de TI

desafio
_criar para o usurio do perfil empresa uma interface que
resumisse a informao de forma a facilitar a escolha de
um profissional para contratao

Cenrio

_projeto para startup com prazo e escopo reduzidos.

Participao prxima do cliente e equipe de desenvolvedores
no fluxo de navegao e arquitetura da informao

plano de ao
Validao interna
Como a Catarinas se enquadrava no pblico alvo potencial do
aplicativo, colocar-se no lugar do usurio para o processo de
validao interna foi um mtodo produtivo para uma construo
colaborativa

*Dicas
_em caso de emergncia, comece pelo mais simples
_o seu colega poderia ser um cliente?
_ uma opinio de fora (quase sempre) pode ser til
_forma rpida e barata de validao

jointi

Como foi feito

jointi

_listagem dos contedos e recursos do aplicativo

_estudo de taxonomia que fosse de fcil
reconhecimento para o pblico-alvo
_desenho dos fluxos dos esboos junto ao cliente e
devs para uma validao mais dinmica
_criao coletiva dos wireframes
_concepo do projeto grfico

jointi

ideao,
fluxos e
wireframes

RESULTADO

jointi

projeto

G4decision

plataforma de visualizao
de grandes quantidades de
dados por perodo de tempo

Pblico alvo

_gestores de orgos pblicos

_funcionrios do governo
_conhecimentos em tecnologia de nvel iniciante/intermedirio

desafio
_releitura da interface piloto do sistema, focando na
melhoria da usabilidade e transformando aes e termos
tcnicos em recursos de fcil compreenso

Cenrio

_startup ainda sem clientes na base, todo o conhecimento e

experincia sobre o problema vinha da bagagem e vivncia
no problema por parte dos stakeholders. Usurios chave do
produto tinham um perfil bastante inacessvel para contato

plano de ao

g4decision

Entrevistas com stakeholder

Por tratar-se de uma rea tcnica bastante especfica e devido
a forte exprincia dos fundadores do projeto no assunto, foi de
extrema importncia o entendimento de suas motivaes e
percepes no que diz respeito ao lanamento da soluo

*Dicas
O mtodo aplicado foi bom para:
_entender como indivduos pensam
_compreender qualitativamente suas motivaes e
expectativas
_aproveitar os conhecimentos e bagagem dos skeholders
do projeto

Como resolvemos

g4decision

_estudo sobre o produto e sobre o universo

de visualizao de dados
_delimitao do pblico alvo e mapeamento
emprico do perfil de uso e comportamento
_entrevista com stakeholder para
entendimento do problema motivao do
projeto
_mapeamento com stakeholder da proposta
de valor e objetivo do app

g4decision

compilao das
Entrevistas,
wireframes

RESULTADO

g4
g4decision
decision

projeto

playdea

plataforma de aprendizado
de alunos, professores e
gestores

Pblico alvo

_professores de ensino mdio

_estudantes de 11 a 17 anos

desafio
_com o produto praticamente pronto, a consultoria em
usabilidade teve objetivo facilitar ao mximo as aes do
perfil professor, que representava a principal resistncia
na adeso da plataforma. A anlise focou em localizar
problemas de usabilidade, alm de sugerir melhorias para
otimizar e engajar os usurios

Cenrio

_amplo acesso e tempo para explorar e entender o

funcionamento da lgica dos usurios professores e alunos

plano de ao

playdea

Teste de usabilidade
Aplicao de uma pr entrevista sobre as atividades dirias, e
dificuldades, dos profissionais e alunos seguido da aplicao do
teste de usabilidade e questionrio ps teste para levantar as
percepes dos usurios durante a interao

*Dicas
O mtodo aplicado foi bom para:
_estudar a fundo a verso atual da soluo
_identificar problemas de usabilidade
_melhorar e facilitar a experincia de uso e o engajamento

Como foi feito

playdea

_4 alunos | 2 professores
_1 entrevistador | 1 pesquisador (anotando as ocorrncias)
_roteiros
_testes realizado na plataforma
_gravao de vdeo
Mtodos utilizados nos testes

_entrevista
_teste de usabilidade
_questionrio ps teste

Relatrio e
recomendaes

projeto

mooveapp

rede social focada em

deslocamente e mobilidade
urbana

Pblico alvo

_estudantes universitrios

desafio
_engajar e trazer o maior nmero de pessoas com o objetivo
de reduzir o uso do automvel oferecendo um aplicativo para
smartphone com programa de pontos/recompensas

Cenrio

_projeto participante de um programa de desenvolvimento

de startups e encontra-se em uma fase de total
reformulao da verso atual e validao de novas
funcionalidades

plano de ao

MOVEAPP

questionrio/entrevista
Inicou-se com um questionrio online como forma de mapear o
perfil e recrutar usurios a partir das respostas mais relevantes
para o objetivo da pesquisa. Com a entrevista de profundidade
foram levantadas dificuldades e percepes dos usurios durante o
seu deslocamento dirio e pontos relacionado a sua vida social

Personas
Compilando os resultados das entrevistas foi possvel construir a
persona do projeto, que apresentava equipe de projetos os
dados e informaes essenciais relacionados ao perfil do pblico
alvo do aplicativo, influenciando nas decises e etapas seguintes do
projeto

Como foi feito

MOVEAPP

_mapeamento inicial de quem e o que pensa

o pblico alvo (perfil de uso da tecnologia, dados
demogrficos, como seu ciclo social)
_compreenso da dinmica de deslocamento dessas
pessoas
_verificao das solues e linguagens fazem parte do
cotidiano desse pblico
_mapeamento dos elementos de motivao e
engajamento

personas e
resultados
da pesquisa

Gostou?
Vamos conversar para
saber como
podemos te ajudar :)

SOLICITE UMA
PROPOSTA

Catarinas Design de Interao

catarinasdesign.com.br
fb.com.br/catarinasdesign
@catarinasdesign