Case UX: Whatsapp para Apple Watch
A primeira aula do projeto de graduação estava chegando, após fechamento da UDESC pela pandemia.
Durante os 3 meses sem aula, percebi que as pequenas coisas do dia a dia antes da pandemia me faziam bem. Sabia que precisava fazer coisas que gostasse para passar esse tempo dentro de casa. Por isso resolvi mudar completamente meu projeto de graduação para algo:
Que me incentivasse a estudar mais na área de UX/UI
Que brilhasse meus olhos só de pensar no assunto
Que eu pudesse sentir o prazer em conhecer novas áreas e dispositivos digitais
Foi nesse momento que lembrei de uma publicação no linkedin. A publicação apresentava um projeto do aplicativo nubank para Apple Watch. EU SIMPLESMENTE AMEI A IDEIA.
A partir desse dia, a ideia de criar um projeto autoral em um dispositivo que eu nunca tinha estudado, começou a brilhar meus olhos só de pensar no assunto ❤
O início de um sonho…deu quase tudo errado
Ok, a ideia de criar para apple watch era mavilhosa, mas ainda não existia um problema real para que eu pudesse resolver…E agora, como descobrir isso? De início já encontrei alguns problemas:
- Nunca tinha usado apple watch ou outros wearables
- Não tinha um apple watch
- Não conhecia muitas pessoas que usavam esse dispositivo
- Não sabia qual dor resolver
- Não sabia quais eram as diretrizes para criar uma interface para esse dispositivo
- Não sabia onde encontrar conteúdos relevantes sobre apple watch
Duplo diamante pode ser um ótimo começo
Resolvi usar a metologia do duplo diamante da Standford para me ajudar a enxergar como resolver os problemas encontrados inicialmente. O modelo começa pelo “entendimento”, etapa da qual se busca identificar um problema e descobrir a melhor maneira de resolver.
Etapa 1: Entendimento
O meu projeto estava relacionado com Apple Watch, por isso iniciei minha pesquisa no conhecido Google, depois mandei mensagens para profissionais da área de UX/UI e com isso identifiquei algumas informações sobre esse dispositivo no mercado:
- Os wearables são dispositivos semelhantes a peças de roupas, como óculos de realidade virtual, relógios e pulseiras
- Os smartwatch, relógios inteligentes, são conhecidos por suas funcionalidades de identificação sobre informações sobre dados de saúde, comunicação e integração com o smartphone.
- No brasil, as vendas dos wearables cresceram 256% durante a pandemia.
- As maiores marcas do mercado já possuem um watch, como samsumg, apple e xiaomi
- Com o surgimento dos dispositivos wearables, diversas empresas precisaram se adaptar a nova estrutura de interface. Porém, algumas ainda não possuem uma versão para esse dispositivo.
- Tratando-se de um dispositivo com sistema operacional semelhante a celulares, o smartwatch não possui todas as funcionalidades de um smartphone.
Etapa 2: Pesquisa
Como uma designer que adora fazer pesquisas, resolvi fazer uma breve pesquisa no meu instagram. Isso mesmo, a pergunta era simples: Você tem um Apple watch?
A partir desta pequena pesquisa consegui conversar com 5 pessoas que usavam Apple Watch e identifiquei uma dor específica que todos comentaram: não existia aplicativo para responder notificações específicas, comunicação básica que existia no celular.
Com essa hipótese, criei um formulário para entender o motivo da compra, necessidades que foram supridas e dores atuais dos usuários do Apple watch. Entre grupos do whatsapp, telegram e instagram, consegui 37 respostas sobre:
Minha conclusão com a pesquisa: estamos com uma dor muito específica de comunicação no Apple Watch. Aplicativos como ligação, mensagens do iphone e telegram já existiam no apple watch, porém um aplicativo muito conhecido ainda não estava disponível.
O Whatsapp, aplicativo que está em cerca de 99% dos celulares do Brasil, ainda não possuia aplicativo no Apple Watch.
Aí vem a grande pergunta: Ok, o whatsapp não está no dispositivo, mas o que isso tem de tão importante, já que a maioria das pessoas compraram o dispositivo para acompanhar os dados sobre as suas atividades físicas?
Sim, eles compraram por esse motivo..Porém podemos enxergar todos os benefícios e necessidades ao usar um Apple Watch:
- Este dispositivo foi criado para você ver somente o que é necessário: ligações e notificações de aplicativos que estão ativados no seu celular.
- Enquanto você usa o relógio, raramente você sente necessidade de pegar seu celular. Grande parte dos usuários gostariam que o relógio tivesse mais independência do celular para usar somente ele no seu dia a dia.
- Com a facilidade do relógio, você automaticamente sente a necessidade de usá-lo para interações simples como: responder uma mensagem importante, iniciar uma conversa e atender uma ligação.
- No dispositivo há uma facilidade para atender uma ligação no pulso e desativar um alarme. É tão prazeroso fazer isso com rapidez que você nem lembra que tem um celular.
- O Apple watch possui uma gama de aplicativos. Você pode encontrar aplicativo do sono, relógio, telegram, fotos, câmera.
Com isso podemos concluir que: as pessoas querem que qualquer dispositivo diário possa realizar suas principais funções sem que fiquem dependentes de terceiro (celular). Neste caso, a função de se comunicar fica prejudicada, pois quando os usuários não encontram o que precisam, como por exemplo o aplicativo do WhatsApp, o resultado mais comum é o sentimento de frustração.
Hoje no Apple watch, os aplicativos que não possuem versão para ele, conseguem apenas ter opções simples de notificação e resposta. O Whatsapp possui notificação, porém não possui todas as opções de conversa, como o áudio. Além de que, muitas vezes quando se usa a transcrição do áudio ele não funciona por conta da internet e pelo próprio fato de não existir um aplicativo oficial do whatsapp para Apple Watch. Por esses motivo resolvi:
“Completar a experiência da comunicação, através de uma nova interface para whatsapp no apple watch.”
Para completar a experiência, comecei pelos dados da minha primeira pesquisa. Nela identifiquei meu público e criei duas personas para o meu projeto:
Etapa 3: Ponto de vista
Após a criação das personas fui para a terceira etapa do duplo diamante. Está é a etapa que as informações são sintetizadas para entender o projeto.
Mesmo com alguns dados das pesquisas, senti a necessidade de buscar possíveis concorrentes do whatsapp no apple watch. Com isso criei uma tabela para demonstrar visualmente a interface e descrição do aplicativo.
Para entender as principais diferenças dos aplicativos, criei uma tabela inspirada nas 10 heuristicas de nielsen e na metodologia “escala de diferencial semântico”.
A escala foi criada da seguinte forma. Ao lado esquerdo estão as heurísticas e ao lado direito numeração de 1 a 5 (sendo 1 para não possui a heuristica e 5 para possui corretamente).
Com a escala de diferencial semantico e a pesquisa inicial dos concorrentes, consegui identificar no mapa de posicionamento onde estavam os concorrentes e onde o aplicativo do whatsapp para apple watch ficaria:
Etapa 4: Ideação
A etapa de ideação é composta por soluções para resolver o problema encontrado.
Inicialmente nesta etapa comecei a construir o conceito do meu design. Defini da seguinte forma:
Conceito
1)Intuitivo: a palavra intuitivo tem o significado de estabelecer uma compreensão de modo instantâneo. Essa é a experiência que eu quero levar para o aplicativo no watch. Quero que os usuários se sintam em casa, sabendo onde clicar para fazer as ações parecidas com o app mobile.
2) Minimalista: Trouxe esse conceito das Heurísticas de Nielsen. O minimalismo trás a ideia de ter somente o essencial, as informações de forma simples e rápida.
3) Agradável: A palavra agradável tem o significado de ocasionar boas sensações, que agrada os sentidos. A experiência do usuário no watch precisa ser boa, ele precisa se sentir em casa e gostar do momento em que estiver usando o aplicativo.
Padrões do Whatsapp
Com os conceitos definidos, busquei entender os padrões do whatsapp e definir quais padrões iriam seguir no meu projeto:
- Preciso manter a cor verde da marca no meu projeto, porque as pessoas relacionam rapidamente o aplicativo pela cor.
- Pretendo manter a interação do menu ao pressionar uma mensagem e os status de mensagem lida.
- As cores diferentes entre as mensagens são muito importantes para identificar o responsável pela mensagem.
- Para me ajudar na questão visual, vou usar como referência os detalhes do modo escuro do iphone, porque no watch ele será bem parecido com essa configuração.
Padrões do Apple watch
Após a criação dos conceitos e referencias visuais, busquei entender os padrões de interface do Apple Watch, encontrados no site da Apple.
Definição de funções no apple watch
Com todas as etapas acima definidas, percebi que ainda faltava definir o que realmente teria de função no aplicativo. Como comentei acima, o apple watch serve somente para informações principais e necessárias, por isso não poderia manter todas as funções na versão para esse dispositivo.
Criei um novo formulário, desta vez focando em usuários que usam o whatsapp em qualquer dispositivo para entender quais são as funções que eles realmente usam. Além disso, mantive uma parte da pesquisa para que usuários do Apple watch pudessem responder sobre o que esperavam.
A parte engraçada desse questionário foi que eu não mantive restrição de público e com isso consegui 129 respostas. Do total de respostas, consegui 56 pessoas que realmente usavam o apple watch para comunicação no geral. Número maior que a primeira pesquisa focando apenas no público do apple watch.
Minha dica para vocês: não restrinja de cara o público pelo dispositivo. Se você for criar um aplicativo que tenha em outros dispositivos, deixe um caminho aberto para que o público no geral responda e assim é provável que você terá conseguido atingir em uma quantidade maior do seu público alvo.
Com as respostas em mãos, consegui identificar as funções na matriz Moscow: matriz de priorização.
Com as funções definidas, atualizei meu user flow para o novo fluxo do aplicativo no apple watch.
Chegamos na criação ❤
Depois de muuuuita pesquisa, estudo e fluxos haha consegui chegar na parte de criação das telas. Comecei pelo wireframes no papel e depois no Adobe XD.
Decidi nesse caso usar o Adobe XD pelo fato da Apple disponibilizar uma guideline com todos os botões, mockups, fontes do próprio Apple watch.
Aqui fica um videozinho para mostrar o fluxo nos wireframes:
Além dos wires, adicionei neste artigo duas fotos referentes a minha criação no papel e umas ideias já refinadas no padrão da apple 😉
Conclusão
Inicialmente tudo parecia perfeito, zero defeitos haha Porém com o aprofundamento das pesquisas, encontrei diversos problemas para enfrentar. Tiro dessa etapa de pesquisa do meu projeto as seguintes conclusões:
- Dispositivos novos são atraentes ao primeiro olhar, mas se você nunca usou, vai usar um bom tempo pesquisando e testando para entender como eles funcionam.
- Encontre guidelines dos dispositivos que você vai trabalhar. Eles vão te guiar em pesquisas de usabilidade e interface.
- Busque referências de outros profissionais da área de UX/UI. Eles indicaram livros, pessoas, artigos sobre o seu projeto.
- Encontre os canais certos de comunicação para conversar com seu público alvo.
- Não desista e não tenha medo de mostrar o seu trabalho. Feedbacks são necessários em todo processo.
Se você leu até aqui, muito obrigada ❤ Esta foi a minha primeira pesquisa para interface em Apple watch, espero que tenha te ajudado e servido de inspiração para outros projetos.
Se surgiu uma vontade de testar futuramente meu protótipo ou mandar aquele feedback, estou super aberta para conversar 🙂 Você pode entrar em contato comigo pelo linkedin.
Aqui estão links que me ajudaram a entender sobre o Apple watch e o processo de UX. Mergulhe também nesses conteúdos:
Designing better Apple Watch apps
Apple Watch UX: Design Beautiful UI and User Experiences
O que você achou sobre esse conteúdo? 👏 aplauda se você gostou e 👉 siga-me para mais textos como este :)
