Como dir\u00eda Steve Krug en el libro \u00abDon’t Make me Think\u00bb, no hagas pensar al usuario que visita tu web: <\/p>\n
Se trata del principio fundamental, el voto de calidad primordial a la hora de decidir si algo en el dise\u00f1o web funciona o no. Si s\u00f3lo tiene capacidad en su mente para una \u00fanica norma de usabilidad, permanezca en ella. Todo lo que quiero decir con esto es que, hasta lo humanamente posible, cuando se mire una p\u00e1gina web \u00e9sta debe ser obvia, evidente, clara y f\u00e1cil de entender. Deber\u00eda poder entenderla (qu\u00e9 es y c\u00f3mo utilizarla) sin agotar esfuerzos pensando en ello<\/p><\/blockquote>\n
. En este art\u00edculo nos centraremos en los 10 principios que, Jackob Nielsen, un visionario de la usabilidad web, formul\u00f3 en 1995, y que todav\u00eda hoy en d\u00eda se utilizan como principios base del estudio de la usabilidad web. Estos conceptos son generales y no entren en detalles t\u00e9cnicos pero s\u00ed que nos marquen una l\u00ednea y nos den a comprender qu\u00e9 t\u00e9cnicas o recursos podemos utilizar en cada uno de los casos para cumplir con ellos.1. Visibilidad del estado de la web: <\/strong>el sistema siempre debe mantener informados a los usuarios sobre los procesos que se est\u00e1n llevando a cabo. <\/p>\n
El ejemplo cl\u00e1sico son los comentarios que indiquen que un correo se ha enviado correctamente o que existe un campo requerido que no se ha completado en un formulario. Tambi\u00e9n pueden serlo las barras de carga, los breadcrumbs o los indicadores de un proceso de compra2. Relaci\u00f3n entre la web y el mundo real: <\/strong>el sistema debe hablar el idioma de los usuarios, con palabras, frases y conceptos familiares para el usuario, en lugar de t\u00e9rminos orientados al sistema. Siga las convenciones del mundo real, haciendo que la informaci\u00f3n aparezca en un orden natural y l\u00f3gico.3. Control y libertad del usuario: <\/strong>en ocasiones los usuarios eligieran las funciones del sistema por error y necesitar\u00e1n una \u00absalida de emergencia\u00bb claramente marcada para dejar el estado no deseado al que han accedido por error, sin tener que pasar por una serie de pasos. Se apoyar\u00e1n las funciones de deshacer y rehacer. <\/p>\n
Un ejemplo claro es la posibilidad de borrar productos a\u00f1adidos a la cesta previamente porque, por ejemplo, el usuario finalmente decide no comprar un producto previamente a\u00f1adido.4. Consistencia:<\/strong> Los usuarios no deber\u00edan cuestionarse si acciones, situaciones o palabras diferentes signifiquen en realidad la misma cosa; sigue las convenciones establecidas.<\/p>\n
Esto ocurre, sobre todo con la iconograf\u00eda, por ejemplo el hecho de utilizar 3 l\u00edneas horizontales para el men\u00fa mobile de cualquier aplicaci\u00f3n es un est\u00e1ndar reconocible para todos los usuarios y que no deber\u00eda ser cambiado.<\/p>\n
Al igual que un bot\u00f3n verde lo asociamos a \u00abde acuerdo\u00bb y uno rojo a \u00abborrar\/cancelar\u00bb y tampoco deber\u00edamos invertirlos.5. Prevenci\u00f3n de errores: <\/strong>mejor que un buen dise\u00f1o de mensajes de error es realizar un dise\u00f1o esmerado que prevenga errores.<\/p>\n
La opci\u00f3n de auto completar de Google es un buen ejemplo de usabilidad. En el pr\u00f3ximo post, veremos los 5 principios b\u00e1sicos restantes.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
Repasamos los conceptos b\u00e1sicos de usabilidad que har\u00e1n que los usuarios encuentren lo que busquen en tu web con el m\u00ednimo esfuerzo y en el menor tiempo posible. Como dir\u00eda Steve Krug en el libro \u00abDon’t Make me Think\u00bb, no hagas pensar al usuario que visita tu web: Se trata del principio fundamental, el voto […]<\/p>\n","protected":false},"author":6,"featured_media":16760,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":["post-16761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"_links":{"self":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/comments?post=16761"}],"version-history":[{"count":1,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16761\/revisions"}],"predecessor-version":[{"id":16762,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16761\/revisions\/16762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/media\/16760"}],"wp:attachment":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/media?parent=16761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/categories?post=16761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/tags?post=16761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}