NOVO SITE: Fase 2 – Elaboração dos wireframes

NOVO SITE: Fase 2 - Elaboração dos wireframes

2 – Elaboração dos wireframes

Chegou a hora de colocar a mão na massa!

A fase de elaboração dos wireframes também possui várias etapas, que explicaremos mais detalhadamente abaixo. Nesta fase, um profissional exerce um papel essencial no projeto: o Designer de UX.

Designer de UX é o profissional responsável pela “experiência do usuário”, ou seja, ele elabora os esboços e wireframes, baseado em todas as informações coletadas, para proporcionar a melhor experiência para o visitante do site.

a. Mapa do site

O primeiro passo na fase de elaboração dos wireframes é definir o mapa do site, ou seja, toda a estrutura interna de conteúdo e as telas que o visitante deve passar durante sua estadia no site.
Para elaborar esse mapa, nós utilizamos um software específico para mapas mentais, que nos permite compartilhar o projeto através da internet para que todos os envolvidos consigam discutir, alterar e aprovar.

b. Primeiros esboços

Com o mapa do site definido, é hora de esboçar as primeiras telas do site. Realizamos algumas reuniões com os envolvidos do projeto e começamos a passar para o papel todas as idéias que foram aprovadas.
No papel, avaliamos diversas possibilidades de posicionamento de textos, imagens, menus, entre outros objetos que compõem o site. Após muita discussão e esboços descartados, chegamos à definição de como ficarão dispostos os elementos. A partir daí, partimos finalmente para os wireframes.

c. Wireframes

A tela que definirá todos os padrões é a “home”, ou seja, a primeira página que o visitante acessa ao entrar em um site. Por isso, o primeiro wireframe elaborado é o desta página.
O wireframe é o documento final, que definirá com exatidão o posicionamento e disposição de todos os elementos do site, e será enviado para o designer gráfico definir os padrões visuais do site. Para elaboração dos wireframes, nossa equipe utiliza um software específico para este fim.

Abaixo, o wireframe final da home do site da Aurum:

Wireframe do Novo Site da Aurum Software

Logo, postaremos mais uma etapa do projeto do novo site da Aurum Software, a etapa 3 – Criação do design gráfico.