Como criar uma boa app para um website de notícias?
Escrito por GoodBarber Team na
Há uns dias atrás, eu estava a falar com Jerome e Arianna sobre as questões frequentes que recebemos dos nossos utilizadores, sobre os assuntos que deveríamos tratar neste blog para responder a essas questões. Nos apercebemos que agora vocês já têm alguma experiência com o nosso serviço e já foram criadas apps com uma quantidade de conteúdos vasta.
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.
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?
Se verificares regularmente as estatísticas do teu website (e tenho a certeza que o fazes), provavelmente reparaste que uma proporção significativa dos teus leitores acedem ao teu site do seu dispositivo móvel. E se descobrires o peso que eles representam no teu tráfego global, verás como um investimento no segmento móvel pode ter um impacto positivo significativo no teu tráfego.
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.
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?
Há tantas abordagens editoriais quanto há sites de notícias. Mas não é difícil encontrar o melhor para ti, ao observar o comportamento dos teus utilizadores, poderás identificar o valor da tua proposta em uma das seguintes categorias:
- 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.
- 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?
Se decidiste criar uma app para um site de notícias deves saber que não há melhor serviço que a GoodBarber para levares o teu projeto a cabo.
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.
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?
Como todas as apps, as aplicações de notícias precisam de ser mais rápidas e fluentes, bem como ter um design de alta qualidade.
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.
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"
Política editorial: O objetivo é publicar as últimas notícias. Os teus leitores seguem-te porque eles têm a certeza que os manterás atualizados com as últimas notícias inéditas.
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.
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
Política editorial: Um pouco de atualidade e muito material. Os teus leitores seguem-te pela relevância do teu conteúdo.
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.
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
Política editorial: Um pouco de notícias, muitos comunicados de imprensa, alguns artigos de apresentação estática. Diriges-te principalmente aos teus apoiantes e criaste o website como um showcase para a tua campanha.
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.
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
Os exemplos anteriores obviamente necessitam ser adaptados a cada situação. Não é uma boa ideia alterar frequentemente a app, mas pode ser interessante consultar as estatísticas de utilização depois de alguns meses após a publicação e, se necessário, fazer algumas pequenas alterações para melhorar a experiência do utilizador.
É 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.
É 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!
Este artigo traz uma pequena visão das infinitas possibilidades que tens para criar uma app de notícias.
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 :)
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 :)