O documento discute a importância da experiência do usuário para os negócios e apresenta um projeto de design de interface para um sistema de gerenciamento de consumo em prédios residenciais. O projeto visa criar uma interface intuitiva e de fácil compreensão para fornecer informações sobre gastos de água, luz e gás de forma a incentivar a economia entre os moradores. O design proposta se baseia em pesquisas com usuários e aplica cores, ícones e wireframes para uma navegação simples entre as seções do sistema.

1. A IMPORTÂNCIA DA
EXPERIÊNCIA DO USUÁRIO
PARA SEUS NEGÓCIOS.

2. Raisny Fernandes
Graduado em Design Gráfico - UEMG
Experiência de projetos desenvolvidos para Startups
UX & Product Design

3. Experiência?
“A criação e a sincronização dos elementos
que afetam a experiência dos usuários com
a intenção de influenciar as suas percepções
e o seu comportamento.”

4. Projetar para
pessoas
TRÍADE DA
EXPERIÊNCIA
DIGITAL
UTILIDADE
USABILIDADE
DESEJO
Compartilhar
boas histórias
Estimular os
sentidos

5. Marcas são construídas
através de experiências

6. - Crie um grande produto
- Venda sonhos, não venda só produtos
- Evangelistas
- Design simples, e quando conseguir, simplifique-o ainda mais
- Você não tem que ser o primeiro, mas deve ser o melhor
- Inove ou morra

7. - Encante-me
- Simplifique minha vida
- Me faça sentir bem

8. FUELBAND

9. “Você pode sonhar, criar e projetar o lugar mais
espetacular do mundo, mas precisará de pessoas
para tornar o sonho realidade”

10. E HOJE?

12. Garantindo a consistência
da experiência
independentemente do
formato ou canal

15. METODOLOGIA

18. PESQUISA CONCEPÇÃO AVALIAÇÃO
Estudo etnográfico
Diário de uso continuado
Entrevista com stakeholders
Cardsorting
Pesquisa Quantitativa
Análise competitiva
Teste de usabilidade
Análise Heurísticas
Métricas
Seo
Teste A/B
Inventário de conteúdo
jornada do usuário
Criação de personas
Sitemap
Fluxograma
Wireframes e
protótipos navegáveis
Especificação de uso

19. Mapeando a
jornada do usuário
para identificar
oportunidades

21. GERENCIAMENTO
ARQUITETANDO A EXPERIÊNCIA DO USUÁRIO
DE CONSUMO
RAISNY FERNANDES
TCC
UEMG

22. Instalação de um sistema em prédios
com medidores de energia, água e gás
individuais em cada apartamento permite
a leitura automática do consumo desses
recursos.
O QUE É
DE CONSUMO
GERENCIAMENTO
?

23. FUNCIONA
COMO
? Servidor de
Bancode Dados
MySQL
Servidor
de
Comunicação
PowerVIEW VIEWER
MEDIDORES
RS-485
RS-232
ETHERNET
3 CAMADAS:
• SERVIDOR DE BANCO DE DADOS
• SERVIDOR DE COMUNICAÇÃO
• APLICATIVO DE VISUALIZAÇÃO

24. PROBLEMA?
São interfaces limitadas que não
conseguem atender circunstâncias
e desdobramentos de um projeto.
• HIERARQUIA DE INFORMAÇÃO
• USABILIDADE
• NAVEGABILIDADE

26. FUNÇÃO DO
DESIGNER
COM UM PRODUTO. COM ISSO
CRIAÇÃO E SINCRONIZAÇÃO
DOS ELEMENTOS QUE AFETAM
A EXPERIÊNCIA DOS USUÁRIOS
SUAS PERCEPÇÕES E
É POSSÍVEL INFLUENCIAR
COMPORTAMENTOS.
?

27. DESENVOLVER O DESIGN DE INTERFACE
PARA UM GERENCIAMENTO DE CONSUMO
DE UM PRÉDIO DE BELO HORIZONTE.
COM O INTUITO DE COMUNICAR DE
MANEIRA MAIS IDENTIFICÁVEL E SIMPLES
PARA A MENTE DOS USUÁRIOS.
OBJETIVO

28. RESIDENCIAL
TOTAL GREEN
A PBH, ATRAVÉS DA SECRETARIA MUNICIPAL DE
MEIO AMBIENTE (SMMA), LANÇOU EM 2011 SUA
CERTIFICAÇÃO EM SUSTENTABILIDADE AMBIENTAL
COM O NOME DE “SELO BH SUSTENTÁVEL”.
• SISTEMA DE AQUECIMENTO SOLAR;
• COLETA E REAPROVEITAMENTO DE ÁGUA PLUVIAL;
• MEDIÇÃO INDIVIDUALIZADA;
• COLETA SELETIVA DE LIXO;
• BICICLETÁRIO;
• MADEIRAS COM SELO FSC CERTIFICADAS.
BAIRRO PADRE EUSTÁQUIO
PRÉDIO MODERNO E COMPLETO
CONCEITOS ECOLÓGICOS
CONDOMÍNIO ECONÔMICO
PRÁTICAS SUSTENTÁVEIS - CONCEITO VERDE

30. PERSONAS

31. ENGEINHEIRO, 40 ANOS E CASADO.
PAULO CÉSAR FREITAS
FRASE
“GOSTO DE TER O CONTROLE DE TODOS OS GASTOS,
SEMPRE BUSCO FORMAS DE ECONOMIZAR MEU DINHEIRO.”
EXPERIÊNCIA IDEAL
“ESPERO ALGO INTUITIVO E QUE RAPIDAMENTE
CONSIGA REALIZAR MEUS OBJETIVOS.”

32. ADVOGADO, 65 ANOS E CASADO
ANTÔNIO ALMEIDA
FRASE
“QUERO QUE A TECNOLOGIA TRAGA BENEFÍCIOS E
PRATICIDADE PARA NOSSAS VIDAS.”
EXPERIÊNCIA IDEAL
“ESPERO QUE SEJA ALGO FÁCIL DE USAR E QUE
ME PASSE CREDIBILIDADE NAS INFORMAÇÕES.”

33. ANALISTA ADMINISTRATIVO, 28 ANOS E SOLTEIRO
MARCELO NOVAES
FRASE
“SOU PROFISSIONAL E BUSCO OTIMIZAR MINHAS TAREFAS,
ESPERO ENCONTRAR UMA FERRAMENTA QUE ME ATENDA E
TORNE MEU TRABALHO MAIS FÁCIL.”
EXPERIÊNCIA IDEAL
“GOSTARIA DE UMA PLATAFORMA ONLINE E INTUITIVA, QUE
FOSSE CLARA PARA ENTENDER OS DADOS.”

34. SUPORTE

35. ESTRUTURA
• ACUMULADO, INSTANTÂNEO E PREVISÃO MENSAL
• VISUALIZAÇÃO DE AMBIENTES E EQUIPAMENTOS
• VALOR MONETÁRIO
• HISTÓRICO
• AVISOS
IPAD ( MORADOR )
• ACESSO AOS GASTOS DE TODOS APARTAMENTOS
• RANKING PELO GASTO DE CADA MORADOR
• COMUNICAÇÃO COM SUPORTE E MANUTENÇÃO
• RELATÓRIO
• HISTÓRICO
• ALIMENTAR CALENDÁRIO COM AVISOS
• CRIAR ESTRATÉGIAS DE REDUÇÃO DE GASTOS
BROWSER ( ADMINISTRADOR )

36. CONCEITO
SIMPLICIDADE
CREDIBILIDADEMODERNO

37. A B C D E F G H I J K L M
N O P Q R S T U V W X Y
Z a b c d e f g h ij k l m
n o p q r s t u v w x y z
1234567890
Infinity
SEE
#10D2E5

38. see see
RESULTADO

39. PALETA DE
LUZ
#3FDE95
ÁGUA
#77A7FB
GÁS
#FCBE1F
TUDO
#FC6042
INFORMAÇÃ0
#47D2E9
ALERTA
#EC555C
LUZ
#873999
BOTÕES
#81C8CE
BANHEIRO
#5D98BA
LUZ
#A1C7BF
Á. SERVIÇO
#A48CB6
QUARTO
#91E6E9
SALA
#FEE03A
100%
#5D98BA
87%
#212121
54%
#757575
26%
#BDBDBD
BOX
#EEEEEE
BODY
#FFFFFF
MENU ( SITE )
#3B3C3D
LISTA
#F8F8F8
BODY
#A7AAAD
AS SEÇÕES
HIERARQUIA DA INTERFACE, UTILIZADA PARA O CONTEÚDO E ÍCONES
DIVISÕES DOS CÔMODOS DO APARTAMENTO
COMUNICAÇÃO DA INTERFACE
CORES

40. TIPOGRAFIA
A Á À Â Ã B C Ç D E É Ê F
G H I Í J K L M N O Ó Ò Ô
Õ P Q R S T U Ú V W X Y Z
a á à â ã b c ç d e é ê f
g h i í j k l m n o ó ò ô
õ p q r s t u ú v w x y z
1234567890
REGULAR
HELVETICA NEUE A-Z E NÚMEROS
HELVETICA NEUE
Helvetica neue Light
Helvetica neue Regular
Helvetica neue Midium
Helvetica neue Bold
ESPESSURA

41. ÍCONES

42. WIREFRAMES

52. WIREFRAMES

55. http://see.com/dashboard

56. http://see.com/dashboard

58. http://see.com/dashboard

59. http://see.com/dashboard

60. http://see.com/dashboard

61. • TESTES COM USUÁRIO
• MELHORIAS
• APRESENTAR O PROJETO PARA AS EMPRESAS
AVALIAÇÃO

62. Muito obrigado!
Raisny Fernandes
raisny.com
UX & Product Design