Tutoriais
Voltar

Como configurar sua página inicial (home) do seu aplicativo movel


Hoje vamos aprender como configurar a página Home do seu aplicativo.

A página Home é a primeira página que os usuários verão quando abrirem seu aplicativo.

Nesta página, você pode criar uma navegação secundária, além de sua navegação principal

Vamos começar imediatamente acessando o menu Meu app > Design > Home

Os módulos que compõem a sua Home são chamados de Widgets.

Existem vários tipos de Widgets:

- Widget de conteúdo
Eles exibem uma visão geral do conteúdo das seções de seu aplicativo

- Widget de link
Você pode criar links para as páginas internas do seu aplicativo ou links externos na sua Home ou ações como ligar, enviar mensagens de texto ou enviar email.

- Widget de anúncios
Este widget exibe os anúncios definidos em seu menu de Monetização.

- Widget de Barra de pesquisa
Pode ser ativado se você adicionou uma seção de Pesquisa ao seu aplicativo. Ele permite que os usuários pesquisem na página Home.

- Widget de links sociais
Para exibir atalhos para suas redes sociais.

- Widget de newsletter
Permite que você colete os emails de seus usuários.

- Widget Separador
Exibe um separador entre os outros widgets.


- Widget HTML
Com o qual você pode exibir seu próprio código HTML.


Observe que a maioria dos widgets são, na verdade, atalhos para seções existentes. Eles só aparecerão se você tiver adicionado a seção ao seu aplicativo. Por exemplo, como eu disse, se você não tiver uma seção Pesquisar em seu aplicativo, o widget Barra de pesquisa não será exibido.

Vamos começar adicionando um widget Link.

Quero oferecer aos meus usuários uma navegação pelos diversos serviços do meu Spa.

Estou escolhendo o modelo Visual.

Primeiro, crio os links para as diferentes seções que desejo tornar acessíveis.

Massagens primeiro.

Eu escolho o título do meu link, a imagem.
Você pode adicionar uma descrição e um botão de ação, mas não farei isso.

Faço o mesmo para as outras seções que desejo exibir:

Faciais.
Pacotes.
Agora, as configurações.
A cor de fundo do widget.
As fontes.
O botão de ação, mas não o coloquei.
As margens.
E os efeitos nas imagens.

Ai está!

Agora vou criar um widget de conteúdo para exibir os eventos do meu spa.

É sempre o mesmo princípio. Adicionamos e, em seguida, editamos o widget.

Em seguida, adiciono outro widget de conteúdo para exibir minha seção Usuários, na qual criei um grupo para apresentar os funcionários do spa.

Em seguida, outro widget Link.

Desta vez, exibirei:

- minha página Sobre,

- meu formulário de reserva de tratamento,

e duas ações:

- enviar uma mensagem de texto

- e uma chamada.

Eu crio meu design.

E, finalmente, crio um widget de newsletter para construir um pequeno banco de dados de e-mail;)

Foi adicionado aqui, mas prefiro que fique no topo do meu widget de link.

Basta arrastá-lo para o lugar certo.
Bem desse jeito!

É isso!


A Home oferece milhões de possibilidades, principalmente com os widgets Links, que permitem exibir links para suas diferentes seções, mas também ações (chamada, email, mensagem de texto) ou links externos. E o widget HTML que você pode personalizar totalmente.


Deixe-me mostrar a versão final da minha Home.

Aqui, mais dois exemplos para que você possa ver que pode realmente criar Homes que são visualmente e funcionalmente diferentes.

Esta é a Home do meu aplicativo corporativo.

E a Home do meu aplicativo de notícias locais.

Agora você pode criar sua própria Home, mal posso esperar para ver os resultados!


Vejo vocês em breve para um novo tutorial!

Vídeos semelhantes