Web Design- Laboratório Web

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.