21 Técnicas para Você Criar Os Melhores Websites Mobile

Licensed to Roberto Robson Svicero - robsonsvicero.designer@gmail.
com - HP18916416396478
E-book UI/UX Design
21 Técnicas Entrar e
m conta
to
para você criar os melhores
websites mobile FOTO

ILUST O U
RAÇÃ
O
Tiago Luchtenberg
UI Designer
Licensed to Roberto Robson Svicero - robsonsvicero.designer@gmail.com - HP18916416396478
O mundo está cada
vez mais móvel.

Sumário
1 Página inicial e navegação 04
2 Campo de busca e resultados 10
3 Cadastro e formulários 15
4 Usabilidade e visual 21
1.
Página inicial
e navegação
Valorize sempre
a mensagem e o CTA
na primeira dobra F O T O O U
ILUSTRAÇÃO
Entrar em contato
F O T O O U
ILUSTRAÇÃO
Destaque seu
call to action
Clique aqui
Faça seu cadastro

Logotipo
Mantenha
os menus curtos
Profissões UX Desing
UI Design
Designer Gráfico
UX Writter
Desenvolvedor
Logotipo
Deixe sempre o
logotipo no topo
Anúncio 1
Não permita que

Anúncio
anúncios roubem
a cena 2
Anúncio
Anúncio 4
Anúncio 1 Anúncio 5
2.
Campo de busca
e resultados
O que você procura?
Torne o campo
de busca visível
bolu de cinora bolo de cinora
Certifique-se de que
Exibindo resultados para: bolo de cenoura
Em vez disso, pesquisar por bolu de cinora
a busca é relevante
Poxa, não retornamos nenhum
resultado para sua busca

iphone x iphone x
Implemente
Retornamos 2.100.500 resultados

Procurar em Todo o site
filtros de busca
Procurar em Produtos
Procurar em Celulares
tênis nike upercase tênis nike upercase
Ofereça melhores
Feminino
resultados de busca
Masculino
3.
Cadastro e
formulários
Insira seu número

Insira seu número
do seu celular do seu celular
Simplifique a entrada
( ) _ ____-____ ( ) _ ____-____
de informações
Cadastrar Cadastrar
1 2 3 Q W E R T Y U I O P
ABC DEF
4 5 6 A S D F G H J K L
GHI JKL MNO
7 8 9 Z X C V B N M
PQRS TUV WXYZ
0 123 space return

Facilite a forma de
Janeiro
inserir informações Fevereiro
Março
Abril
Maio
Junho
Selecione um mês
Julho
Setembro Janeiro
Fevereiro
Março
Abril
Reduza erros
Cadastre-se Cadastre-se
e faça validação
em tempo real E-mail E-mail
meuemail@gmail.com meuemail@gmail.com
E-mail já cadastrado
Entrar
Entrar
Cadastro Cadastro
Projete formulários
1 2 3 4
eficientes Dados
Próximo
Use informações
Cadastre-se
já existentes Cadastre-se
Google Apple
Ou entre com
Entrar
Entrar
4.
Usabilidade
e visual
Utilize tamanhos
de fonte corretos
Utilize tamanhos de fonte corretos
Utilize tamanhos de fonte
corretos O tamanho recomendado para tipografias base é de

14-16pt. Os tamanhos podem variar dependendo ta
família tipográfica.
O tamanho recomendado para tipografias

base é de 14-16pt. Os tamanhos podem Para títulos, é recomendado utilizar entre 20 a 40pt.
Tenha muito cuidado, como é uma tela pequena os títulos
variar dependendo ta família tipográfica.
não devem ser grosseiramente grandes.
Para títulos, é recomendado utilizar entre Você pode utilizar 10-12pt para infos secundárias.
20 a 40pt. Tenha muito cuidado, como é

uma tela pequena os títulos não devem ser
grosseiramente grandes.
Você pode utilizar 10-12pt para infos

secundárias.
Use bons espaços
entre linhas
corretos
corretos
base é de 14-16pt. Os tamanhos podem
base é de 14-16pt. Os tamanhos podem
Para títulos, é recomendado utilizar entre

Para títulos, é recomendado utilizar entre 20 a 40pt. Tenha muito cuidado, como é
20 a 40pt. Tenha muito cuidado, como é uma tela pequena os títulos não devem ser
uma tela pequena os títulos não devem ser

secundárias.
secundárias.
Margem, grid
e white space
Ofereça imagens
de produtos
expansíveis
FOTO
FOTO FOTO
FOTO FOTO
FOTO FOTO
Mantenha o usuário
em uma única janela
Faça seu cadastro Faça seu cadastro
Faça seu cadastro
Faça seu cadastro

Área de clique
dos botões e links

Ver mais Ver mais
Tamanhos de
botões web mobile

Botão Botão Botão Botão Botão Botão Botão
Comprar agora
Comprar agora
Espero que
este e-book tenha
te ajudado. Entr
ar e
m con
tato
Siga-me no Instagram
e acompanhe mais conteúdos.
FO
TO
O U
ILU
ST
RA
ÇÃ
O
@tiagoluchtenberg
UI Designer

21 Técnicas para Você Criar Os Melhores Websites Mobile

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

21 Técnicas para Você Criar Os Melhores Websites Mobile

Enviado por

Direitos autorais:

Formatos disponíveis

Licensed to Roberto Robson Svicero - robsonsvicero.designer@gmail.

E-book UI/UX Design

para você criar os melhores

websites mobile FOTO

O mundo está cada

vez mais móvel.

1 Página inicial e navegação 04

2 Campo de busca e resultados 10

Faça seu cadastro

Não permita que

O que você procura?

bolu de cinora bolo de cinora

Em vez disso, pesquisar por bolu de cinora

Poxa, não retornamos nenhum

resultado para sua busca

Retornamos 2.100.500 resultados

tênis nike upercase tênis nike upercase

Insira seu número

do seu celular do seu celular

0 123 space return

inserir informações Fevereiro

em tempo real E-mail E-mail

corretos O tamanho recomendado para tipografias base é de

O tamanho recomendado para tipografias

não devem ser grosseiramente grandes.

20 a 40pt. Tenha muito cuidado, como é

Você pode utilizar 10-12pt para infos

Use bons espaços

variar dependendo ta família tipográfica.

Para títulos, é recomendado utilizar entre

uma tela pequena os títulos não devem ser

Você pode utilizar 10-12pt para infos

Você pode utilizar 10-12pt para infos

em uma única janela

Faça seu cadastro Faça seu cadastro

Faça seu cadastro

Faça seu cadastro

dos botões e links

botões web mobile

este e-book tenha

e acompanhe mais conteúdos.

Você também pode gostar