Web Design- Laboratório Web
Juno Frias
Created on March 15, 2024
More creations to inspire you
Transcript
Uc: Laboratório WebDocente: José Manuel NunesRealizado por: Juno Frias e Sofia Martinho
Web Design
hello!
START
Índice
Responsividade
Questões
Príncipios de Nielsen
Usabilidade e Acessibilidade
Príncipios da Web Design
Introdução
Príncipios de Nielsen
Vantagens e desvantagens
Bibliografia
O Web Design é um dos tipos de design que embelezam os sites da internet que todos nós usamos. A função deles é tornar o website mais apelativo para os utilizadores tanto pela estética como pelo conteúdo! É uma mistura de design gráfico, marketing digital e desenvolvimento web. Como todo os designs, há certas estratégias que podemos utilizar para atrair o nosso público, aqui estão presentes algumas delas.
Introdução
1- O site tem que ser intuitivo! O utilizador não deve ter nenhuma dificuldade ao entrar no website e conseguir dirigir-se até onde deseja sem problemas e/ou impasses.
Príncipios da Web Design
2- Quanto mais dinâmico e interativo o website for melhor. No entanto, não é apenas ter um site esteticamente bonito, precisa de ser também coerente a nível de conteúdo .
3- Informar-se e estudar o que o público-alvo pensa e os seus hábitos.Desde o que costumam fazer, o que gostam, elementos que visualmente se tornam desagradáveis, entre outros.
4- Utilizar frases impactantes e diretas para captar a atenção do público-alvo.
5-Quanto menos, melhor. A intuição do utilizador ao entrar na web page é procurar instintivamente por palavras-chaves, botões de ação e elementos visuais!
6- Atenção, o utilizador deve poder ter o controlo absoluto do design. Isto porque, se ele não conseguir dirigir-se para onde quer seja pelo abrir de uma nova janela, ter que entrar em várias subcategorias para atingir o que deseja, ou quando a informação não é clara e objetiva causa desconforto, desinteresse e aborrecimento, assim fazendo com que o utilizador perca o interesse e desista de navegar no website.
Responsividade
O Website responsivo é muito flexível e acaba por tornar a experiência do utilizador mais satisfatória, e com uma qualidade elevada e assim atrair mais utilizadores.Também não é necessário criar várias versões para vários dispositivos sendo que a versão responsiva irá adequar-se a todos os dispositivos, poupando tempo aos programadores e dando a possibilidade de se focaram na versão responsiva.
A Internet deve ser um espaço aberto para todos, por isso, é importante que todas as webpages sejam acessíveis para pessoas portadoras de deficiência ou incapacidade. Mas o que é que acessibilidade significa?Acessibilidade é permitir que toda a gente tenha acesso a toda a informação da mesma forma, que as pessoas portadoras de deficiência ou incapacidade consigam ser independentes na pesquisa e navegação da Web. É de extrema importância tornar um site acessível para que não haja exclusão digital, o que leva à exclusão social. Quando um site não é acessível está diretamente a discriminar pessoas que não têm as mesmas capacidades físicas e cognitivas. Há certas ações que o web designer deve ter em mente para que não haja uma exclusão digital e promova a inclusão para todos. Por isso, elemementos e/ou ferramentas como leitura em voz alta, lupa que amplia o ecrã e o reconhecimento de voz são crucias para combater a exclusão digital e promover a inclusão, acessibilidade e usabilidade para todos.
Usabilidade e Acessibilidade
Príncipios de Nielsen
Next
2
1
Visibilidade do estado do sistema
Compatibilidade do sistema com o mundo real
Dar controle e liberdade ao público
Consistência e padrões
Prevenir erros
Reconhecer ao invés de lembrar
3
4
5
6
Príncipios de Nielsen
8
7
Flexibilidade e eficiência no uso
Estética e design minimalista
Ajude o utilizador a reconhecer, diagnosticar e se recuperar de erros
Ajuda e documentação
10
9
Vantagens e desvantagens
Identificação rápida de problemas
Baixo custo e facilidade de implementação
Melhoria contínua do design
Limitações na identificação de problemas complexos.
Ausência de feedback do usuário
Subjetividade e variabilidade dos resultados
Vantagens
Desvantagens
Questão 1
Questão 2
Questão 3
Questão 4
Bibliografia
https://youtu.be/oo1JrQ6jCEM?si=OfJ0fzR_29eIfEu6
https://www.scriptutex.pt/2019/05/21/principios-para-criar-um-bom-website/
https://pt.linkedin.com/pulse/os-10-princ%C3%ADpios-heur%C3%ADsticos-de-jakob-nielsen-jos%C3%A9lio-pacheco-1f
https://medium.com/@rodrigo.siqueira/as-10-heur%C3%ADsticas-de-nielsen-79eff06498f
https://weledgrowth.com/blog/avaliacao-heuristica/
https://www.w3.org/WAI/fundamentals/accessibility-usability-inclusion/
https://www.usability.gov/how-to-and-tools/methods/heuristic-evaluation.html
Mensagens de erros devem ser expressas em uma linguagem clara e sem muitos rodeios (sem códigos), indicar o problema com exatidão e aconselhar uma solução.
3.
Ao destacar problemas de usabilidade no estágio inicial do processo de design, a avaliação heurística permite que as equipes façam melhorias iterativas antes mesmo de envolverem usuários reais. Isso ajuda a criar um design mais amigável e eficiente, evitando retrabalho e aumentando a satisfação do utilizador.
Reduzir a sobrecarga da memória do utilizador, mostrar opções em vez de obrigá-lo a recordar como se faz um determinado procedimento. As instruções de uso do sistema devem estar visíveis para todos e serem fáceis de recuperar quando for necessário.
Utilizar a mesma linguagem do público-alvo. Como conceitos, palavras e frases que lhe são familiares. O sistema deve ser focado e utilizável para o utilizador, em vez de utilizar termos orientados para o sistema com o objetivo de tornar a informação algo natural e lógico.
A avaliação heurística tende a se concentrar em problemas de usabilidade mais óbvios e comuns, enquanto pode perder problemas mais sutis e complexos que só podem ser revelados por meio de testes de usabilidade com usuários reais. Isso significa que certos problemas podem passar despercebidos durante a avaliação heurística.
1.
Evite informações irrelevantes ou que raramente são necessárias. Qualquer informação adicional irá competir com as informações relevantes. Deves ser simples e objetivo.
Em situações que não for possível que o sistema seja claro o suficiente para ser utilizado sem documentação, pode ser necessário facultar ajuda. Qualquer informação básica deve ser de fácil acesso e de procura, focada na atividade do utilizador, com uma lista de passos para executar, exemplos e sem ser muito extensa.
Não é necessário que o utilizador aprenda novamente como fazer a mesma ação que ele já estava habituado a fazer. Siga as convenções da plataforma.
É melhor evitar que o utilizador realize o erro do que alertá-lo posteriormente sobre o mesmo. E por isso, é fundamental que exista uma mensagem para confirmar se é mesmo um desejo do utilizador de eliminar ou alterar as informações antes que realize a ação.
O sistema deve informar o utilizador o que está a acontecer. Mostrar feedback nos momentos adequados, informar sobre o resultado das ações e garantir que o utilizador saiba o passo seguinte.
Os utilizadores frequentemente clicam em algum botão por engano e precisam de uma “saída de emergência” para poderem sair ou voltar atrás.
A avaliação heurística é uma técnica relativamente simples e de baixo custo. Ela não requer um grande número de participantes ou recursos complexos. Com um ou mais especialistas treinados, é possível realizar a avaliação em um curto período de tempo.
2.
A avaliação heurística permite identificar rapidamente problemas de usabilidade no design de um produto. Os especialistas podem percorrer o sistema e aplicar as heurísticas para detectar problemas comuns, economizando tempo e recursos em comparação com testes de usabilidade completos com usuários reais.
1.
A avaliação heurística pode ser influenciada pela subjetividade e variabilidade entre os avaliadores. As interpretações individuais das heurísticas podem levar a diferentes identificações e priorização de problemas. Isso pode resultar em resultados inconsistentes entre diferentes avaliadores ou em diferentes momentos da avaliação.
3.
Aumente a eficiência disponibilizando aceleradores de utilização, como atalhos, personalização e a possibilidade de adaptar o sistema para ações usadas com mais frequência. A experiência deve ser agradável para ambos utilizadores, novos e habituais.
A avaliação heurística é baseada no conhecimento e julgamento dos especialistas, sem a participação direta dos usuários. Isso significa que os resultados podem não refletir completamente as experiências e percepções reais dos usuários. O feedback direto dos usuários é importante para uma compreensão mais completa da usabilidade do sistema.
2.