Mostrar código-fonte de Regras e boas práticas de webdesign

DDe acordo com Preece, a usabilidade permite avaliar a qualidade de um sistema em relação aos seguintes critérios:
*Eficácia - Quão bom o sistema é a fazer aquilo a que se destina
*Eficiência - A forma como o sistema ajuda os utilizadores na realização das suas tarefas
*Segurança - Quão protegidos os utilizadores estão contra condições perigosas / situações indesejadas
*Utilidade - Até que ponto o sistema fornece o tipo certo de funcionalidade de modo a que os utilizadores possam fazer o que precisam ou desejam
*Facilidade de aprender - Quão fácil é aprender a interagir com um sistema
*Memorização - Quão é relembrar como utilizar um sistema, após aprendizagem.

De acordo com Nielsen, a Usabilidade é um atributo de qualidade que avalia a facilidade de uso de um interface de utilizador. A palavra “usabilidade” também se refere a métodos para melhorar a facilidade de uso durante o processo de design. A usabilidade é definida por cinco métricas de qualidade:
*Facilidade de aprender: quão fácil é para os utilizadores concluir tarefas simples da primeira vez que encontram esse design?
*Eficiência: assim que os utilizadores tiverem aprendido o design, quão rapidamente conseguem executar tarefas?
*Memorização: quando os utilizadores regressam ao design após um período de não o usarem, quão facilmente conseguem recuperar a habituação?
*Erros: quantos erros é que os utilizadores cometem,quão severos e quão facilmente recuperam dos mesmos?
*Satisfação: quão agradável é usar esse design? 

Segundo Lazar e Preece, a usabilidade está relacionada com a construção de interfaces de utilizador que sejam consistentes, controláveis e previsíveis, tal que sejam adequados e fáceis de usar. Usabilidade e sociabilidade podem construir comunidades digitais prosperantes. 

Para melhorar a usabilidade de uma aplicação é necessário que a mesma tenha um interface bem desenhado. As “Oito regras de ouro de design de interfaces” de Shneiderman constituem um bom guia de design para interação.
*Esforçar por garantir consistência
“Sequências de ações consistentes devem estar patentes em situações similares; deve usar-se terminologia idêntica em pedidos de informação, menus e écrans de ajuda; e comandos consistentes devem estar em uso por todo o sistema.”
*Disponibilizar atalhos para utilizadores frequentes
“Com o aumento da frequência de uso, também aumenta o desejo do utilizador de reduzir o número de interações e aumentar a rapidez de cada interação. Abreviações, teclas de função, comandos ocultos e macros poderão ser bastante úteis a utilizadores avançados.”
*Visibilidade do estado do sistema
“O sistema deve manter o utilizador informado sobre o que
se está a passar, através de feedback apropriado, num prazo
razoavelmente curto.”
*Disponibilize feedback informativo saber onde está, qual a função de certas opções e o que fazer 
“Para cada ação do operador, deverá haver alguma resposta para interagir naquela zona.
do sistema. Para ações mais frequentes ou pouco significativas,
Este tópico vai de encontro com a terceira regra de
a resposta poderá ser discreta enquanto que, para ações mais Shneiderman, que se refere a disponibilizar feedback
importantes ou menos frequentes, a reação deve ser mais informativo.
notória.”
B. Correspondência entre o sistema e o mundo real
D. Desenhe as janelas de modo a dar sensação de conclusão.
“O sistema deve usar a linguagem do utilizador, aplicando
“Sequências de ações deverão ser organizadas em grupos palavras, frases e conceitos familiares ao mesmo, em vez de
com um início, meio e fim. O feedback informativo termos nativos do sistema. Deverá seguir-se as convenções
apresentado na conclusão de um grupo de ações dá ao aplicadas no mundo real, dispondo a informação de uma
utilizador a satisfação de um objetivo concluído, uma forma lógica e natural.”
sensação de alívio, o aviso para descartar planos de
contingência e outras opções da sua mente, e a indicação de
Esta segunda regra fala da linguagem utilizada. Conclui-se
que o caminho está livre para o próximo grupo de ações.”
que o sistema aplica o conceito corretamente. A linguagem
utilizada é de fácil compreensão para o utilizador a que se
E. Disponibilize uma forma simples de lidar com erros
destina apesar de os termos serem, em alguns casos, técnicos.
De realçar que este site é para ser utilizador por pessoas de
“Tanto quanto possível, construa o sistema de forma a uma área específica e com conhecimento desses termos
reduzir as hipóteses de o utilizador cometer um erro grave. Se técnicos.
um erro for cometido, o sistema tem que ser capaz de detetar o
erro e disponibilizar mecanismos simples e fáceis de C. Liberdade e controlo do utilizador
compreender para lidar com esse erro.”
“Os utilizadores frequentemente escolhem funções de
sistema por engano e irão necessitar de uma “saída de
F. Permita reversão fácil de ações
emergência” para saírem da zona onde chegaram sem terem
“Esta funcionalidade diminui ansiedade dado que o que seguir um processo complexo. Suporte para desfazer e
utilizador sabe que erros podem ser desfeitos, encorajando, refazer uma ação é uma boa ideia.”
dessa forma, exploração de opções pouco comuns.”
Caso o utilizador escolha uma opção errada e queira sair
G. Ofereça uma sensação de controlo
basta clicar noutro menu. Contudo não existe nenhum botão
“Operadores experientes desejam avidamente a sensação de que permita ao utilizador voltar à página inicial, ou retroceder
controlarem o sistema e que o sistema responde às suas ações. sem utilizar o botão existente do próprio browser.
Desenhe o sistema de forma a que os utilizadores sejam os
D. Consistência e padrões
iniciadores das ações em vez de reagirem.”
“Utilizadores não devem ter que perceber se diferentes
H. Reduza a carga sobre a memória de curto prazo
palavras, situações ou ações significam o mesmo. É
“Os limites de processamento humano que usam memória importante seguir-se convenções de plataformas.”
de curto prazo obrigam a janelas que sejam simples,
consolidação de apresentação de múltiplas páginas, redução
Tal como Nielsen, Shneiderman também sugere uma regra
do número de movimentos de uma janela, e que tempo de relativamente a este tópico, “esforçar por garantir
treino suficiente seja disponibilizado para a aprendizagem de consistência”. A construção e aplicação de padrões é o método
códigos, mnemónicas e sequências de ações.”
mais fácil para realmente se conseguir garantir essa
consistência.
O site analisado neste artigo, seguiu o modelo de Nielsen e
Todos os botões, links ou quaisquer outras formas de
foi avaliado segundo as regras deste. Embora sendo um aceder a qualquer opção são iguais em todo site. Contudo não
modelo com mais regras é mais simples de compreender e de foi aplicada nenhuma convenção de plataformas em específico.
trabalhar.
Jakob Nielsen escreveu um conjunto de 10 regras [7], que E. Prevenção de erros
são melhor compreendidas como conselhos, e deverão ser
“Mais importante que boas mensagens de erro, é um design
tidas em conta no desenvolvimento de um interface de cuidado que em primeiro lugar evite a ocorrência de erros. A
utilizador:
política seria eliminar-se condições suscetíveis de erros ouverificá-las e apresentá-las com uma opção de confirmação
antes da execução efetiva da ação.”
Tanto Nielsen como Shneiderman (“Disponibilize uma
forma simples de lidar com erros”) abordam este tópico da
mesma forma. Com o uso da framework utilizada (OWF), a
propensão para ocorrência de erros é mais reduzida.
F. Reconhecer em vez de relembrar
“Minimizar a necessidade de o utilizador recorrer à
memória ao tornar objeto, ações e opções visíveis. O
utilizador não deve ter que relembrar informação de uma parte
do diálogo para outra. Instruções para uso do sistema deverão
ser visíveis ou fáceis de consultar sempre que apropriado.”
O site não dispõe de informações suficientes direcionadas
para o utilizador com o objetivo de melhorar a sua utilização e
reduzir tempos de espera relacionados com má utilização.
G. Flexibilidade e uso eficiente
“Aceleradores (invisíveis ao utilizador novato) podem
frequentemente tornar mais rápida a interação dos utilizadores
mais avançados de tal forma que o sistema pode servir quer
utilizadores inexperientes, quer experientes. Deve-se permitir
ao utilizador afinar ações frequentes.”
Como sétima regra, não existe qualquer tipo de acelerador
implementado no site para melhorar a usabilidade do
utilizador.
H. Estética e design minimalista
“Diálogos não deverão conter informação irrelevante ou
raramente necessária. Qualquer pedaço de informação a mais
numa janela compete com a informação relevante e
enfraquece a sua visibilidade relativa.”
O design do interface deste site possui é simples e direto,
fornecendo poucos meios de distração. Contudo possui poucas
informações para o utilizador.
I. Ajude os utilizadores a reconhecer, diagnosticar e
recuperar de erros
“Mensagens de erro devem ser expressas numa linguagem
simples (sem códigos) e indicar com exatidão o problema,
sugerindo uma solução de forma construtiva.”
Na nona regra é pedido o uso de linguagem simples para as
mensagens de erro. Neste momento, o site não possui
qualquer tipo de mensagens de erro ou feedback para o
utilizador.
J. Ajuda e documentação
“Apesar de ser preferível que o sistema possa ser usado
sem documentação, poderá haver situações em é necessário
fornecer ajuda e documentação. Qualquer informação deverá
ser fácil de pesquisar, focada na lista de tarefas do utilizador,
descrever passos concretos a executar e não ser demasiado
longa.”
A aplicação desta regra é feita pela existência da secção
FAQ’s (“perguntas frequentes”) no site. Esta secção oferece,
ao utilizador, informações sobre a página com um conjunto
vasto de perguntas e respostas.
Para além destas regras, Nielsen compilou um conjunto de
10 erros [8] típicos específicos do desenvolvimento web. Para
melhorar as conclusões deste trabalho, a análise do site
também contemplou a verificação da ocorrência desses erros:
A. Má funcionalidade de pesquisa
Motores de pesquisa demasiado literais reduzem a
usabilidade de um site pois, na sua maioria, não permitem
uma grande variedade de formas de pesquisa. Muitas vezes
estes motores de pesquisa não possuem uma forma de
prioritizar os resultados, sendo pouco úteis para os
utilizadores.
Neste caso em específico, a análise deste erro não é
aplicável pois não site não possui um motor de pesquisa.
Contudo será um tópico a manter sob vigilância para o caso de
no futuro essa função seja implementa.
B. Ficheiros PDF para leitura Online
A utilização de PDFs online quebram a dinâmica de
navegação do utilizador. Os PDFs são ideais para quem
pretende imprimir. Nielsen indica que navegar PDFs ou
imprimi-los a partir do browser é difícil por os browsers não o
suportarem nativamente. No entanto, esta parte, hoje em dia,
já não se aplica, dado que os browsers evoluíram
consideravelmente e conseguem já tratar PDFs nativamente de
forma bastante confortável.
No caso deste projeto, o site apresenta vários documentos
em PDF, mas como casos específicos. São os documentos
fornecidos pelo professor, cuja intenção é realmente serem
impressos ou poderem ser guardados consultados off-line, sem
dependência do site. Por outro lado, Nielsen indica claramente
que os PDFs devem ser reservados para impressão ou para
distribuir manuais e outros documentos grandes. Na realidade,
é justamente este o propósito da existência de PDFs no site,
estando toda a restante informação dinâmica disponível em
HTML, embutida no mesmo meio visual que as restantes
páginas.
C. Não mudar a cor dos links já visitados
Para os utilizadores, é muito útil saberem que páginas é que
já visitaram e as que ainda estão por aceder. Se a opção de
mudança de cor do link visitado não estiver implementada, o
utilizador perde a noção do que já fez, tendo, por vezes, de
revisitar páginas. Pode também ocorrer o oposto, em que o
utilizador está à procura de uma localização que já visitou, e
não tem forma de filtrar as que ainda não visitou para diminuir
o espaço de pesquisa.Este erro não é cometido no site do RemoteLab. Após um
link ter sido acedido, este muda de cor, dando a informação de
que aquele link já foi acedido.
D. Texto não percorrível
Os sites não devem possui texto muito pesado a nível de
leitura (grandes quantidades de texto corrido). Este tipo de
texto torna-se cansativo e desagradável de ler. Para uma
melhor experiencia de utilizador, deve-se escrever textos
pequenos, utilizar mais listas, palavras-chave e subtítulos.
Neste caso, este tipo de erro não é encontrado. A escrita
utilizada no site é curta e de simples leitura. O site não se
encontra carregado de texto que leve o utilizador a desistir de
o utilizar.
E. Tamanhos fixos das fontes
Nielsen refere que é um erro impedir o utilizador de
escolher o tamanho da fonte mais confortável, devendo-se
usar tamanhos de letra relativos e não fixos.
No entanto, esta é uma regra a que é difícil fugir, não só por
muitas vezes poder desfigurar um design que noutros aspetos
estaria usável, como também por várias vezes um tamanho
fixo ser necessário para responder a necessidades específicas
do tipo de sistema. Este site é um desses casos, em que a
necessidade de introduzir elementos de mais baixo nível e de
controlo de outros dispositivos remotamente obriga à
utilização de, em certos locais, fontes de tamanho fixo.
F. Títulos de página com fraca visibilidade em motores de
pesquisa
Nielsen argumenta que os motores de pesquisa são uma das
formas mais importantes de descobrir sites e atrair visitantes.
No entanto, apesar de tal ser uma presunção aceitável, no caso
deste projeto, essa necessidade não existe. Este site é para ser
acedido por uma população explicitamente definida que será
informada da sua existência por outros meios (nomeadamente,
as cadeiras de redes e o site do ISMAI), e não por elementos
externos, pelo que a visibilidade em motores de pesquisa é
absolutamente irrelevante.
G. Elementos que pareçam anúncios
Visitantes de um site que tenham alguma experiência de
navegação na Internet já se habituaram a alguns elementos
que
identificam
imediatamente
(consciente
ou
inconscientemente) como sendo anúncios. Ter num site
elementos importantes mas que apliquem construções ou
hábitos de design típicos de anúncios é contraproducente,
distraindo o utilizador e levando-o a ignorar informações
potencialmente importantes. Dessa forma, é de evitar
elementos como banners, certos tipos de animações
(nomeadamente, elementos a piscar), e pop-ups.
Não foi aplicado, neste site, nenhum dos conceitos a evitar
referidos neste ponto, ainda que, com a evolução do mesmo,
seja previsível que, para bem da funcionalidade, a aplicação
controlada de pop-ups previsíveis pelo utilizador venha a ser
esperada.
H. Violar convenções de design
A consistência é um dos mais poderosos princípios de
usabilidade - quando as coisas se comportam da mesma forma,
os utilizadores não têm que se preocupar com o que irá
acontecer. Eles saberão o que irá acontecer com base nas
experiências anteriores. Quanto mais as suas expectativas
forem satisfeitas, mais controlo sobre o sistema eles sentirão
que têm e mais o apreciarão. Quanto menos o sistema se
afastar das reações que o utilizador esperava, mais ele se
sentirá inseguro. Nielsen também propõe estas conclusões
com base na suposição de que o utilizador médio passará a
maioria do seu tempo noutros sites, o que quereria dizer que
esse utilizador iria avaliar a sua passagem por um site com
base na experiência obtida nos outros e que quaisquer desvios
à expectativa formada tornará o site mais difícil de usar e
levará o utilizador a abandonar.
Neste caso não só as convenções são mantidas, apesar de a
especificidade de certas funcionalidades presentes no site,
poderem potencialmente pedir que algumas das convenções
sejam tornadas irrelevantes. Em alguns aspetos, é esperado
que o site funcione mais como uma aplicação do que como
um site típico.
I. Abrir novas janelas de browser
A abertura de uma nova janela do browser é geralmente
contraproducente por remover alguma sensação de controlo
das mãos do utilizador, nomeadamente, a nível dos botões de
retroceder, dado que o utilizador nem sempre tem a hipótese
de reparar que uma nova janela foi aberta, ao invés de
simplesmente ter avançado para outra ligação.
No caso do RemoteLab, no entanto, todas as ligações que
causem a abertura de uma nova janela, estão claramente
marcadas como tal, sendo acompanhadas de um símbolo que
hoje em dia se tornou já padronizado para essa indicação (um
pequeno ícone simbolizando duas janelas sobrepostas).
Estando o utilizador à espera que este site siga as convenções
a que já se habituou, então certamente saberá interpretar o
símbolo apresentado, que não só se tornou difundido mas
também apresenta um forte nível de intuitividade.
J. Não responder a questões dos utilizadores
Não responder aos utilizadores caso estes necessitem de
ajuda é o mais grave fracasso de um site. Não fornecer as
informações os utilizadores procuram ou deixá-las ocultas ou
mal posicionadas, pode levar a que os utilizadores abandonem
o site e as tarefas que estavam a realizar.