40 projetos de estado vazio inteligente para aplicativos móveis
Ao começar com um novo aplicativo para dispositivos móveis, nos deparamos com algumas telas de estado vazias. É um estado onde não há conteúdo a ser mostrado ainda, em situações como estado de zero-dados e primeiro estado de uso. Outras vezes, um tela de erro também pode ser considerado uma tela de estado vazio. Em vez de deixar este espaço literalmente vazio, os designers têm usado esse espaço livre para melhor engajamento do usuário com o uso de ilustrações inteligentes.
Como essa coleção mostrará a você, o estado zero de dados é repleto de potenciais designers que podem aproveitar. De incentivando os usuários a darem um jeito ao seu aplicativo, para fornecer dicas curtas e úteis sobre como prosseguir, o design do estado vazio é um espaço para a criatividade esperando para acontecer. Alguns dos projetos aqui são projetos de conceito, enquanto outros já estão em uso.
Mais sobre design móvel:
- Projetando para dispositivos móveis [um guia]
- 20 bela interface de usuário móvel para sua inspiração
- 20 designs atraentes de calendário para dispositivos móveis
- Apps de música para celular: 50 belos desenhos de conceito
On-Boarding - Estados vazios para a lista de amigos, navegação e mensagens.
Lost & Empty - robôs bonitos mas tristes notificam um usuário quando o sinal é perdido ou um carrinho está vazio.
Modspot - Esse design de estado vazio serve como primeiro passo, tutorial de instruções.
Companheiros de trabalho - Animais cumprimentá-lo em seções individuais com oi bonito e olá.
Método de pagamento móvel - "Sem dinheiro? Não tem problema!" - o slogan perfeito para pagamento em dinheiro.
Nenhuma Conversa - A vida é chata sem conversas. Tire um cochilo.
Aplicativo do driver - Não há pedidos versus novos pedidos recebidos. O aplicativo também lembra os drivers para verificar se sua disponibilidade está definida em.
Marvel Projects App - A pasta engraçada parece triste sem projetos.
Yuhuu Car Rental App - A tela de onboarding é ótima para ensinar os usuários como começar a alugar carros.
Projeto Fi - O que acontece quando algo não está mais ativo? Precisa recarregar com uma soneca (entendeu?). O outro design de estado vazio apresenta um convite para mover essa "festa" para um desktop.
Musixmatch - adoráveis rostos coloridos interagem com música, widgets e spotify ao lado de instruções úteis.
Google Fotos - Quando nada é compartilhado aqui, um refrigerante com dois canudos é mostrado para incentivar os usuários a começarem a compartilhar.
Favoritos - O design do estado vazio recai sobre o que os usuários estão acostumados, usando o ícone de estrela para indicar nossos favoritos, o ícone de lápis para mostrar as perguntas feitas e o ícone do documento para indicar as perguntas respondidas.
Azendoo - Sentir-se perdido e desconectado, como se estivesse em uma ilha deserta? Siga o conselho, mantenha a calma, acenda um fogo e mantenha-se refrescante.
Traveloka - Este aplicativo de viagem usa ilustrações em seus estados vazios para representar vários status: um satélite / antena para dormir mostra conexão perdida, uma escada sem avião indica que não há voo disponível e um banco vazio para não mostrar hotéis disponíveis.
Sketch - Vamos fazer alguma coisa! Vamos adicionar alguns esboços com o botão mais. Vamos!
BitGold - O uso de um fundo escuro para mostrar vazio, nada começou ainda e um botão de ação de ouro no centro do palco parece muito apropriado para este aplicativo de dinheiro.
Urban Looks - Qual a melhor forma de incentivar as pessoas a começarem a fazer upload de selfies e fotos do que mostrar outra pessoa fazendo isso? Daí este design adorável estado vazio.
Nenhum arquivo encontrado - bem, esse cenário de dados zero parece estranho. Mesmo o arquivo de documento acha isso estranho. Siga as instruções: volte e tente outra palavra-chave.
A triste pasta está triste - Pare de deixar todas essas pastas tristes, comece a criar novos projetos.
Trip Planner - Se você ainda não planejou viagens, apenas saiba que o céu noturno estará esperando.
Farol - Esse estado de dados zero exibe um erro usando um farol solitário.
Chat de Grupo - Parte do processo de integração, esse design ilustra um bate-papo em grupo ativo com muitas mensagens, algo como "o que isso poderia ser" se você simplesmente começasse a conversar.
Trip Planner - Este apresenta um avião em pleno vôo. Nenhuma viagem eletiva ainda? Bem, vamos mudar isso, vamos?
Frizzbee - Aqui está um uso inteligente do mascote da marca em designs de estado vazios. Essa é uma ideia que certamente decolará.
Pizza Virtual - O estado de dados zero encoraja-o a criar uma pizza virtual para encomendar uma pizza real. Uma ilustração simples, mas minimalista de uma pizza usada aqui.
PandaDoc - Você nunca pode errar usando pandas bonitos para quebrar más notícias.
Seek - Ainda sem resultados, mas continue procurando. Aqui, pegue esses binóculos.
Aplicativo de viagem - este é ambicioso. Ele mostra um foguete e uma mala para uma experiência de viagem fora do mundo. Veja o mundo juntos.
A360 - É claro que este aplicativo está focado em algumas propriedades imobiliárias.
Aplicativo de fatura - As ilustrações de duas cores aqui informam tudo, desde como obter acesso rápido aos seus dados, verificar seu desempenho de vendas e ter todos os seus clientes na palma da sua mão..
Whittl - Não faça essa cara engraçada triste, marque uma consulta. O cabelo da cara triste é rodado semelhante ao logotipo da marca - um toque inteligente.
Aplicativo social para motoristas de caminhão - A ilustração "Nenhum local de estacionamento encontrado" pede que você continue dirigindo enquanto uma perda na conexão com a Internet mostra um bloqueio.
My Leads - Adicionar sua primeira pista é como lançar um foguete no espaço.
Unroll.me - "Bem vindo à sua caixa de entrada!"
Snapchat - É uma festa em uma tela do Snapchat. Você precisa de amigos para ter ótimas histórias.
Workangel - Salve todos os seus varejistas favoritos (daí os corações) nesta pasta aqui.
My Projects - Excited folder está animado em saber qual será o seu primeiro projeto de prototipagem.
Aplicativo de assinatura - Isso tira sarro em um documento em branco e um capturado (sorri para a câmera).
Kickpush - Adoráveis interpretações de filmes populares e cenas icônicas. Excelente uso de design de estado vazio por este aplicativo de filme.