Web Desing

Web Desing

start

Carolina Carvalho, Laura Raquel e Tiago Grazina 1ºPME Produção de Multimédia em Educação

INDICE

Design responsivo VS adaptável

Princípios básicos de páginas Web design

Site responsivo

Tendências de um web design responsivo

Heurísticas de Nielsen

Usabilidade

Acessibilidade

Princípios básicos de páginas Web design

Para a construção de um website de sucesso é necessário ter em conta alguns fatores importantes tais como:

Saber como os utilizadores pensam

Simplicidade

Espaços em branco

Não tirar a paciência aos utilizadores

Linguagem-visível

Ganhar a atenção dos utilizadores

Funcionalidades

Convencionalismo

Escrita eficaz

Testes

Site Responsivo

Toca para descubrires o que é?

Descubre os setes fatores da importância destes sites

Como é que se constrói um design responsivo?

Usar o código HTML, é o que contrói estentipo de design.Alguns elementos do design responsivo são: - Técnicas de CSS - Conteúdo (imagens melhoradas)

Tendências de um web design responsivo:

Menu Vertical

Menu Hambúrger

Responsividade em telas maiores:

Otimização e redimensionamento das fontes:

As Heurísticas de Nielsen

Estas regras, são hipóteses que precisam de ser validadas para garantir que o design atenderá as necessidades do projeto. Dito isto, é com base nelas que se garantem uma experiência melhorada e otimizada.Estas regras surgiram em 1990, quando os cientistas da computação Jakob Nielsen e Rolf Molich propuseram as heurísticas de Nielsen.

Vantagens de utilizar as Heurísticas de Nielsen

Não necessita de utilizadores

Versatilidez

Rapidez

Fidelização e recomendação

Confiança dos utilizadores

Usabilidade

A usabilidade refere-se à facilidade com que um utilizadores pode navegar e interagir com um site. Quanto mais intuitivo for o design, maior será a satisfação do utilizadores e melhor será a experiência.

Os seus princípios

Princípios da Usabilidade:

Navegação Prática e Intuitiva

Feedback Imediato

Design Consistente

Carregamento Rápido

Erro Mínimo

Acessibilidade

A acessibilidade garante que todas as pessoas, independentemente de suas capacidades físicas ou cognitivas, possam utilizar um site de forma eficaz.

Os seus princípios

Acessibilidade

A aplicação desses princípios não só melhora a experiência do usuário, mas também ajuda na conformidade com padrões internacionais, como as diretrizes WCAG (Web Content Accessibility Guidelines).

Princípios da Acessibilidade:

Textos Alternativos para Imagens

Legendas em Vídeos

Contraste Adequado

Navegação por Teclado

Uso de Linguagem Clara

Questões

start

Menu hambúrguer:

Recurso padrão nas aplicações e site, no entanto é menos ideal na apresentação dos seus recursos. Melhor para telas estreitas, testada ecomprovada.

O que é um site responsivo?

É um método que permite que as páginas web consigam adaptar-se ao dispositivo que está a ser utilizado pelo utilizador. Existem sites já personalizados, no entanto, quando se fala em design responsivo, não se trata só de uma tela ajustável, e sim de uma nova maneira de ver o design.

• Convencionalismo:

As convenções ganham a confiança dos utilizadores e prova a credibilidade do site

• Saber como os utilizadores pensam:

Para prender a atenção do utilizador , é preciso usar uma quantitade maior de imagens do que texto, no entanto, quando é preciso haver texto, é melhor haver pouco texto ou texto repartido, com palavras claras, que vão diretas ao assunto ou usar palavras a negrito como palavras-chaves para uma leitura mais rápida.Outros fatores que prendem a atençaõ são:

• Utilizar um layout de fácil leitura
• Utilizar constraste na escrita e no fundo
• Utilizar pontos estratégicos para melhor a acessibilidade e leitura

• Funcionalidades:

Um dos princípios fundamentais na conceção de um Web design é claramente as funções do site. O mais importante num website, é que o conteúdo seja entendido e que os utilizadores se sintam confortáveis com o sistema utilizado.

• Saber como os utilizadores pensam:

Normalmente os utilizadores quando visitam um site, procuram algo de fácil visualização, como por exemplo, imagens, pouco texto, letras grandes, qualidade e credibilidade. Quando algo não supera essas expectativas podem perder a paciência, escolhem a primeira opção de link ou site, não lendo totalmente a informação, perdendo total controle pelo que pesquisam. Ao criar um website é necessário reduzindo a carga cognitiva, ou seja facilitar a ideia do que se quer passar.

Otimização e redimensionamento das fontes:

Técnica mais simples e visualmente atraente, alguns tipos de fontes não funcionam tão bem em formatos de tela mais recentes.

• Linguagem-visível:

O conteúdo observado pelos utilizadores é bastante importante, portanto existempassos que se devem seguir:

• Organizar- Deve ser utilizada regras para dar ao utilizador uma estrutura clara.
• Economizar- Simplicidade, claridade, distinção e ênfase, são os elementos mais

importantes a considerar.

• Comunicar- É necessário apresentar algo de acordo com as necessidades do visitante.

A legibilidade, tipografia, simbolismo, cor, textura e a forma de comunicar éimportantíssimo na capacidade de comunicar

Responsividade em telas maiores:

As telas de 4K e 8K estão se tornar cada vez maiores, o que gera a tendência de utilização de imagens maiores e de alta resolução.

• Não tirar a paciência aos utilizadores:

Quanto mais ações houver no site, menos o visitante quererá lá entrar novamente, ou se o site carregar lentamente, isto também acabará por afetar a paciência do utilizador.Por exemplo, é preferível dar o e-mail depois de ter experimentado o site que visitou.

• Espaços em branco:

Os espaços em branco na realidade ajudam a facilitar a atentividade dos visitantes, pois conseguem compreender melhor a informação. É melhor separar conteúdo por espaços em branco do que por linhas, aliás o conteúdo fica esteticamente mais apelativo e limpo.

Menu Vertical:

Começou a ser mais utilizado devido aos desafios horizontais dos dispositivos móveis.

• Testes:

Os testes são muito importantes pois fazem perceber quais são os problemas. Alguns problemas podem não ter sido descobertos de primeira, só quando os utilizadores utilizam o website e comunicam os problemas que encontram.

• Simplicidade:

Deixar o mais simples possível, pode ser considerado o principal princípio do web design. Para os utilizadores, o texto é o melhor design, sem publicidade e conteúdos que eles não estão à procura pode tornar-se um incômodo para quem navega no site.

• Ganhar a atenção dos utilizadores:

Oferecer um conteúdo dinâmico é preferível do que oferecer um conteúdo estático. Existem aspectos que chamam muito mais à atenção que outros, como por exemplo, imagens ilustrativas (chamam mais a atenção que o texto), texto a negrito, entre outros. Quanto menos o pensamento do utilizador for usado, melhor é a sua experiência no site.