Como criar uma boa app para um website de notícias?

Então ao invés de falarmos sobre os aspetos técnicos da criação de uma app, sobre o que já tens muita informação, eu decidi falar sobre como organizar o teu conteúdo, de forma a permitires a melhor experiência de utilizador possível.
Neste artigo, vou dar-lhes algumas noções sobre qual a melhor forma de planear e definir o design da tua app. A primeira e mais importante questão a saber é quem são os teus leitores, de maneira a encontrares a melhor forma de aranjar e definir a tua app.
O que representa o tráfego no meu telemóvel?
Há diversas opções para fornecer uma experiência móvel dedicada aos teus utilizadores: design responsivo, aplicações nativas dedicadas e websites móveis…
Não há uma melhor opção que seja única, todas as soluções têm os seus prós e contras.
Eu não vou entrar no debate sobre web móvel vs. apps nativas, ou design responsivo vs. apps, porque provavelmente teríamos de falar sobre isto nas próximas semanas aqui no blog. :)
Provavelmente sabes que na GoodBarber somos grandes fãs de apps nativas, devido às suas grandes capacidades e opções disponíveis, então aqui vou focar mais em como definir o design da aplicação de maneira a ir de encontro às necessidades dos teus leitores.
O que os meus leitores procuram quando visitam o meu site?
- Queres ser o primeiro a publicar as últimas notícias e em primeira-mão;
- Publicas principalmente artigos de análise;
- Ocasionalmente publicas no teu website, porque tens uma presença maior nas redes sociais;
- Os teus textos são dirigidos a uma comunidade de utilizadores específicos;
- Crias uma base de dados e conhecimentos
Por exemplo, eu situo a GoodBarber nas duas últimas categorias. O design da tua app deve ser definido pelo teu posicionamento nestas categorias.
Como criar e organizar o teu conteúdo?
GoodBarber oferece uma série de ferramentas que permitem-te adaptar o teu conteúdo à apresentação do teu dispositivo móvel e a obteres a melhor experiência de utilizador possível.
Em suma: podes sincronizar diretamente o conteúdo do teu website com a tua app e criar um design profissional em poucos minutos.
GoodBarber é uma ferramenta DIY, mas não tens de te preocupar porque não necessitas de competências de programação para usá-la. Criar a tua app com um construtor de aplicações é muito fácil se souberes como queres organizar o teu conteúdo.
Uma das primeiras coisas que deves saber, que irá influenciar o sucesso da tua app é que, os paradigmas da web não podem ser reproduzidos em telemóveis.
Os teus leitores querem ter acesso ao teu conteúdo no momento certo e no formato correto para os dispositivos que eles têm em mão, smartphones.
Se seguiste o meu raciocínio, agora compreendes porque é que não há apenas uma única forma para melhor desenvolveres o teu projeto. O espaço limitado dos ecrãs de telemóvel será o teu guia na apresentação de conteúdos (eu não estou a falar de design, mas de algo muito mais sugestivo).
Vamos falar sobre as funções que deves incluir na tua app e que farão com que encantes os teus leitores.
Quais as funções que caracterizam uma app de notícias?
A começar por estas considerações, há 7 funções principais que a tua app tem de ter:
1. Acesso total ao conteúdo [conteúdo feed, offline, navegador, layout de artigos, categorias];
2. Notificações push;
3. Funções ergonómicas [tamanho de texto e imagens, etc..];
4. Partilha/Redes Sociais [partilhar, like];
5. Comentários;
6. Funções para utilizadores [favoritos, pocket, etc..];
7. Monetização [Ad networks]
Ao criar uma app, é preciso tomar em consideração que é impossível reproduzir por completo o teu website. Mais do que concentrares-te no layout, é necessário pensar nas secções.
É graças à organização por secções que irás ajudar os teus utilizadores a navegar confortavelmente na tua app de acordo com as suas necessidades.
Less is more! Não adiciones demasiadas coisas, pois isso irá confundir os teus utilizadores.
Observa atentamente a categoria em que colocaste o teu website e responde a esta questão: "O que os meus leitores procuram quando visitam o meu website?", e depois relaciona-os com as funções acima referidas.
Quero mostrar-te exemplos diferentes de websites e propor-te um design apropriado para cada um, mantendo todas as afirmações anteriores em mente.
De qualquer forma, qualquer que seja o contexto, a principal função da tua app será sempre a possibilidade de sincronizar com o website.
Exemplo nº1 : Notícias e site "cor-de-rosa"
Neste caso as notificações push são muito importantes para ti. Ter uma app é sobremaneira importante para este tipo de notícias porque elas geralmente são curtas e fluentes, então é importante que os teus utilizadores possam lê-las via telemóvel.
Eu aconselho-te a oferecer acesso simples e direto aos conteúdos e tenta evitar navegações complicadas (não deves adicionar muitas categorias a não ser que publiques muitos artigos diariamente).
Para aumentar o número de páginas visualizadas é importante adicionar secções de foto ou vídeo, este meios são pertinentes na política editorial.
Truques e dicas da GoodBarber:
- Usa uma secção de Artigo para acederes às últimas notícias publicadas (isto pode ser usado como a secção HOME da tua app), e usa uma segunda secção de artigo se necessário, dedicada a categorias específicas (3/4 filtros máx.);
- Usa uma ou mais secções CMS para fotos, vídeos, etc;
- Oferece acesso às redes sociais a partir da app (página de Facebook, Twitter, Instagram);
- Adiciona a função de partilha na página de detalhes do artigo;
- Monetiza a app utilizando os espaços dedicados para anúncios;
- Envolve os teus leitores fazendo deles "repórteres móveis" usando a secção Submit da GoodBarber.
Exemplo nº2 : website de notícias TI
Este tipo de notícias têm um tempo de vida mais elevado que as do exemplo anterior. Então não é um erro considerar apresentar o conteúdo por temas para fazer a navegação mais fácil ao utilizador.
Obviamente é muito importante adicionar um navegador.
Muitas notícias TI usam vídeos como a segunda fonte de comunicação. Se tu tens alguns vídeos eu aconselho-te a usá-los de forma a disponibilizares vários tipos de conteúdo. Porque os teus artigosm com certeza que são longos, a chave do sucesso da tua app é o conforto na leitura.
Truques e dicas da GoodBarber:
- Usa uma secção Artigo para as últimas notícias publicadas, e usa mais secções de artigo dividindo o conteúdo ao usar filtros;
- Escolhe a opção de esconder para o cabeçalho para visualização em full screen do artigo;
- Oferece funções focadas nos utilizadores (favoritos, tamanho do texto, etc);
- Ativar comentários
- Usa a versão HTML5 da GoodBarber para tornar o acesso ao teu conteúdo mais fácil a partir dos dispositivos móveis.
Exemplo nº3 : Blog de políticos durante eleições
Neste caso o risco pode ser não encontrares o lugar indicado para cada conteúdo.
Por exemplo, comunicados de imprensa não deveriam ser apresentados diretamente na página inicial da app, é melhor colocá-los em sub-menus. Por outro lado, tens de colocar ênfase nas últimas notícias para encorajar o utilizador frequente da app.
Aconselhar-te-ía a criares uma secção de boas-vindas com conteúdo fixo para apresentar o candidato (programa, equipa…).
Aqui podes adicionar todos os eventos concernentes à campanha e por último, fazer a app mais atrativa podes adicionar fotos, vídeos, podcats, etc...
Truques e dicas da GoodBarber:
- Usa uma secção Artigo para as últimas notícias publicadas (esta pode ser a HOME da tua app), e usa outras secções para o programa, equipa e os comunicados de imprensa;
- Usa a secção Calendário para notificar todos dos eventos no programa;
- Adiciona uma ou mais secções dedicadas aos meios que já tens na web [Flickr, YouTube, SoundCloud podcast, etc];
- Dá acesso às tuas redes sociais [página de Facebook, Twitter e Instagram];
- Adiciona a opção de partilha na página de detalhes dos artigos;
- Usa as notificações push com moderação para mobilizares a tua comunidade;
- Usa a secção Live para transmitir os teus discursos públicos.
Estatísticas de utilização: Uma boa forma de saber quais as mudanças podes fazer no teu projeto
É fácil!
Se vires que algumas secções são menos vistas que outras, isto significa que não é necessário dar-lhes importância no menu de navegação, porque eles não são interessantes o suficiente para os leitores.
Agora é a tua vez!
E tu… Como é trataste desta tarefa? Como é que decidiste estruturar a tua app?
Se partilhares a tua experiência conosco e os teus leitores teremos a oportunidade de crescermos juntos :)
Design

