![Build a Weather App with HTML, CSS & JavaScript](https://i.ytimg.com/vi/WZNG8UomjSI/hqdefault.jpg)
Contente
- 01. Usabilidade é central
- 02. Consistência é a chave
- 03. Como incorporar a narrativa
- 04. Como testar seu aplicativo
- 05. Como integrar publicidade
- 06. Como lidar com uma abundância de dados
- 07. Como atender às necessidades do usuário
É muito bom ler dicas genéricas sobre como projetar um aplicativo - mas às vezes é mais útil ouvir de pessoas que já estiveram na cara de giz. O Weather Channel recentemente redesenhou seu aplicativo Weather Channel do zero, então pedimos a Nikki Santoro, vice-presidente de produtos móveis, para revelar suas experiências e compartilhar as lições que aprenderam ao longo do caminho. Aqui estão sete deles ...
01. Usabilidade é central
O número um é a usabilidade. A usabilidade é atemporal - não apenas para 2014, mas para qualquer ano e para qualquer redesenho de produto. Os consumidores precisam de um aplicativo que seja usável, com uma experiência perfeita.
02. Consistência é a chave
Outra tendência em que estamos focados no The Weather Channel este ano é a consistência. O usuário móvel hoje se move em muitos dispositivos, entre casa, trabalho, tablets e telefones.
Queremos que a experiência deles com a marca The Weather Channel tenha uma aparência e um conjunto de recursos consistentes, em todas as telas. No geral, nossos três pilares giram em torno de consistência, beleza e usabilidade.
03. Como incorporar a narrativa
O Weather Channel na TV nos EUA e o weather.com são bem conhecidos pela capacidade de contar histórias atraentes por meio de conteúdo, notícias e vídeos. Mas muitas pessoas podem não saber que incorporamos a narrativa em nossos produtos móveis.
No redesenho do iPhone lançado recentemente, adicionamos módulos de estilo de vida, que adicionam cor e profundidade às nossas previsões meteorológicas. Recursos como o pólen, o aeroporto e as previsões de atividades ao ar livre ajudam os consumidores a entender como o clima afetará seu dia.
Com esses novos recursos, queremos contar uma história com nossos dados meteorológicos para que os consumidores não tenham que extrapolar o que fazer. Oferecemos a previsão mais precisa, mas mais do que isso, oferecemos informações bastante acionáveis - o que você pode fazer com essas informações meteorológicas?
04. Como testar seu aplicativo
O teste do usuário é muito importante, mas é importante testar os produtos no ponto certo do processo.
No The Weather Channel, conduzimos testes de protótipos antes que o design seja bloqueado para validar a usabilidade e conveniência. Em seguida, fazemos testes beta ao vivo com clientes internos e externos. De nossos testes beta, coletamos informações valiosas sobre o uso do aplicativo no mundo real. Então, quando o produto está no ar, ouvimos com atenção o feedback do consumidor.
Nossa equipe trabalha em um ambiente muito ágil, portanto, mesmo após o lançamento, podemos iterar rapidamente para resolver os problemas que os clientes estão relatando.
05. Como integrar publicidade
Nosso novo aplicativo para iPhone foi redesenhado com consumidores e profissionais de marketing em mente. Integramos os anúncios na tela inicial e no feed de conteúdo principal do aplicativo para que se sintam mais integrados à experiência geral. O clima ainda é o herói, mas também permitimos que as marcas contem suas histórias através das lentes do clima.
Junto com fundos de marca na tela inicial, a interface agora é uma rolagem vertical limpa que dá aos usuários acesso imediato a previsões do tempo, vídeo e conteúdo mais rico.
A publicidade foi perfeitamente integrada à rolagem para que os profissionais de marketing façam parte da experiência à medida que os usuários se envolvem com o conteúdo. Também introduzimos uma variedade de formatos nativos que se assemelham ao conteúdo e realmente tornam os profissionais de marketing parte da história do tempo de uma forma elegante.
06. Como lidar com uma abundância de dados
É fácil sobrecarregar seu usuário com informações. O segredo é entender seu cliente e adaptar a experiência do usuário de acordo.
Certificamo-nos de compartimentar as informações para que os consumidores possam acessar facilmente as informações que procuram. Por exemplo, em certos momentos do dia, sabemos que as pessoas vêm até nós para coisas específicas. Em uma manhã de dia de semana, é sobre o que vestir e o trajeto matinal, ou na tarde de sexta-feira, é sobre a previsão do fim de semana e o planejamento de atividades.
Também entendemos que os clientes processam nossos dados meteorológicos de maneira diferente, por isso falamos com eles de maneiras diferentes. Nossos clientes "apenas os fatos, senhora" podem ir direto para os ícones do tempo e dados brutos do tempo, enquanto aqueles que querem suas previsões em termos mais descritivos, se concentram em nossas narrativas.
07. Como atender às necessidades do usuário
Não importa o quão bonita ou funcional sua interface seja, se ela não atender às necessidades do seu usuário, é inútil.
Testar e ser responsivo é a chave para isso. Grandes mudanças podem ser difíceis para os clientes e muitas vezes leva para se acostumar com uma nova experiência do usuário. Embora às vezes uma grande mudança seja necessária, como mudar de uma guia para uma interface de rolagem no iPhone, mudanças geralmente menores em intervalos mais frequentes são melhores para os consumidores.
Especialmente com grandes mudanças de design, é importante incluir dicas e dicas visuais para que os usuários possam descobrir novos recursos e funcionalidades com mais facilidade. É fundamental encontrar o equilíbrio certo entre fornecer aos usuários um design elegante e informações úteis. E como sempre, você deve ouvir os clientes e estar disposto a fazer mudanças quando eles estiverem com dificuldades.
Palavras: Nikki Santoro
O aplicativo Weather Channel para iPhone pode ser baixado gratuitamente do iTunes hoje e será lançado em outros sistemas operacionais móveis no futuro. Você pode aprender mais sobre o novo design por meio deste vídeo de demonstração.