eletrotupi / tcc/ commit / b958ee0

thesis: explain the logo a little bit more

Pedro Lucas Porcellis porcellis@eletrotupi.com 22 days ago b958ee0b77da944860fd0c6f1661987c2a28b239
Parents: 12b49e2
2 file(s) changed
  • monografia/chapters/design.tex +22 -13
  • monografia/monografia.bib +1 -2
monografia/chapters/design.tex
1 1 
\chapter{Design}
2 2
3 3 
% TODO: Find citations
4 4
5 5 
As decisões de design do sistema foram fundamentadas tanto na análise dos
▸ 19 unchanged lines
25 25 
cores saturadas em favor de uma linguagem mais discreta e orientada ao
26 26 
conteúdo.
27 27
28 28 
\section{Logotipo e identidade visual}
29 29
30 - 
O logotipo do sistema foi planejado para representar o próprio nome do sistema.
31 - 
Nexo, que representa a conexão, convergência de vários elementos. Esse nome
32 - 
conversa com a ideia do projeto em trabalhar o EMA, visto que o objeto que o
33 - 
aplicativo trabalha para além de registrar o humor do usuário, mas sim
34 - 
construir uma narrativa diária do estado emocional, conectando informações
35 - 
contextuais como qualidade do sono, estresse, energia, ansiedade, sentimentos,
36 - 
emoções, atividades, psicofármacos, consultas, etc.
30 + 
O logotipo do sistema foi concebido para representar o próprio nome da
31 + 
aplicação. O termo Nexo remete à ideia de conexão, relação e convergência entre
32 + 
diferentes elementos. Esse conceito dialoga diretamente com a proposta do
33 + 
projeto, fundamentada na metodologia de Avaliação Ecológica Momentânea (EMA).
34 + 
Embora seja cada vez mais comum monitorar aspectos isolados da rotina, como
35 + 
qualidade do sono, nível de atividade física ou uso de medicamentos, essas
36 + 
informações frequentemente permanecem fragmentadas, dificultando a compreensão
37 + 
das relações existentes entre elas.
38 +
39 + 
Nesse contexto, o nome Nexo representa a proposta central do sistema: integrar
40 + 
essas informações e auxiliar o usuário na construção de uma narrativa coerente
41 + 
sobre seu estado emocional. Em vez de tratar humor, emoções, estresse, energia,
42 + 
ansiedade, atividades, psicofármacos e consultas como registros independentes,
43 + 
o aplicativo busca evidenciar como esses fatores se relacionam ao longo do
44 + 
tempo, favorecendo a identificação de padrões e possíveis associações.
37 45
38 - 
Portanto, o nome representa exatamente esse propósito, é o que ``dá liga'' a
39 - 
várias coisas esparsas, dando sentido, racionalizando esses elementos.
46 + 
Assim, tanto o nome quanto o logotipo procuram transmitir a ideia de
47 + 
convergência, de ``dar a liga'', representando o papel do sistema em conectar
48 + 
informações dispersas e transformá-las em conhecimento útil para o processo de
49 + 
autorreflexão.
40 50
41 51 
\begin{figure}[h]
42 52 
\centering
43 53 
\caption{Logotipo do sistema}
44 54 
\label{fig:logo}
▸ 7 unchanged lines
52 62 
falhas na pressão utilizada por ter pequenas variações e espaços em branco no
53 63 
logotipo.
54 64
55 65 
\subsection{Hierarquia visual}
56 66
57 -
58 67 
No contexto de interfaces digitais, a hierarquia visual corresponde à
59 68 
estruturação de elementos de uma tela ou página de forma a narrar e orientar o
60 69 
usuário com os elementos que são mais significativos e que demandam mais
61 70 
atenção.
62 71
63 72 
Por meio de repetições de padrões de agrupamento de informações, contraste,
64 73 
tamanhos, espaçamentos, busca-se reduzir o esforço necessário para encontrar
65 74 
elementos importantes e quais ações necessitam de maior visibilidade. Segundo
66 - 
(?) uma hierarquia visual bem definida, ajda o usuário a interpretar
67 - 
rápidamente a interface, reduzindo a carga cognitiva e tornando a navegação
68 - 
mais intuitiva.
75 + 
\citet{Lidwell_2011} uma hierarquia visual bem definida, ajuda o usuário a
76 + 
interpretar rápidamente a interface, reduzindo a carga cognitiva e tornando a
77 + 
navegação mais intuitiva.
69 78
70 79 
Portanto, com esse foco em mente, produziu-se uma lista pequena de componentes
71 80 
com visual semelhante, reduzindo o contraste entre esses mesmo elementos, o que
72 81 
ajuda justamente a gerar uma sensação de consistência e previsibilidade entre
73 82 
telas e elementos gráficos.
▸ 38 unchanged lines
112 121
113 122 
A tipografia escolhida é a Inter, criada por Rasmus Andersson, cujo é
114 123 
reconhecida justamente pela legibilidade e atenção para que seja bem
115 124 
renderizada no uso digital. A fonte hoje é usada por diversas plataformas, como
116 125 
o Figma.
monografia/monografia.bib
1 1 
@article{Iwaya:22,
2 2 
  title={On the privacy of mental health apps},
3 3 
  volume={28},
4 4 
  DOI={10.1007/s10664-022-10236-0},
5 5 
  number={1},
▸ 137 unchanged lines
143 143 
  year={2013},
144 144 
  collection={The Addison-Wesley Signature Series},
145 145 
  language={eng}
146 146 
},
147 147
148 -
149 148 
@book{Martin_2012,
150 149 
  address={Upper Saddle River, NJ Munich},
151 150 
  edition={Repr.},
152 151 
  series={Robert C. Martin series},
153 152 
  title={Clean code: a handbook of agile software craftsmanship},
▸ 12 unchanged lines
166 165 
  volume={17},
167 166 
  number={2},
168 167 
  pages={61--66},
169 168 
  year={1992},
170 169 
  publisher={Elsevier},
171 - 
  address={Cambridge, MA, USA},
170 + 
  address={Cambridge, MA, USA}
172 171 
},
173 172
174 173 
@article{silva:18,
175 174 
	title={Ambientações messiânicas: Um estudo acerca das idiocrassias},
176 175 
	author={Silva, Luís Eduardo Talavera Pereira and Martins, Luisa Helena Madureira and Yang, Qu and Wang, Kim},
▸ 10 unchanged lines
187 186 
	title={Meu website},
188 187 
	author={Giovane Torres},
189 188 
	url={https://gdotorres.github.io},
190 189 
	urldate={26 de outubro de 2018},
191 190 
}