{"id":14922,"date":"2020-12-09T13:28:24","date_gmt":"2020-12-09T11:28:24","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14922"},"modified":"2021-02-17T16:26:35","modified_gmt":"2021-02-17T14:26:35","slug":"disenar-para-pantalla","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/disenar-para-pantalla\/","title":{"rendered":"Dise\u00f1ar para pantalla"},"content":{"rendered":"

Introducci\u00f3n<\/strong><\/h2>\n

Jakob Nielsen<\/a> y Rolf Molich<\/a> definieron, en 1990, una lista de 10 principios para el dise\u00f1o de interacci\u00f3n. Estos son todav\u00eda vigentes y, aunque en ese momento se refer\u00edan a interfaces gr\u00e1ficas, en realidad son aplicables a cualquier otro tipo de interfaz.<\/p>\n

Principios para el dise\u00f1o de interacci\u00f3n<\/strong><\/h2>\n

Los principios de Nielsen y Molich son los siguientes:<\/p>\n

    \n
  1. Visibilidad del estado del sistema<\/strong>. Los usuarios siempre deben ser informados sobre las operaciones del sistema, con indicaciones f\u00e1ciles de entender y visibles de manera inmediata o en un tiempo razonable.<\/li>\n
  2. Coincidencia entre el sistema y el mundo real.<\/strong> El dise\u00f1o debe reflejar el lenguaje y los conceptos que los usuarios encuentran en el mundo real, teniendo en cuenta las caracter\u00edsticas de los usuarios objetivos. Si la manera en que se presenta la informaci\u00f3n es coherente con la experiencia real de los usuarios, se facilita el uso del sistema.<\/li>\n
  3. Control de usuario y libertad<\/strong>. Hay que permitir a los usuarios retroceder, deshacer y volver a realizar acciones.<\/li>\n
  4. Consistencia y est\u00e1ndares<\/strong>. El dise\u00f1o debe asegurar que los elementos gr\u00e1ficos y la nomenclatura se mantienen entre pantallas y entre dispositivos, cuando el producto interactivo es multiplataforma. Por ejemplo, un icono que en un interactivo representa un concepto no deber\u00eda representar un concepto diferente cuando se incluye en otra pantalla o dispositivo del mismo producto.<\/li>\n
  5. Prevenci\u00f3n de errores<\/strong>. Es m\u00e1s importante prevenir la aparici\u00f3n de errores que generar buenos mensajes de error. Hay que eliminar acciones que puedan favorecer errores; si no se puede, se pueden minimizar o preguntar al usuario si est\u00e1 seguro de querer realizarlas.<\/li>\n
  6. Minimizar la carga de la memoria del usuario<\/strong>. El dise\u00f1o debe evitar que el usuario se vea obligado a recordar gran cantidad de informaci\u00f3n. Para ello, puede mostrarla a trav\u00e9s de objetos, acciones u opciones. El usuario no tiene por qu\u00e9 memorizar la informaci\u00f3n que recibe: por lo tanto, en los procesos que impliquen varios pasos, la informaci\u00f3n sobre los pasos anteriores debe quedar visible. Asimismo, las instrucciones para el uso del sistema han de estar al alcance del usuario.<\/li>\n
  7. Flexibilidad y eficiencia de uso<\/strong>. Los atajos de teclado permiten agilizar la interacci\u00f3n y son muy \u00fatiles para usuarios expertos. El dise\u00f1o deber\u00eda tener en cuenta tanto a los usuarios novatos como a los experimentados, permitiendo atajar acciones frecuentes para que el usuario pueda agilizar las interacciones a su medida.<\/li>\n
  8. Dise\u00f1o minimalista<\/strong>. La interfaz ha de contener informaci\u00f3n que sea relevante o que se utilice. Cada elemento adicional de pantalla compite con los datos relevantes y disminuye su visibilidad.<\/li>\n
  9. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores<\/strong>. Los mensajes de error deben expresarse en un lenguaje claro, indicando el problema y siendo orientativos acerca de c\u00f3mo alcanzar la soluci\u00f3n.<\/li>\n
  10. \u00a0Ayuda y documentaci\u00f3n<\/strong>. El mejor dise\u00f1o es el que no necesita ayuda. Sin embargo, en ocasiones es necesario disponer de ella; si es as\u00ed, esta ha de ser f\u00e1cil de encontrar, estar enfocada a las tareas del usuario, detallar claramente los pasos a realizar y ser breve.<\/li>\n<\/ol>\n

    Aspectos comunicativos<\/strong><\/h2>\n

    Los principios de Nielsen y Molich se refieren a pautas asociadas con la usabilidad del sistema. En cuanto a los aspectos comunicativos, se pueden tener en cuenta las siguientes pautas:<\/p>\n

    Conocer al usuario<\/strong><\/h3>\n

    Los objetivos del usuario son los objetivos del dise\u00f1ador. Este debe saber cu\u00e1les son las habilidades del usuario, cu\u00e1l es su experiencia y qu\u00e9 necesita. Para un dise\u00f1ador el foco est\u00e1 en conocer a fondo a sus usuarios.<\/p>\n

    Simplicidad<\/strong><\/h3>\n

    Las mejores interfaces evitan elementos innecesarios y son claras en el lenguaje que utilizan.<\/p>\n

    Los elementos relevantes deben ser obvios para el usuario, y si un elemento no es realmente relevante, hay que cuestionar su inclusi\u00f3n.<\/p>\n

    Aunque la informaci\u00f3n que haya detr\u00e1s de una aplicaci\u00f3n sea mucha y muy compleja, la interfaz debe transmitir sencillez y eficiencia.<\/p>\n

    Claridad<\/strong><\/h3>\n

    Para navegar por una aplicaci\u00f3n, el usuario ha de sentirse bien informado y confiado. Para ello, es necesario que sepa perfectamente:<\/p>\n