Articles

como projetar um aplicativo: o guia final

você sabia que a pessoa média nos EUA gasta aproximadamente 5 horas colado aos seus dispositivos inteligentes? Seja mensagens, postagem de fotografias ou jogos—a era digital atual em que vivemos tem pessoas constantemente usando aplicativos.com enorme popularidade vem a competição massiva, e enquanto a competição é uma coisa boa (ela nos mantém em alerta e faz com que tudo seja um pouco melhor), entrar em um mundo onde aplicativos crescem em árvores pode ser um empreendimento intimidante, mas gratificante.

Se você decidiu criar um aplicativo, chegando com algo que o diferencia da concorrência é essencial para o seu sucesso, e pode ser a diferença entre o pé e simplesmente fazer os números. Que algo é um design de app incrível.

belas interfaces, simplicidade impressionante, e fácil navegação são 3 dos traços mais proeminentes em um grande aplicativo. Você quer que as pessoas digam aos seus amigos sobre o seu aplicativo, entendam o seu propósito, ter um tempo fácil navegando através dele, e garantir que é algo que eles continuam voltando para.

mas como você cria um grande design de aplicativos?

nosso guia final para o design de aplicativos está aqui para ajudar, e nós vamos ajudá-lo através do processo de como projetar um aplicativo que é certo para ser um vencedor:

  • introdução
    • Definir o objetivo do seu aplicativo
    • Criar um plano
    • Pesquisas sobre o seu nicho e concorrentes
  • Design e desenvolvimento
    • Criar um wireframe
    • a Obter o seu aplicativo projetado
      • Opções para obter o seu aplicativo projetado
      • App dicas de design: O que observar durante a aplicação do processo de design
    • Recolher feedback sobre o seu design
    • Obter seu aplicativo desenvolvido
  • Teste e lançamento
    • Teste seu aplicativo com um grupo de foco
    • o Lançamento de uma versão beta
    • Inicie o aplicativo

introdução—

Definir o objetivo do seu aplicativo

Contas aplicativo para iOS
Design by Googa

Antes de executar para que o teclado, papel e caneta são um bom lugar para começar. Tente pensar sobre por que você está projetando um aplicativo e o que você está se preparando para realizar.

coloque a sua tampa de pensamento e anote as respostas para as seguintes perguntas:

  1. Qual é o objectivo subjacente da sua aplicação? O que queres que faça?
  2. Como fará o seu app apelar aos utilizadores?o que pretende fazer? Qual é o problema que você quer ajudar as pessoas a resolver com o seu aplicativo?porque é que as pessoas querem usar o seu aplicativo em vez de um dos seus concorrentes? Como é que se distingue?

não é apenas o design da aplicação onde a definição de objectivos é importante, é uma lição de vida! Definir metas claras para o seu aplicativo e escrevê-los irá dar-lhe uma referência para voltar ao longo de todo o processo. Se você alguma vez esquecer a resposta a uma destas perguntas, tê-los anotado será uma grande referência para mantê-lo no caminho certo e no curso para a dominação mundial app.

faça um plano

espere! Não vás buscar o computador, ainda não acabaste com o lápis e o papel.

forma uma representação visual das respostas às suas perguntas de definição de objectivos e coloque-as no papel. Imagem via skillapp.it.

pense nas respostas às suas perguntas no primeiro passo. Agora pegue essa informação e esboce um esboço de seu escopo do projeto. Durante esta fase, você pode aprofundar um pouco mais sobre como seu aplicativo vai fazer dinheiro (anúncios, compras no aplicativo, etc), o que você precisa de seu aplicativo para fazer e esboçar um caminho de onde você vai levar suas idéias, e como você vai fazê-los trabalhar dentro do seu aplicativo.

pense nesta etapa como desenhando um mapa de estrada visível do seu aplicativo, Quais são as suas funções, para quem é, e um mini guia passo-a-passo de como você pode obtê-lo lá.

pesquisar o seu nicho e concorrentes

Sim, Sim, você pode colocar sua caneta para baixo agora e virar para a world wide web.

AccountFeed web design
Pesquisa de mercado para entender melhor os problemas que as pessoas enfrentam e de como a sua aplicação pode resolvê-los. Design by FaTiH.

Research is an integral step in the process of app design. É importante entender o nicho de mercado de seu aplicativo, e ter uma idéia do que você está enfrentando. O mundo app é uma arena extremamente diversificada e competitiva, então você definitivamente vai querer ter certeza de que sua idéia de um tipo é exatamente isso.não se deixe intimidar pelo que vê lá fora. Só porque existem muitos aplicativos semelhantes ao que você está indo para não significa que o seu não vai ser o único a superá-los todos. Pesquisar os seus concorrentes irá mostrar-lhe o que falta nos seus aplicativos e dar-lhe-á melhores ideias sobre o que incorporar nos seus próprios.

tente prestar atenção às revisões—o que os usuários atualmente gostam sobre os aplicativos já lá fora? O que eles não gostam, e como você poderia resolver este problema? Durante este passo Você também pode se referir de volta às suas notas escritas e esboçadas, modificar o que você tem para baixo e obter uma idéia de como chegar à frente.

desenhar e desenvolver a sua aplicação

crie uma estrutura de arames para a sua aplicação

a sua estrutura de arames é um rascunho para a arquitectura visual da sua aplicação. Você levará seus objetivos e esboços visuais um passo adiante e criará um “projeto” básico de como seu aplicativo vai ficar, e como ele vai funcionar. Você pode fazer isso muito simplesmente no papel primeiro, mas wireframes digitais tornam as coisas mais fáceis, especialmente quando seus wireframes estão se tornando mais complexos e detalhados.como é que se faz isto? Seu sistema de arames é a chance de pegar sua visão e colocá-la nos limites de uma tela móvel. Não se preocupe, você não precisa fazer nenhuma escolha específica de design ainda. Este passo é sobre chegar com os fluxos de trabalho e estrutura geral de sua aplicação.

Axure iOS Plano Vectorial Modelo
o Seu wireframe leva a sua esboçou idéias e lhes dá uma digital makeover—um passo mais perto de ter uma idéia do que o seu aplicativo vai estar em mãos dos usuários. Imagem via UX / UI Land.

os passos anteriores ajudaram a dar-lhe uma ideia do que quer que a sua aplicação faça. Seu modelo de arames é um esboço mais detalhado e específico de como as coisas vão funcionar e que páginas e funções são necessárias.

Há uma infinidade de ferramentas de wireframing fáceis de usar lá fora que você pode usar para criar seus wireframes. Veja qual deles funciona melhor para você, e começar a trazer o seu projeto de aplicativo para a vida.

Aqui estão algumas avaliações de ferramentas que você pode usar:

  • Axure
  • Pidoco
  • iPlotz
Uber aplicativo de esboço
Um exemplo de um esboço para o Uber app. Imagem através do Código da aplicação Sketch.

Uma vez que você tenha o seu modelo de arames pronto, você terá uma boa visão geral sobre as páginas que você vai precisar e como o seu aplicativo vai funcionar.

para testar se os seus wireframes são sólidos, você pode criar um modelo click-through usando uma ferramenta como a Invision. Isto irá permitir-lhe clicar nas telas que planeou e ajudá-lo a testar se a navegação que configurou faz sentido.

mostre os seus wireframes aos seus colegas e amigos e recolha o seu feedback sobre a estrutura e navegação da sua aplicação. Veja se os seus testadores o acham intuitivo e se todas as telas e elementos fazem sentido para eles.

Se você encontrar algum obstáculo na sua navegação ou quiser reorganizar os ecrãs e a disposição, você pode simplesmente ajustar os seus wireframes e testar novamente. Continuem a andar para trás e para a frente até estarem satisfeitos com as vossas wireframes.

a Obter o seu aplicativo projetado

colorido mínimo aplicativo de design
design de aplicativos por Nashrulmalik

Agora é hora de pensar sobre o design do seu aplicativo e criar uma boa aparência, realista maquetes. Este é um passo super importante, porque é o que vai deixar uma impressão permanente em seus usuários, então não se apresse ou poupe quando se trata de seu design aplicativo. Um design bonito, profissional e bonito é o que pode fazer do seu aplicativo um sucesso enraivecido.

Que cores, tipos de letra e elementos de design você deve usar é uma grande decisão, então vamos falar mais sobre isso na seção Dicas de design abaixo.

Quando se trata de decidir como obter o seu aplicativo projetado você tem várias opções diferentes. Você pode considerar projetar você mesmo app, mas a menos que você seja um designer gráfico nós não recomendaríamos isso. É melhor contar com um profissional para ter certeza de que você vai obter um grande resultado.

Trabalhar diretamente com um designer

Se você já tem uma visão do que seu aplicativo deve olhar como e você sabe que você quer e precisa, a maneira mais fácil é trabalhar com um designer de 1-para-1. Você pode contratar um freelancer local ou—se você não tem quaisquer conexões com designers ainda-olhar para diferentes portfólios de designer on-line.

99designs designer ferramenta de pesquisa
Navegação designers com 99designs ” Designer ferramenta de Pesquisa

certifique-se de olhar para um designer de trabalho anterior com a sua visão em mente para encontrar o jogo perfeito em termos de habilidade e estilo.

Run an app design contest

99designs app design brief
Start a contest by filling out a brief and let designers know what you need.

Se não tiver a certeza sobre o olhar que deseja para o seu aplicativo e estiver à procura de sugestões, uma grande opção é executar um concurso de design de aplicativos.

Você escreve um resumo e designers de todo o mundo lê-lo e enviar-lhe suas idéias para o seu aplicativo. Você pode dar feedback para refinar os projetos, e finalmente escolher o seu favorito como o vencedor.

Use um construtor de app

outro método de design é usar um construtor de app. Muito como um web builder, app builders permitem que você economize um pouco de dinheiro em comparação com a contratação de um designer completo, mas você vai precisar de ser mais mãos-on e haverá restrições quanto ao que você pode fazer. Tenha em mente se você quer design complexo e tem necessidades específicas, isso pode estar fora de profundidade para um construtor.

Contrate uma agência

sua escolha final é o pacote completo, onde você pode se inclinar para trás e deixar alguém cuidar de tudo: contrate uma agência para construir seu aplicativo a partir do zero—incluindo o projeto. Esta é uma grande escolha se o seu projeto é realmente complexo e precisa de muita experiência em diferentes áreas. Faça o esforço para chegar a alguns deles e obter citações e idéias para ver se eles são um bom ajuste para o que você quer feito. Esta será, sem dúvida, a sua opção mais cara, mas se quiser que as coisas sejam feitas de uma forma específica e tenham os recursos para fazê-lo acontecer, é uma opção difícil de vencer.

não importa qual opção você escolher, não se esqueça de dar feedback e manter um olho sobre se o projeto realmente se encaixa na sua marca e comunica o estilo e olhar para você onde vai desde o início. Não perca de vista os objetivos que você estabeleceu no início e refletir sobre se o projeto final realmente diz O que você quer que ele diga.

dicas de desenho de Aplicações: O que procurar durante o processo de desenho de aplicações

Aqui estão algumas dicas-chave a ter em mente quando se trata de desenhar a sua aplicação:

torne mais fácil navegar:

um aplicativo incrível não é nada sem uma navegação fácil, então design com isso em mente para garantir uma experiência perfeita e agradável para os seus usuários.

Android app designs
ao desenhar para o Android, torne a gaveta de navegação fácil de encontrar para proporcionar uma experiência perfeita para os seus utilizadores. Imagem via Viztek.

assegurar que a gaveta de navegação ou barra de tabulação é claramente visível para o utilizador. Um usuário não será capaz de navegar no seu aplicativo se eles não têm idéia de como fazê-lo, então manter as coisas visíveis para garantir que eles sabem para onde ir. Lembre-se de ficar com um layout que é familiar aos seus usuários, para que eles saibam intuitivamente como navegar através do seu aplicativo.outra dica importante: torná-la amiga dos dedos. Se botões e links são muito pequenos para as pessoas clicar com seus dedos, eles terão um tempo difícil de navegar através do seu aplicativo.

Design for simplicity:

Keep things minimal for a modern look and make generous use of whitespace. Isso permite que seus usuários se concentrem no que mais importa. Mais uma vez, o uso de símbolos e frases familiares pode ajudar a mantê-lo simples e fácil de usar.projetar para simplicidade significa projetar com o objetivo de tornar a experiência do usuário tão agradável e fácil quanto possível. Demasiada informação apresentada na tela de uma vez ou simplesmente muita coisa acontecendo, e seu usuário é provável que se torne sobrecarregado e abandonar o aplicativo.

Suncorp Bank app design
Design by Sasha Radojevic.

escolha as cores e as fontes com atenção:

a psicologia das cores tem um enorme impacto, por isso não subestime o seu efeito. Da mesma forma, a sua escolha de fontes vai influenciar a aparência e sensação do seu aplicativo. Certifique-se de pensar sobre os significados ocultos esses elementos de design se comunicam e escolhê-los cuidadosamente. Lembre-se também: você não quer misturar muitas cores e fontes diferentes para um olhar consistente e profissional.

Se você tem diretrizes de marca com cores e tipos de letra específicos, não se esqueça de ficar com eles no seu design de aplicativos, para que o seu aplicativo se torne uma extensão sem descontinuidades da sua marca.

pense na hierarquia visual e no peso:

o peso Visual é o tamanho e o impacto de diferentes elementos na tela em comparação com outros. Use o peso visual para garantir que os aspectos mais importantes do seu design se destacam.

uma clara hierarquia visual irá ajudar os seus utilizadores com a orientação, por isso certifique-se de que a hierarquia que estabelece para as páginas e sub-páginas, bem como manchetes e sub-manchetes, é sempre consistente.

seja consistente:

Silicon Valley banking startup app design
Projecting for consistency in your app makes it easily recognizable and keeps it looking sleek. Design by ozonestyle.

Aqui está a coisa com cores e fontes e todos os outros elementos de design: eles só podem ser eficazes e deixar um efeito de marca positivo se você for consistente. Isto vale para outros gráficos, navegação e seu conteúdo também.

o seu aplicativo deve ter consistência visual (elementos de design como cores, botões e etiquetas), consistência funcional (o seu aplicativo deve funcionar da mesma forma através de todos os elementos), e consistência externa (quaisquer outras tomadas, como o site, aplicativos irmãos devem ser semelhantes ao seu novo aplicativo).ser consistente em toda a sua aplicação fará com que pareça profissional e permitirá que os seus utilizadores desenvolvam uma relação com a sua aplicação e a sua marca.

coletar feedback sobre o seu projeto

Agora que você tem imagens-modelos perfeitos, é hora de chamar seus amigos, família e até mesmo inimigos (se você tiver algum) e testar o projeto de seu aplicativo. Um modelo renderizado click-through vai tornar isso fácil e vai dar aos seus testadores uma sensação real de como o aplicativo será como.

é importante notar que este não é o seu aplicativo acabado, e haverá mais testes mais tarde. Este é essencialmente um teste do layout, Navegação, olhar e sentir, enquanto a funcionalidade virá mais tarde.

Isto permite-lhe ver a facilidade com que navegam na sua aplicação ou onde estão a ser retidos. Design by subzero_.

quanto mais pessoas você começar a provar o seu design do aplicativo, mais feedback você terá, e, portanto, uma melhor idéia do que está funcionando bem e o que precisa de melhoria. A crítica construtiva será sua amiga aqui, então não tenha medo de cavar um pouco mais fundo com seus samplers e descobrir exatamente o que eles pensam. Está muito cheio? Demasiado brando? Tome nota de quaisquer comentários que os seus testadores possam ter.

Se você tem um modelo de click-through renderizado, dê uma olhada sobre o ombro de seus samplers (mas certifique-se de que sua respiração é agradável e fresco em primeiro lugar). Isso ajuda a mostrar como eles estão navegando seu aplicativo e lhe dá um ponto de vista experiência do consumidor.

Uma vez que você tem todo o feedback que você precisa e tem uma boa compreensão do que está trabalhando para você e o que requer melhoria, você pode voltar e pedir ao seu designer para fazer os ajustes necessários.

Get your app developed

Now it’s time to give over your design to your developer or development team. Eles vão codificar o lado funcional do seu aplicativo e se certificar de que ele realmente faz o que é suposto fazer. O mais provável é que eles vão andar para trás e para a frente com você e seu designer para ajustar o design para fazer tudo funcionar sem problemas e para descobrir quaisquer problemas que eles encontram durante o processo de desenvolvimento.

e voilà, você agora tem uma aplicação funcional! Dê uma olhada no objetivo do seu aplicativo que você decidiu quando tudo começou. Você resolveu um problema comum, trouxe prazer para as pessoas com uma criação divertida, ou simplificou a vida das pessoas de alguma forma? É provável que sim, e acertaste em cheio com o teu design estelar.

Testing and launch

Test your app with a focus group

Days Until app design
Call in the samplers again! Esteja aberto a críticas construtivas para permitir que você faça os ajustes finais em seu aplicativo. Design por Deniel Lalla

Agora temos um pleno funcionamento do aplicativo para testar, assim que você vai querer se certificar de que é exatamente o que antes de definir para o lançamento. Neste momento, todos os aspectos do aplicativo precisa estar funcionando corretamente e visualmente atraente.Lembras-te daqueles ajudantes felizes que te ajudaram a testar os teus modelos mais cedo? Liga-lhes outra vez. Faça-os o seu grupo de foco e deixe-os ter total liberdade com o seu aplicativo.

Tente obter todo o feedback final possível antes de decidir sobre o seu resultado final. Se você está trabalhando com um designer e desenvolvedor, pegue a crítica construtiva que você tem e colocá-los para trabalhar em fazer os ajustes finais para o produto concluído.

lançar uma versão beta

teste Beta significa lançar uma versão beta do seu aplicativo e torná-lo disponível para os primeiros adotantes em pequena escala. Desta forma, você pode ver como o seu aplicativo funciona em um ambiente ao vivo e verificar como os usuários respondem a ele.

TestFlight web design
TestFlight is an IOS specific program to control Beta testing of apps. O feedback final que você reunir aqui permitirá que você aplique os retoques finais para o seu aplicativo. Imagem via Torre de sensores.

deixe que seus usuários saibam que você apreciaria seu feedback, e use-o para ajustar as coisas com base no que você vê e nos comentários que você recebe.

Uma vez que você tem o feedback que você precisa e uma análise clara de como o seu aplicativo parece e funciona em um ambiente ao vivo, a linha de chegada vai aparecer e você está pronto para revelar a sua obra-prima para o mundo.

lance a sua aplicação

finalmente, a luz no fim do túnel! Você planejou, testou, projetou e testou mais um pouco e seu aplicativo está pronto para chegar às prateleiras.

Pilly aplicativo de design
design de aplicativos por Ljuba97

Android não necessitam de revisão antes de iniciar seu aplicativo. Isso significa que você simplesmente tem que carregar seu arquivo de aplicativo para a Google Play store (como com o seu beta) e as pessoas podem começar a baixar instantaneamente o seu aplicativo. IOS é ligeiramente diferente em que eles vão rever o seu aplicativo antes que ele pode ir ao vivo. Não se preocupe, se você seguiu nosso guia final e fez tudo corretamente, você não deve ter nenhum problema em obter a luz verde.

Agora que o seu aplicativo está disponível para as massas, não pare aí. Continue melhorando e atualizando seu aplicativo regularmente para dar aos seus usuários a melhor experiência.

também não subestime a importância do próximo passo—marketing. Marketing de seu aplicativo efetivamente vai ajudar a obter o seu aplicativo para lá e para os telefones de seus usuários. Para dar uma olhada em algumas idéias intuitivas sobre como comercializar seu novo aplicativo móvel, confira este artigo útil.está pronto para tomar o mundo da aplicação de assalto?-

os aplicativos são um aspecto dominante do mundo de negócios de hoje e agora você está pronto para criar e projetar um aplicativo que realmente pode virar as cabeças.

o processo de design do aplicativo pode parecer complexo, mas se você seguir este guia e dividi-lo em pequenos passos gerenciáveis, ele vai ficar muito mais fácil.então, do que estás à espera? Põe o teu chapéu de design e faz dessa tua ideia fantástica de aplicação uma realidade.

à procura de uma aplicação deslumbrante?
aqui você vai encontrar designers de aplicativos que são perfeitos para o seu projeto.