Adobe XD: design visual de um site mobile

Pesquisa - Apresentação do curso

Olá, tudo bem?

Meu nome é Willian Santos, sou designer há mais de quatros anos e estou aqui para apresentar para vocês o curso de UI Design com Adobe XD. É importante dizermos que este é um curso para iniciantes, uma ótima oportunidade de entrar em contato com a área. Além disso, conheceremos alguns outros campos do conhecimento, como arquitetura da informação e design UX, muito embora nosso foco seja a área de UI, interface do usuário.

Este curso está dividido em quatro grandes blocos:

1.Pesquisa: conheceremos o projeto e o cliente que o propôs.

2.Estruturação: com os dados do cliente coletados, começaremos efetivamente a estruturar as bases do projeto.

3.Organização: já com a pesquisa e a estrutura prontas, organizaremos tudo de maneira que o usuário final consiga utilizá-las.

4.Layout Final e Prototipagem: desenvolveremos o layout e criação do protótipo de interface.

A empresa que trabalharemos é a OFFSESSION, que atua na área de benefícios, isto é, ela consegue realizar buscas na internet dos melhores descontos nas melhores salas de cinema, e centralizar tudo em uma única plataforma. Dessa maneira, o usuário compra ingressos mais baratos para os filmes e localizadas de preferência.

A OFFSESSION ainda não possui um site, e nós nos focaremos nesse momento em estruturar um site mobile, entenderemos o porquê dessa escolha no decorrer do curso.

Utilizaremos uma ferramenta bastante acessível para trabalharmos no projeto: o Adobe XD, 100% voltara para o desenvolvimento de interface, pensada para o UI Design. Além de tudo, trata-se de uma ferramenta gratuita.

Pesquisa - Overview do projeto

Conheceremos o projeto a ser desenvolvido ao longo do curso, bem como o resultado que deveremos atingir ao final dele. Se você ainda não realizou do download do Adobe XD, foi disponibilizado um material de apoio antes desse vídeo para te auxiliar nesse processo de preparação de ambiente.

Na apresentação do curso, aprendemos que o cliente para este projeto é a OFFSESSION, e construiremos um prototipo de plataforma para compras de ingressos de cinema com desconto. Trata-se de algo complexo: precisaremos de uma tela de login, outra que exibe os descontos de cinema, detalhes do filme, compra de ingressos e assim por diante.

Na tela inicial, aprenderemos a criar formulários eficientes, que garantem uma boa experiência para o usuário em ambiente mobile. Aprenderemos, ainda, a criar elementos baseados em grid e a importância de uma boa distribuição e uso de cores adequadas para se comunicar com um possível cliente.

Criaremos botões que chamam o usuário para uma ação específica dentro da plataforma. Veremos, ainda, a importância de fornecer feedbacks para o usuário para confirmar ou esclarecer uma ação executada.

Trata-se de um projeto grande, que nos possibilitará explorar vários conteúdos diferentes.

Pesquisa - O mercado de design digital

Nesta aula, entenderemos como funciona o mercado de design digital, quais áreas que compõe e assim por diante. Esse mercado é dividido em três principais áreas: manipulação(UX), estrutura(AI) e comunicação(UI).

A primeira área que entra em ação ao criarmos um projeto é o UX, que é voltado para a experiência do usuário. O design UX é focado em proporcionar uma boa impressão no usuário a respeito da plataforma. As melhores maneiras de garantir uma boa funcionalidade e como construí-la é realizar pesquisas e estudos relacionadas ao uso de aplicações.

A partir das pesquisas e estudos realizados pelo designer UX, entramos na arquitetura da informação, o AI. O designer dessa área de fato criará a planta da plataforma, e arquitetará da melhor maneira a informação na interface. Este profissional criará os scketches, sitemaps e wireframes.

Ao fim teremos o UI, que é a carreira que conheceremos nesse curso. Nós seremos responsáveis por definir a aparência do projeto, a interface estática dos aplicativos.

Sobre o curso Adobe XD: design visual de um site mobile

O curso Adobe XD: design visual de um site mobile possui 148 minutos de vídeos, em um total de 46 atividades. Gostou? Conheça nossos outros cursos de UI Design em UX & Design, ou leia nossos artigos de UX & Design.

Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:

• Pesquisa
• Organização
• Estruturação e layout
• Layout II
• Finalização e prototipagem