Doctar - UX/UI, Styleguide e Design System
Fundamentação
O benchmark realizado serviu para balizar as decisões relativas a interfaces, funcionalidades, fluxos de navegação, cores e fontes, itens cuidadosamente observados e reproduzidos na interface Doctar em certa medida, para que a solução oferecesse menor esforço cognitivo, acrescentando as melhorias que julgamos necessárias para tornar o uso o mais simples e intuitivo possível.
Logomarca
O desenvolvimento da logomarca contou com um estudo sobre cores, no qual definiu-se o uso de tonalidades do verde, cor com diversas associações a natureza, equilíbrio, paz e harmonia, e que também simboliza crescimento, frescor e fertilidade, tendo forte correspondência emocional com segurança.
Na cromoterapia, afirma-se que tem grande poder de cura, ajudando a estimular a imunidade, e sendo indicada para combater doenças infecciosas. Possui também ação refrescante e calmante, ajudando a promover o bem-estar físico e mental.
No que diz respeito à forma, optamos pela cruz, tão utilizada em atividades de saúde, médicas e de socorro, para provocar a associação imediata com estes fatores. Foi acrescentado o nome utilizando a fonte Segoe Script, que remete ao manuscrito médico, neste caso, passando pela tangente da fama de que todo médico tem letra ruim, afinal, a marca precisaria ser claramente legível ao primeiro olhar.
Styleguide/Fontes
Para as fontes, a escolha foi a Opens Sans Hebrew, por fazer parte de uma família comum aos Apps do segmento, e ser amplamente utilizada no ambiente digital e com grande possibilidade de estar pré-carregada nos dispositivos dos usuários, reduzindo assim o tempo de carga e melhorando performance.
Design System/Cores
Para as cores de interfaces, mantendo a consistência, força e significado do verde, esta foi a escolha lógica. Assim, definimos uma paleta primária com tonalidades claras e escuras, e acrescentamos uma paleta secundária complementar em tons magenta, que entre seus muitos significados inclui purificação e cura física, emocional e mental, simbolizando também respeito, dignidade, sinceridade e transformação.
Design System/Elementos das Interfaces
Com dois protótipos, para finalidades e dispositivos distintos, pacientes/profissionais - mobile/desktop, foi necessário o uso de “acabamentos” ligeiramente diferentes em alguns elementos das interfaces. Sendo assim, cores, fontes, e a maior parte dos ícones foram utilizados em ambas as versões. No entanto, como nem toda iconografia seria aplicável nas duas versões, cada uma delas apresenta ícones particulares.
Já os botões e input fields, em geral, ganharam, na versão desktop, acabamentos com menos arredondamentos e menor carga de cores, além da inclusão das variações terciárias e quaternárias de botões para maior clareza cognitiva quanto à sinalização das seções, sub-seções, e funcionalidades em cada estágio da navegação no qual os usuários se encontrariam.
Entendemos a decisão pelas diferenças como necessárias, à medida em que, num ambiente que deve ser usado com muito mais intensidade e frequência que na versão mobile, maior leveza e conforto visual são necessários.
Artigos relacionados ao Case Doctar:
