Desenvolvimento de protótipo de interface de site baseado

no método design instrucional centrado no usuário

Camyle IAUANA; Marcos SANTOS; Viviane ARAÚJO; Raquel MAIA

INTRODUÇÃO

Este projeto acadêmico-científico explora a relevância do design como

meio de comunicação efetiva em um contexto específico: o desenvolvimento de uma
interface de um curso de moda EAD. Com base na perspectiva de Victor Papanek,
que considera o design como um esforço consciente e intuitivo de impor uma ordem
significativa (Papanek, 1985, p. 4), o presente estudo busca demonstrar como o
design pode ser utilizado para transmitir uma mensagem objetiva ao público-alvo,
eliminando ambiguidades.

Para alcançar esse objetivo, serão aplicados conhecimentos de identidade

visual e ergonomia cognitiva, de forma segura, com poucos erros, limitando
escolhas, fazendo com que o usuário não busque formas de burlar quaisquer ações.
Será aplicado feedback, para mostrar o retorno de informações ao usuário, isso
evitará ações repetidas (NORMAN, 2002, p. 13).
OBJETIVOS

GERAL:
Desenvolver protótipo de interface de site com o design instrucional
centrado na experiência do usuário.

ESPECÍFICO:
• Desenvolver um projeto gráfico de Identidade visual;
• Apresentar um projeto gráfico de Interface.
METODOLOGIA

A palavra metodologia surgiu do latim "methodus", que permite

estabelecer trajetórias para que, através de processos e etapas, determinados
objetivos e metas possam ser alcançadas de forma mais eficiente. “...metodologia do
design são reflexos objetivos de seus esforços que se destinam a otimizar métodos,
regras e critérios e com sua ajuda o design poderá ser pesquisado, avaliado e também
melhorado.” (BURDECK, 2006, p. 225).
METODOLOGIA DE PESQUISA

No que se refere ao conceito da pesquisa, Gil (2007, p. 17), define como o

(...) procedimento racional e sistemático que tem como objetivo proporcionar
respostas aos problemas que são propostos. A pesquisa desenvolve-se por um
processo constituído de várias fases, desde a formulação do problema até a
apresentação e discussão dos resultados.

Uma vez que a metodologia nos mostra caminhos e nos possibilita fazer
escolhas mais assertivas e direcionadas, tornando a nossa pesquisa mais prática e
científica, optamos pela abordagem qualitativa pois a mesma se preocupa com o
nível de realidade que não pode ser quantificado, ou seja ela trabalha com o universo
de significados, motivações aspirações e crenças valores e atitudes. (MINAYO,
2014).
 A pesquisa bibliográfica é feita a partir do levantamento de referências teóricas já
analisadas, e publicadas por meios escritos e eletrônicos, como livros, artigos científicos e
páginas de web sites. (FONSECA, 2003, p. 32).

Ao realizar toda uma reflexão sobre soluções e problemáticas dentro de um

projeto, é preciso um estudo para reconstruir ideias, aplicar teorias e aprimorar os
fundamentos teóricos, para isso, escolhemos a pesquisa bibliográfica para nos auxiliar,
colaborando na construção de embasamentos a partir dos conhecimentos e obras
selecionados. Pesquisa essa, que se propõe à análise das diversas posições acerca de um
problema. (GIL, 2007, p. 44).

Quanto a natureza, a pesquisa básica foi a estabelecida, que em relação a

prototipação trabalhada, não há uma aplicação prática prevista .
METODOLOGIA DE PROJETO

A metodologia de projeto estabelece a sequência em que o

projeto de design será desenvolvido. Nela são estabelecidas as
etapas projetuais, as atividades e ferramentas.

• DESIGN THINKING • MÉTODO SMART

 Alan Cooper (2007)

DESIGN THINKING O que vê? Quais são as dores dele? Quais são seus ganhos?

Empatia: neste ponto há a pesquisa e a observação,

para entender quem é o nosso usuário, etapa no qual se
cria o mapa da empatia e a persona;

Definição: delimitação do público-alvo e um

conhecimento mais profundo sobre suas condições e
objetivos individualmente;

Ideação: elaboração de ideias e alternativas que

atendam as dificuldades do usuário;
O que pensa e sente? O que escuta? O que fala e faz
Prototipação: construção do projeto;
Teste: experimentação do protótipo com o usuário.
MÉTODO SMART
Specifc (específico): Delimitou-se ao curso de Design de Moda à distância;

Measurable (mensurável): sendo um protótipo de interface digital, é possível realizar o acompanhamento de

todo o processo, desde os wireframes aos testes finais, sem que haja a necessidade de investimentos com alto
valor financeiro;

Achievable (atingível): é preciso que as metas sejam possíveis de serem realizadas de acordo com as condições a
qual se trabalha, coincidindo com a realidade. Sendo assim, por se tratar de uma plataforma digital, no qual a
equipe inteira domina as ferramentas de trabalho, foi possível alcançar resultados satisfatórios com as
prototipagens construídas, sem o auxílio de terceiros;

Relevant ( relevante): foi levantado uma pesquisa em campo, onde obteve-se dados importantes, dados estes
fornecidos mais adiante, apontando que o projeto se faz relevante com a missão, visão e valores da empresa.

Time-based (temporal): com um dead line estipulado com pouco menos de um ano, o método Scrum também foi
aplicado, sendo uma metodologia ágil, de etapas rápidas, que proporciona a capacidade de aplicar a
apresentação em Sprints, fazendo com que cada integrante da equipe observe e acompanhe cada etapa, sem que
haja a necessidade de uma visualização em plano geral.
REFERENCIAL TEÓRICO
FORMAÇÃO EM DESIGN DE MODA
Conforme mencionado pela Revista Nexos, a primeira escola de Design de Moda surgiu em Paris (hoje
se chama Esmod), fundada em 1841, atualmente possui filiais em diversas cidades pelo mundo, tais como,
Londres, Milão, Nova Iorque, Tóquio, inclusive São Paulo.
No Brasil, na década de 80, quem almejasse uma formação acadêmica ou aperfeiçoamento, deveria sair
do continente à procura. No entanto, na mesma década, em 1988, foi inaugurada a primeira escola de curso
superior de moda em São Paulo.
DESIGN INSTRUCIONAL
Com o surgimento na Segunda Guerra Mundial, no qual diversos psicólogos foram convocados para
estudos e desenvolvimento de estratégias para o exército dos Estados Unidos (Raiser, 2001), onde havia a
necessidade de instruir novos soldados a manipular equipamentos, também sempre de manter contato com
a base com o objetivo de compartilhar coordenadas para novas estratégias, em um curto espaço de tempo.
O Design Instrucional (DI) tem como funcionalidade buscar estratégias e soluções de organização no
caminho com a principal finalidade o aprendizado, segundo Smith e Ragan, “o processo sistemático e
reflexivo de traduzir princípios de cognição e aprendizagem para o planejamento de materiais didáticos,
atividades, fontes de informação e processos de avaliação” (Smith e Ragan, 1999).

Imagem: Divulgação internet

Imagem: JOE ROSENTHAL, ap
 DESIGN DE INTERFACE
De uma forma mais abrangente, física e/ou digitalmente, para Cybis (2000) ‘a interface é formada por
um sistema de informações, dados, controles e comandos’, isso possibilita a comunicação do usuário com o
que deseja interagir. Resumidamente, Interface é tudo aquilo que se utiliza para interagir com algo gerando
comandos.
Atentando à vertente computacional, sobre o sistema de interface, voltado para a Web, que é o intuito da
construção deste projeto, ‘a interface de um usuário deve ser entendida como parte de um sistema
computacional, física ou de forma perceptiva, com a qual uma pessoa entra em contato’ (Moran, 1981).

Imagem: Divulgação internet

 DESIGN DE INTERAÇÃO
A Interação pode ser compreendida como o processo que um usuário executa, planeja o que fazer, gera
o comando sobre uma interface, a interface, por sua vez, capta, processa e interpreta a ação, gerando uma
resposta esperada (Norman, 1986).
Concluindo, Design de Interação, pode ser definido como, Design de produtos interativos que
fornecem suporte a diversas atividades, no cotidiano ou no trabalho (Preece). portanto, no estudo dessa
área, busca-se investigar como as pessoas trabalham ou se comportam no seu dia-a-dia e de que forma
pode-se dar suporte a elas.

Imagem: Divulgação internet

 DESIGN CENTRADO NO USUÁRIO
Defendendo os pensamentos de Norman (2002), a ideia de um Design centrado no usuário, é apresentar
uma interface de acordo às suas necessidades específicas. Tem foco em fazer com que os produtos - neste
caso, a interface de uma instituição - sejam de fácil compreensão e utilizável. O design centrado no usuário
deve fazer uso de elementos naturais e atemporais do cotidiano, neste quesito, é importante destacar Nielsen
em suas heurísticas, que o ‘reconhecimento é melhor do que a memorização’. É mais fácil para um usuário
fazer reconhecimento de padrões, do que sempre buscar memorizar ações. Para manter a ‘eficiência e
flexibilidade’ ao usuário, deve haver instruções e/ou tutoriais curtos, a ponto de o usuário aprender uma
única vez, sem a necessidade de sempre voltar a um tutorial. Baseado nisto, faz-se o uso de reconhecimento
do mundo externo em associação à ações executadas na interface.

Affordance

Imagem: Markus Santos

Imagem: Divulgação internet

 DESIGN GRÁFICO DE IDENTIDADE VISUAL

Segundo Ricardo Leite, especialista em Identidade Visual, ter um projeto gráfico de identidade visual é
crucial para transmitir uma imagem consistente e coerente da marca ou empresa. Ele destaca que a
identidade visual é como o rosto da marca, sendo responsável por criar uma conexão emocional com o
público-alvo e transmitir os valores, personalidade e essência da marca (LEITE, 2010).

A inspiração do nome da marca veio através de duas acadêmicas, Giovana Waquim e Raquel Maia, com
suas ideias inovadoras em relação ao mundo da moda. Os símbolos das iniciais W e M foram
meticulosamente criados à mão em um estilo script, com a intenção de refletir a identidade da marca. Esses
símbolos incorporam efeitos que evocam a leveza dos tecidos, adicionando uma dimensão de elegância e
fluidez.
 O vermelho Fiery Red que é a cor do ano Pantone 2022 da semana da moda em Nova York, simboliza
um vermelho de todas as paixões, verão vibrante e cheio de energia, capturando a essência das tendências da
moda. Em contraste, o cinza representa o inverno, a cor do tempo hostil e dinamismo, oferecendo uma
sensação de calma e sofisticação.