Wireframe Protótipo de Média Fidelidade da Página de Pouso

Prévia do material em texto

WIREFRAME 
O WIREFRAME desenvolvido para a página de pouso do evento comemorativo dos 40 
anos da Escola de Música Silva foi elaborado com base em princípios consolidados de 
Experiência do Usuário (UX) e Interface do Usuário (UI). O objetivo central é garantir 
uma navegação intuitiva, uma interação eficaz e uma comunicação visual clara, 
favorecendo a compreensão do público e estimulando o interesse pelo evento. 
Aplicação de UX (User Experience) 
A construção da experiência do usuário foi guiada por fundamentos de usabilidade e 
arquitetura da informação. Nesse sentido, priorizou-se uma estrutura de navegação 
lógica, clara e objetiva, permitindo que o usuário percorra facilmente os conteúdos 
apresentados. Elementos no menu superior fixo contendo as seções “Ingressos”, 
“Sobre” e “Local” garantem orientação e acesso rápido às informações essenciais, 
reduzindo a carga cognitiva do usuário. 
Além disso, o fluxo de navegação foi planejado de maneira linear e intuitiva, 
apresentando inicialmente a identidade do evento, seguida da chamada para ação 
principal “Garanta seu ingresso” e, posteriormente, informações contextuais sobre o 
evento, dados como: data, preço, duração e classificação e localização. Esse 
encadeamento evita dispersões e facilita a jornada do usuário até o objetivo final da 
página, que é a aquisição do ingresso. Também foi adotada linguagem clara e objetiva, 
conforme recomendado nas boas práticas de UX, favorecendo compreensão imediata 
e interação fluida. 
A estrutura textual e visual prioriza ainda a escaneabilidade, com uso de marcadores 
e blocos de conteúdo que permitem que o usuário identifique rapidamente 
informações essenciais. Essa estratégia está alinhada aos princípios que orientam o 
design centrado no usuário, contribuindo para uma experiência eficiente, acessível e 
emocionalmente conectada ao propósito do evento. 
Aplicação de UI (User Interface) 
No âmbito da interface, o protótipo apresenta uma organização visual coerente com os 
princípios de consistência, legibilidade e hierarquia informacional. Foram estruturados 
blocos bem delimitados, espaçamento adequado e títulos destacados para facilitar a 
leitura e reforçar o entendimento das seções. 
A presença de ícones informativos como: data, duração e faixa de preço, contribuem 
para o reconhecimento rápido das informações, enquanto a utilização de botões com 
destaque visual, principalmente o botão de chamada para ação, orienta o 
comportamento do usuário e reforça o foco estratégico da página. 
A interface também prevê, em posição estratégica, o espaço destinado à exibição da 
logo da escola, tanto no cabeçalho quanto no rodapé, assegurando presença 
institucional contínua ao longo de toda a navegação. Este posicionamento reforça a 
identidade visual, continuidade da marca e credibilidade do evento 
O botão de chamada para ação (CTA) foi destacado visualmente com a finalidade de 
orientar a conversão do usuário, destacando-se de maneira clara na composição. 
Ademais, áreas reservadas para imagens institucionais foram concebidas para futura 
aplicação de fotografias e elementos estéticos relacionados ao legado musical da 
escola, assegurando riqueza visual e fortalecimento emocional da interface. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
REFERÊNCIAS: 
https://www.wickedbrasil.com/ 
https://expo-titanic.com/sao-paulo/ 
https://www.wickedbrasil.com/
https://expo-titanic.com/sao-paulo/