{"id":3811,"date":"2009-12-16T11:25:27","date_gmt":"2009-12-16T13:25:27","guid":{"rendered":"http:\/\/uxblog.locaweb.com.br\/?p=1366"},"modified":"2021-04-16T10:04:57","modified_gmt":"2021-04-16T13:04:57","slug":"padroes-e-principios-para-desenvolvimento-de-interfaces","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/padroes-e-principios-para-desenvolvimento-de-interfaces\/","title":{"rendered":"Padr\u00f5es e Princ\u00edpios para desenvolvimento de interfaces"},"content":{"rendered":"<p>Com o objetivo de medir a efici\u00eancia das interfaces e sistemas, utilizamos in\u00fameras t\u00e9cnicas de avali\u00e7\u00e3o, entrevistas e testes de usabilidade. Mas sabemos que nem sempre um projeto tem tempo e verba suficientes para aplicarmos todos esses m\u00e9todos.<\/p>\n<p>Um dos recursos que podemos utilizar como um guia de boas pr\u00e1ticas desde a fase de desenvolvimento da interface s\u00e3o as <em>8 Regras de Ouro de Ben Shneiderman<\/em> e as <em>10 Heur\u00edsticas de Nielsen<\/em>, normalmente usadas como refer\u00eancia em t\u00e9cnicas de avalia\u00e7\u00e3o.<\/p>\n<p>Jacob Nielsen descreve a avalia\u00e7\u00e3o heur\u00edstica (uma das t\u00e9cnicas de avalia\u00e7\u00e3o) como um m\u00e9todo r\u00e1pido, barato e f\u00e1cil de avaliar o design de uma interface. Este m\u00e9todo deve dispor de 3 a 5 especialistas que far\u00e3o suas avalia\u00e7\u00f5es individualmente, que depois ser\u00e3o comparadas gerando um relat\u00f3rio. Os problemas encontrados ser\u00e3o classificados em n\u00edveis de gravidade e tabulados. Dessa forma \u00e9 poss\u00edvel conseguir uma vis\u00e3o geral dos problemas mais graves e que devem ser corrigidos prioritariamente.<\/p>\n<p>Para ganharmos tempo e adotarmos um padr\u00e3o de qualidade, podemos adotar esses princ\u00edpios desde a fase em que estamos desenhando os fluxos, interfaces e intera\u00e7\u00f5es. Certamente o produto ser\u00e1 muito mais eficiente ao cliente e, ao mesmo tempo, poupar\u00e1 in\u00fameros ajustes que s\u00f3 seriam descobertos na fase de avalia\u00e7\u00e3o.<\/p>\n<p>Abaixo, seguem as <a title=\"Shneiderman's Eight Golden Rules of Interface Design\" href=\"http:\/\/faculty.washington.edu\/jtenenbg\/courses\/360\/f04\/sessions\/schneidermanGoldenRules.html\" target=\"_blank\" rel=\"noopener noreferrer\"><em>8 Regras de Ouro de Ben Shneiderman<\/em><\/a> e as <a title=\"Ten Usability Heuristics\" href=\"http:\/\/www.useit.com\/papers\/heuristic\/heuristic_list.html\" target=\"_blank\" rel=\"noopener noreferrer\"><em>10 Heur\u00edsticas de Nielsen<\/em><\/a>. Baseado nelas, voc\u00ea pode refinar seu pr\u00f3prio checklist para desenvolvimento ou avalia\u00e7\u00e3o e ter entregas r\u00e1pidas com qualidade.<\/p>\n<h3><span style=\"color: #800000\"><strong>8 Regras de Ouro de Ben Shneiderman<\/strong><\/span><\/h3>\n<p><strong>1. Mantenha a consist\u00eancia<\/strong><br \/>\nSequ\u00eancias consistentes de a\u00e7\u00f5es devem ser usadas em situa\u00e7\u00f5es similares. Use terminologia id\u00eantica em prompts, menus e telas de ajuda. Comandos devem ser utilizados da mesma maneira ao longo da interface.<\/p>\n<p><strong>2. Ofere\u00e7a atalhos aos usu\u00e1rios experientes<\/strong><br \/>\nAo mesmo tempo que a frequ\u00eancia de uso de uma interface aumenta, o desejo do usu\u00e1rio \u00e9 reduzir o n\u00famero de intera\u00e7\u00f5es e aumentar o compasso da intera\u00e7\u00e3o. Abrevia\u00e7\u00f5es, teclas de fun\u00e7\u00e3o, comando ocultos e facilidades de macros ajudar\u00e3o o usu\u00e1rio mais experiente.<\/p>\n<p><strong>3. Ofere\u00e7a feedbacks informativos<\/strong><br \/>\nPara cada opera\u00e7\u00e3o do usu\u00e1rio deve haver algum tipo de feedback do sistema. Ofere\u00e7a respostas discretas quando as a\u00e7\u00f5es s\u00e3o frequentes ou de menor import\u00e2ncia e respostas com maior prioridade para a\u00e7\u00f5es incomuns ou mais importantes.<\/p>\n<p><strong>4. Apresente as etapas do processo<\/strong><br \/>\nSequ\u00eancias de a\u00e7\u00f5es devem ser organizadas em grupos com in\u00edcio, meio e fim. O feedback informativo ao completar um grupo de a\u00e7\u00f5es d\u00e1 ao usu\u00e1rio satisfa\u00e7\u00e3o de realiza\u00e7\u00e3o, senso de distin\u00e7\u00e3o e uma indica\u00e7\u00e3o que o caminho \u00e9 claro para se preparar para o pr\u00f3ximo conjunto de a\u00e7\u00f5es.<\/p>\n<p><strong>5. Ofere\u00e7a uma forma simples de corre\u00e7\u00e3o de erros<\/strong><br \/>\nTanto quanto poss\u00edvel, o design do sistema n\u00e3o deve permitir que o usu\u00e1rio cometa erros graves. Se um erro for cometido, o sistema deve ser capaz de detectar e oferecer um mecanismo simples e compreens\u00edvel para a solu\u00e7\u00e3o.<\/p>\n<p><strong>6. Permita f\u00e1cil revers\u00e3o de a\u00e7\u00f5es<\/strong><br \/>\nEsta funcionalidade diminui a ansiedade, desde o momento que o usu\u00e1rio toma conhecimento que um erro grave pode ser desfeito. Isso potencializa a explora\u00e7\u00e3o de fun\u00e7\u00f5es desconhecidas. As unidades de reversibilidade podem ser de uma \u00fanica a\u00e7\u00e3o, de uma entrada de dados ou uma sequ\u00eancia completa de a\u00e7\u00f5es.<\/p>\n<p><strong>7. O controle do sistema \u00e9 do usu\u00e1rio<\/strong><br \/>\nUsu\u00e1rios experientes desejam ter a no\u00e7\u00e3o de que controlam o sistema e este \u00e9 que responde aos seus comandos. O sistema deve ser projetado para deixar os usu\u00e1rios como iniciadores das a\u00e7\u00f5es ao inv\u00e9s de reagentes.<\/p>\n<p><strong>8. Reduza a carga de mem\u00f3ria curta do usu\u00e1rio<\/strong><br \/>\nEste princ\u00edpio est\u00e1 relacionado \u00e0 limita\u00e7\u00e3o humana de processamento de informa\u00e7\u00e3o na mem\u00f3ria de curta dura\u00e7\u00e3o. O sistema deve ser projetado para que haja o menor esfor\u00e7o poss\u00edvel do usu\u00e1rio em memorizar ou relacionar elementos na interface.<\/p>\n<h3><span style=\"color: #800000\">Heur\u00edsticas de Nielsen<\/span><\/h3>\n<p><strong>1. Visibilidade do status do sistema<\/strong><br \/>\nO sistema deve manter o usu\u00e1rio sempre informado sobre o que est\u00e1 acontecendo atrav\u00e9s de um feedback em tempo real.<\/p>\n<p><strong>2. Correspond\u00eancia entre o sistema e o mundo real<\/strong><br \/>\nO sistema deve usar a linguagem e modelo mental do usu\u00e1rio e n\u00e3o ser orientado a estrutura do sistema.<\/p>\n<p><strong>3. Liberdade e controle do usu\u00e1rio<\/strong><br \/>\nUsu\u00e1rios frequentemente cometem erros e precisar\u00e3o ser capazes de reconhecerem \u2018sa\u00eddas de emerg\u00eancias\u2019 para se recuperarem de estados indesej\u00e1veis.<\/p>\n<p><strong>4. Consist\u00eancia e padr\u00f5es<\/strong><br \/>\nEm a\u00e7\u00f5es e contextos iguais use as mesmas palavras, \u00edcones e comportamentos. Facilite o reconhecimento do usu\u00e1rio.<\/p>\n<p><strong>5. Preven\u00e7\u00e3o de erros<\/strong><br \/>\nMais importante que uma boa mensagem de erro \u00e9 um design cuidadoso que evita o problema. Em a\u00e7\u00f5es como a de exclus\u00e3o de um arquivo, por exemplo, forne\u00e7a uma mensagem de confirma\u00e7\u00e3o antes da a\u00e7\u00e3o ser executada.<\/p>\n<p><strong>6. Reconhecimento ao inv\u00e9s de memoriza\u00e7\u00e3o<\/strong><br \/>\nEvite a sobrecarga de mem\u00f3ria do usu\u00e1rio. Forne\u00e7a informa\u00e7\u00f5es contextuais para que cada a\u00e7\u00e3o n\u00e3o precise de informa\u00e7\u00f5es que est\u00e3o em outro ponto do sistema.<\/p>\n<p><strong>7. Flexibilidade e efici\u00eancia de uso<\/strong><br \/>\nForne\u00e7a atalhos para usu\u00e1rios experientes que agilizem o uso deste perfil, mantendo a facilidade para usu\u00e1rios leigos.<\/p>\n<p><strong>8. Est\u00e9tica e design minimalista<\/strong><br \/>\nO di\u00e1logo do sistema com o usu\u00e1rio n\u00e3o deve conter informa\u00e7\u00f5es desnecess\u00e1rias. Mantenha apenas as informa\u00e7\u00f5es \u00fateis, diretas e claras.<\/p>\n<p><strong>9. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e recuperarem-se de erros<\/strong><br \/>\nAs mensagens de erro devem ser claras a ponto de indicarem o problema e sugerirem uma solu\u00e7\u00e3o.<\/p>\n<p><strong>10. Ajuda e documenta\u00e7\u00e3o<\/strong><br \/>\nEmbora o melhor \u00e9 o usu\u00e1rio ser capaz de usar o sistema sem necessidade de ler a documenta\u00e7\u00e3o, \u00e9 necess\u00e1rio fornecer ajuda documentada em caso de necessidade. As informa\u00e7\u00f5es devem ser facilmente encontradas, descreverem passos de forma clara e n\u00e3o serem extensas demais<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Com o objetivo de medir a efici\u00eancia das interfaces e sistemas, utilizamos in\u00fameras t\u00e9cnicas de avali\u00e7\u00e3o, entrevistas e testes de usabilidade. Mas sabemos que nem sempre um projeto tem tempo e verba suficientes para aplicarmos todos esses m\u00e9todos. Um dos recursos que podemos utilizar como um guia de boas pr\u00e1ticas desde a fase de desenvolvimento [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":33336,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-3811","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-aberto"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/3811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3811"}],"version-history":[{"count":1,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/3811\/revisions"}],"predecessor-version":[{"id":33090,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/3811\/revisions\/33090"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/33336"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}