De um modo geral, design de aplicativos e web design são coisas muito diferentes. A principal diferença é que normalmente os aplicativos são projetados para fazer alguma coisa, enquanto os sites simplesmente mostram algo. Nos últimos tempos, no entanto, a linha entre sites e aplicativos tornou-se cada vez mais difusa e há muita sobreposição, com muitos sites comportando-se como aplicativos ou mesmo incorporando conjuntos de aplicativos inteiros em suas interfaces.

Para designers de sites tradicionais sem experiência prévia em design de aplicativos, isso pode ser confuso e pode levar a resultados altamente questionáveis ​​no produto final. É importante entender que quando falo sobre design de aplicativos, não estou falando de "apps". Os aplicativos geralmente são interfaces de finalidade única que permitem que os telefones façam coisas que os telefones normalmente não deveriam fazer. Eles são uma classe de aplicativo, mas eles não podem ser realmente considerados aplicativos verdadeiros, e é por isso que eles são chamados apenas de "aplicativos".

Nas anotações a seguir, falarei sobre como o design de aplicativos de sites é diferente do design de sites de informações comuns e como você pode manipular o cross-over e criar páginas híbridas viáveis ​​que incorporem elementos de aplicativos adequadamente.

O design responsivo verdadeiro geralmente não funciona bem para aplicativos

Os aplicativos tradicionais de software funcionam em um espaço de tela finito (a rolagem não é normal e normalmente não é possível abranger vários comprimentos de tela como em páginas da Web). A interface do aplicativo em si pode incorporar a rolagem, mas requer seu próprio espaço fixo dedicado.

Isso significa que, se você usar o design responsivo, precisará pensar com muito cuidado sobre como os elementos de sua aplicação se encaixarão no espaço fornecido e, na maioria dos casos, os designs responsivos não funcionarão muito bem. Talvez você precise ir à escola antiga e criar versões separadas do site projetadas para serem visualizadas em plataformas diferentes, ou até mesmo impedir que os elementos do aplicativo sejam exibidos em dispositivos móveis.

Projetar ajuda inline que pode ser exibida sem sair da interface do aplicativo

O teste é importante para qualquer site ou aplicativo, mas quando se trata de aplicativos da Web, a carga de trabalho para testes aumenta drasticamente, porque você tem muitas outras maneiras de o aplicativo não funcionar corretamente em circunstâncias diferentes.

Considerando que, com aplicativos tradicionais, você tem o luxo de um manual do usuário que os usuários podem consultar quando há um problema, os aplicativos da Web geralmente precisam fornecer toda a ajuda como parte do site (e normalmente fazem um trabalho ruim!). Tente usar dicas de ferramentas, pop-ups, modais e, se precisar ramificar para páginas externas para obter informações de ajuda, use pelo menos o método target = ”_ blank” .

Use um tratamento de erros forte

Seu aplicativo precisa ser inteligente o suficiente para saber quando não está funcionando corretamente e para ser capaz de travar normalmente quando necessário. Nada é mais irritante para qualquer usuário do que quando o sistema desacelera e eles não podem fechar seu aplicativo simplesmente porque você estava com preguiça de usar o tratamento de erros e fornecer uma maneira de encerrar o aplicativo.

Ao montar uma equipe para desenvolver aplicativos da Web, é uma boa ideia contratar pessoas que também tenham experiência na criação de aplicativos de área de trabalho tradicionais. Aqueles que têm essa experiência podem ajudá-lo a evitar erros e obter um processo de desenvolvimento mais eficiente.

Imagem em destaque, Imagem de design da interface do usuário via Shutterstock.