Nota Desenvolvedor: como decorar aplicativos de tela em branco
Makradar Mac Os / / December 26, 2019
Recentemente, comecei cada vez mais ao conhecimento por si mesmos, que o interesse mais ativo no tema do desenvolvimento aplicativos para iOS e interfaces de usuário concepção, quanto mais você pensar, ou diferentes daqueles outras coisas. Você começa a prestar atenção à localização dos botões de controle, o tamanho dos ícones e outras coisas concepção de que uma pessoa normal no uso diário e não são suspeitos.
No outro dia me deparei com um artigo muito interessante Designer Craig DennisNo qual ele expôs nas prateleiras regras de projeto aplicativo de tela "limpa" para iOS. Tecnicamente, isso é chamado de «estado vazio» - quando o programa por algum motivo não pode mostrar nada para o usuário. De acordo com Craig, muitos designers novatos não prestar atenção suficiente a este aspecto da aplicação, e porque muitas vezes é informar corretamente o usuário sobre a falta de conteúdo é tão importante quanto o próprio mapa conteúdo. I seu artigo parecia muito curioso, então eu sugiro encontrar uma breve tradução das idéias básicas.
telas "limpa" pode ser dividido em três tipos principais - o primeiro uso do aplicativo, a falta de conteúdo e erro técnico (falha da ligação à Internet, por exemplo).
1. primeiro uso
As primeiras impressões sempre permanecer na memória, especialmente os pobres. É por isso que o designer é muito importante para organizar a interface de modo que quando você começa programa do usuário conheceu não é neutra legal tela branca, mas algo estético e funcional. É melhor chamar a algum tipo de imagem visual e adicionar um par de dicas sobre o uso do aplicativo (só não sobrecarregar a instrução tedioso interface no espírito do capitão óbvio). Excelentes exemplos de realização notável de tais idéias são programa tampão, Timehop e Dropbox (você pode ver imagens acima).
2. Falta de conteúdo
Vamos olhar a situação com e-mail. Você amá-lo ou odiá-lo, mais do que é preenchido com mensagens não lidas. Eu conheço um monte de pessoas que são dezenas recebendo diariamente de novas mensagens. Claro, um usuários de e-mail ativos são sempre satisfeito para encontrar uma caixa vazia. Este será duplamente satisfeito quando o desenvolvedor de cliente de e-mail vai dar a este aspecto um par de horas de trabalho e desenhe um bom aviso sobre a ausência de novas mensagens.
Essa é a forma como este problema é resolvido no Sparrow, Gmail e padrão programa de correio no iOS:
Sparrow fornece ao usuário com o ícone tradicional da caixa de correio e rótulo «Inbox Zero». Esta tela é intuitiva, minimalista e decorados muito elegante. O usuário é improvável que haja qualquer dúvida.
os desenvolvedores do Gmail ter ido um pouco mais longe e adicionar um toque de emoção na sua aplicação - quando Usuários não existem mensagens não lidas na frente dele mostrando um ícone do divertimento sol com a legenda "Desfrute dia!". Este tipo de sentimento como a sugerir uma pessoa sobre como bom ou é ruim (o exemplo acima é óbvio, mas há casos mais complicados).
sistema de aplicação Mail.app não criar uma página "limpa" especial, para que o usuário só pode adivinhar por quê diante dele não há nenhuma lista de mensagens - ou simplesmente não tem novas mensagens, ou erro de sincronização, ou falha de conexão Internet. Este tipo de pergunta sempre deixa uma sensação ruim a partir do uso do programa, então se você design de interface, tentar limpar informar o usuário a respeito de porque ele não parece conteúdo esperado.
3. erros técnicos
Muitas vezes, o usuário tem que observar uma tela iOS app "limpa" devido ao fato de que o dispositivo tenha perdido a conexão com a Internet e não pode baixar novos conteúdos. Como mencionado acima, para o criador do programa é grammotno muito importante e elegante para transmitir esta informação para o usuário.
Vamos ver como uma tela de erro é implementado em aplicativos do Chrome, Opera Mini e Safari:
Chrome literalmente "espetos" na longa de texto do usuário a partir da informação técnica chato. Opera Mini «terminou com" um par de frases que não dão ao usuário uma idéia clara de por que o navegador não pode abrir um site particular. A implementação mais bem sucedida, na minha opinião, oferece o programa Safari padrão, que diz claramente que o iPhone não está ligado à Internet.
Alguns exemplos mais interessantes: o Gmail, YouTube e Instagram.
resultados
Como nós fizemos o projeto direito da tela "limpa" é muito importante para interfaces modernas - e não apenas para os iOS-programas. Antes de enviar o programa para a revisão na App Store, ou a emissão da versão final, pense por um momento, que vai usar o aplicativo e por quê. Tente prestar atenção aos mínimos detalhes que ajudarão o seu produto se destacar da massa cinzenta dos concorrentes. Se você pode agradar os usuários e deixar uma boa impressão sobre si mesmo, no futuro eles estarão prontos a perdoar-lhe algumas falhas e erros.
P. S. O que você acha sobre o projeto da tela "limpa"? Existe algum tipo de desejos subjetivos ou conselhos gerais? Os editores devem I MacRadar escrever sobre tais sutilezas na concepção e desenvolvimento de interfaces para iOS? Escreva a sua opinião nos comentários, seria interessante para discutir o tema com os leitores.