Como criar Interfaces para o Android - Parte 1
Autor: Victor Cardozo | Publicado: 2012-08-07T19:01:00-03:00







Olá! =D

Meu nome é Victor (Getexis), sou o parceiro de Gustavo na produção de aplicativos para android, sou o responsável pela construção do&nbsp;design&nbsp;e toda a conceitualização por traz do aplicativo.

Fui convidado postar artigos mais aprofundados sobre o assunto, espero que todos gostem.

Então vamos que vamos!



No ultimo post, mostramos os padrões de design, o que abordou o tema "Por que se deve usar padrões?" onde foi explicado os&nbsp;benefícios&nbsp;do uso, o aumento da usabilidade e o quanto equivale para a experiência do&nbsp;usuário.



Se caso não viu, veja :&nbsp;Padrões de design no Android







Seguindo o tema do post passado, hoje vamos falar sobre UX Design, a&nbsp;importância&nbsp;de escrever o projeto (mapa mental ao menos) e rascunhar,&nbsp;antes de levar o projeto para&nbsp;uma&nbsp;prototipagem final e consequentemente&nbsp;Photoshop/ Programação.




Então comecemos:

Primeiramente, é bom salientar, se você quer criar interfaces é importante ir já se familiarizando com o UX Design e o UI Design...



Mas então, o que é UX Design?

UX Design é o estudo da experiência do&nbsp;usuário&nbsp;(UXD ou UED) é um termo amplo que usamos para explicar todos aspectos da experiência do&nbsp;usuário&nbsp;com o app(ente outros sistemas) incluindo interface, gráficos, botões e etc. Toda a experiência do&nbsp;usuário&nbsp;desde da abertura do app ate o fechamento.



Quando desenvolvemos um app, uma interface, temos que criar pensando como o app será intuitivo e como será usado.Criamos o app pensando em como o usuário vai interagir com o app.



Mas como fazer isso?

O primeiro processo é ter o projeto do seu app. Escreva sua ideia, organize as funções, pense em quantas telas terá,&nbsp;defina os botões e&nbsp;quantos vão existir.

Um&nbsp;método&nbsp;muito eficiente é utilizar mapas mentais para &nbsp;facilitar a compreensão da ideia.


Mapas mentais são diagramas, voltado para a gestão de informações, conhecimento, é usado para a compreensão e solução de problemas, na memorização e aprendizado, na criação de manuais, livros e palestras, como ferramenta de brainstorm(tempestade de ideias) e também no auxílio da gestão de estratégia de uma empresa ou negócio.

Aconselhamos o&nbsp;www.mindmeister.com&nbsp;por ser bem completo, intuitivo e permitir diversas projeções.&nbsp;



Exemplo:

App Buzina

Toque buzina e&nbsp;incomode&nbsp;os outros.



Funções:

Toque manual
Toque&nbsp;automático
Definição de toque
Volume de toque


Telas:

Tela - Inicial

Buzina manual
Buzina Automático

Tela - Buzina Manual

Botão - Toque
Opções


Tela - Opções

Definir buzina
Volume buzina
Salvar

Tela - Buzina Auto

Definir toque
Agendar horário/dia
Salvar



Ai está a ideia de forma simplificada, tudo o que vamos ter no app.

Dessa forma você tem uma visão geral de tudo o que vai ter no app, agora já poderá partir para os rascunhos.

Experimente, abuse da criatividade mas sempre lembrando dos padrões, da intuitividade e de como vai ser a experiencia do usuário.




Rascunho - Não tenha medo de ficar feio. Este processo é experimentação.







Mapa

Bom, por hoje é só. Um post simples mostrando como iniciar o processo de criação de Interfaces.

Fiquem a vontade, dúvidas,&nbsp;sugestões, opniões comente no post. Ficaremos felizes em responder.

No próximo post irei continuar falando sobre esse processo, como fazer uma prototipagem e entre outros temas.Fiquem atentos!

Até mais. =)