Trabalho Acadêmico - Usabilidade, UI, UX, Design Estratégico e Acessibilidade

Atividade Nome Disciplina User Experience Data PARTE 1 1 O que é Usabilidade Defina a partir dos conceitos apresentados em aula 2 Qual a diferença entre UI e UX 3 Como o design estratégico se relaciona com a disciplina de UX 4 O que é acessibilidade e qual sua relação com a Usabilidade e na Experiência do Usuário PARTE 2 Busque um exemplo de interação e interface em um produto de tecnologia Apresentar telasfotos e URL se enquadrar Classifique em qual das 4 perspectivas de interação esse exemplo se enquadra e como está a hierarquia visual Avalie no mínimo 3 heurísticas da interface Aponte características dessa interface positivas e negativas Identifique a persona dessa interface Desenhe a jornada do usuário PARTE 3 Utilizando o exemplo acima desenhe o Wireframe do produto prevendo melhorias na interface primando pela usabilidade e acessibilidade No último aspecto aponte no projetowireframe no mínimo 3 recomendaçōes a partir dos princípios perceptível operável compreensível e robusto dentro dos níveis de conformidade sucesso A AA AAA Atividade Nome Disciplina User Experience Data PARTE 1 1 O que é Usabilidade Defina a partir dos conceitos apresentados em aula R A usabilidade é conceituada pela literatura como a capacidade do sistema em fazer com que o usuário tenha êxito na execução de tarefas ou seja esse conceito consiste na aplicação ser de fácil assimilação e simplicidade da interface sendo de fácil entendimento para o públicoalvo 2 Qual a diferença entre UI e UX R Enquanto a Ux conhecida como experiência do usuário destacase por ser um estudo comportamental dos usuários com o objetivo de entregar uma melhor experiência de uso nos produtos sendo eles digitais ou não a UI definida como interface do usuário foca no trabalho de design de interfaces referindose ao desenho projeto visual com o qual interagimos em aplicativos sites e sistemas como caixas eletrônicos e softwares de CRM e faz parte do estudo do comportamento do usuário que chamamos de UX 3 Como o design estratégico se relaciona com a disciplina de UX R O design estratégico e a disciplina de UX possuem suas relações potenciais nascidas através de suas naturais essenciais de se desenvolverem além da prática do design abordando novas dinâmicas de competências absorvidas de outras áreas de modo a fornecer novas perspectivas de abordagens de um problema e orientálos a um mesmo objetivo Outrossim destacase que os dois visam a consideração da organização experiência comunicação análise e gestão a fim de que se constitua uma estratégia concisa e fornecimento de viabilidades de entregas de resultados expressivos e com significados valorizando o papel dos designers e também das pessoas para as quais as propostas estão sendo pensadas 4 O que é acessibilidade e qual sua relação com a Usabilidade e na Experiência do Usuário R Acessibilidade é conceituada como o sistema possa se adequar às possíveis deficiências do usuário como por exemplo alterar o contraste para que possa ser melhor visualizado por pessoas com a visão limitada estando ela relacionada a usabilidade e experiência do usuário já que juntamente com esses termos relacionamse com a utilização de um produto pelo usuários de modo que melhore a utilização dos serviços PARTE 2 Busque um exemplo de interação e interface em um produto de tecnologia Apresentar telasfotos e URL se enquadrar Classifique em qual das 4 perspectivas de interação esse exemplo se enquadra e como está a hierarquia visual Avalie no mínimo 3 heurísticas da interface Aponte características dessa interface positivas e negativas Identifique a persona dessa interface Desenhe a jornada do usuário O produto escolhido para análise é o site da empresa Magazine Luiza O site se enquadra na perspectiva do parceiro de discurso já que é capaz de compreender o ser humano e a interação é realizada por meio de linguagem natural No que se refere a hierarquia visual a empresa apresenta um grande destaque para a venda de seus produtos o que é plausível já que é uma empresa de varejo sendo apresentado com tamanho maiores em comparação ao restante das imagens e ícones do site as principais ofertas do website Abaixo segue a análise feita para 04 heurísticas analisadas no site 1 Compatibilidade do sistema com o mundo real O site da empresa apresenta linguagem simples e direta 2 Controle do usuário e liberdade O site apresenta uma espécie de hierarquia de links o que possibilita a movimentação do usuário pela plataforma 3 Consistência e Padrões O site cumpre essa heurística dado que todas as suas páginas usam o mesmo design fontes ícones e menus 4 Flexibilidade e eficiência de uso O site também cumpre essa heurística apresentando navegação global e local comum aos sites da web refletindo nosso modelo lógico de categorizar e hierarquizar os conceitos facilitando o usuário novo a navegar A interface do site é fluído e possui boa consistência e padrões contudo também há problemas de interação na interface como o design poluído e na falta de comunicação clara com cliente quando ocorre algum erro no site No que se refere a persona da empresa é possível perceber que o foco da empresa foi trazer uma brand persona buscando humanizar a marca e abarca um publico maior não focando em uma parcela específica de compradores Ao acessar o site o usuário terá a seguinte jornada PARTE 3 Utilizando o exemplo acima desenhe o Wireframe do produto prevendo melhorias na interface primando pela usabilidade e acessibilidade No último aspecto aponte no projetowireframe no mínimo 3 recomendações a partir dos princípios perceptível operável compreensível e robusto dentro dos níveis de conformidade sucesso A AA AAA Acesso ao site Escolha do produto Entrar ou se cadastrar na plataforma Inserir dados de endereço de entrega e pagamento Finalização da compra Magalu Limpar o primeiro menu do site de modo que a primeira imagem do usuario seja fluida Entre ou Cadastrese Pesquise por código nome m Nossas Lojas Tenha sua Loja Regulamentos Acessibilidade Guia de Segurança Atendimento Compre pelo telefone 0800 773 3838 Meus Pedidos Meus Favoritos Celulares Casa Tv e Video Informática Eletrodomésticos Saldão Banho Acessórios Todos os departamentos Separar ícones de link dos produtos e de atendimento OFERTA 01 OFERTA 02 OFERTA 03 OFERTA 04 Reorganizar a disposição das ofertas de modo que a página não fique poluída Magalu Limpar o primeiro menu do site de modo que a primeira imagem do usuario seja fluida Entre ou Cadastrese Pesquise por código nome m Nossas Lojas Tenha sua Loja Regulamentos Acessibilidade Guia de Segurança Atendimento Compre pelo telefone 0800 773 3838 Meus Pedidos Meus Favoritos Celulares Casa Tv e Video Informática Eletrodomésticos Saldão Banho Acessórios Todos os departamentos Separar ícones de link dos produtos e de atendimento OFERTA 01 OFERTA 02 OFERTA 03 OFERTA 04 Reorganizar a disposição das ofertas de modo que a página não fique poluída Magalu Limpar o primeiro menu do site de modo que a primeira imagem do usuario seja fluida Entre ou Cadastrese Pesquise por código nome m Nossas Lojas Tenha sua Loja Regulamentos Acessibilidade Guia de Segurança Atendimento Compre pelo telefone 0800 773 3838 Meus Pedidos Meus Favoritos Celulares Casa Tv e Video Informática Eletrodomésticos Saldão Banho Acessórios Todos os departamentos Separar ícones de link dos produtos e de atendimento OFERTA 01 OFERTA 02 OFERTA 03 OFERTA 04 Reorganizar a disposição das ofertas de modo que a página não fique poluída