UI Design e UX Design

UI Design, ou User Interface Design (Design de Interface do Usuário), é o meio pela qual uma pessoa interage e controla um dispositivo, software ou aplicativo. Esse controle pode ser feito por meio de botões, menus e qualquer elemento que forneça uma interação entre o dispositivo e o usuário.

UX Design é uma forma de englobar todos os aspectos da interação do usuário final com a empresa, seus serviços e os seus produtos, ou seja, é responsável por estudar as melhores maneiras de atender as necessidades dos usuários e deixá-los satisfeitos com todo o processo.

Sem dúvidas uma das etapas mais importantes para que um site seja bem feito e represente bem a imagem de uma empresa ou marca, é a comunicação. É muito importante que fique claro entre criador e cliente qual o objetivo por trás do site, qual a história da empresa, concorrentes, referências, e todo um conjunto de informações que devem estar completas para que o produto final seja eficiente quanto aos objetivos e transpareça a imagem da empresa.

Além do briefing em si, que é uma espécie de formulário onde o cliente preenche com as informações relevantes para a criação do seu site, também é essencial que haja uma conversa entre as partes. Muitas vezes grandes ideias podem vir de uma conversa, por isso, é indispensável que a comunicação também seja feita ao vivo ou por telefone.

Criar conteúdo para um site não é simplesmente sentar e escrever sobre a empresa e os seus produtos. Para que o site tenha competitividade e seja mais facilmente encontrado pelo público alvo, é muito importante que seja feita uma análise da concorrência, uma pesquisa de mercado e a aplicação do SEO.

Através da pesquisa de mercado e do briefing o conteúdo é inicialmente criado, e depois otimizado através de técnicas e ferramentas de SEO (Search Engine Optimization), que ajudam com que o site seja encontrado através das palavras chaves do segmento em que está inserido.

Após criado o conteúdo, é criado o mapa do site, também chamado de Wireframe. O wireframe é uma espécie de “maquete” virtual do site, ou seja, é um rascunho que desenha onde cada imagem, texto e botão será inserido. Esta etapa é importante, pois é baseado neste wireframe que o designer vai seguir com as suas criações.

Usando o wireframe e o template escolhido, o designer entra em ação criando um site personalizado, misturando uma tabela de cores, imagens e textos que sejam coerentes com a essência do cliente.

A etapa de programação consiste em codificar as funcionalidades já definidas previamente, sempre baseando-se no wireframe e também no design do site. Programar consiste em transformar as imagens e layout criados pelo designer em códigos interpretáveis pelos navegadores. Existem dois tipos de linguagens interligadas utilizadas neste universo: o HTML e o CSS.

Muitas vezes os sites são criados em templates previamente codificados, mas é sempre necessário que alterações sejam feitas para incorporar as funcionalidades personalizadas de cada cliente.

É nesta etapa que os códigos de CSS e HTML escritos entram em ação de fato, ou seja, são aplicados e criam a dinâmica do website. São criados e incorporados sistemas e plugins necessários, além de todas as funcionalidades do site, montando a primeira versão oficial do mesmo.

Site pronto, hora de testar. É através dos testes que os programadores conseguem definir se o site está mesmo pronto para publicação ou precisa de ajustes. Ajustes feitos e site aprovado, hora de publicar.