Los diez principios de usabilidad de Nielsen son uno de los principios que los diseñadores deben aprender en sus estudios. Guían nuestros diseños para proporcionar a los usuarios interfaces utilizables y fáciles de usar, o sirven como principios de referencia en los tutoriales de diseño. , para determinar si nuestro plan de diseño es razonable.
Este artículo utiliza un estudio de caso (una aplicación de interés personal), Haohaozhu, para analizar y explicar cómo se utilizan los diez principios de interacción de Nielsen en el diseño de aplicaciones.
Jokob Nielsen, doctor en interacción persona-computadora, publicó los "Diez principios de usabilidad" en enero de 1995. Este principio se ha publicado durante más de 20 años y es uno de los principios imprescindibles en el aprendizaje del diseño de interacción. Como principio clásico en el campo del diseño, tiene cierto valor de referencia.
1. Principio de visibilidad del estado del sistema
El sistema siempre debe informar a los usuarios lo que está sucediendo mediante comentarios adecuados dentro de un tiempo razonable.
El estado visible del sistema se puede dividir en tres partes:
1. El usuario conoce la ubicación actual: barra de navegación del sistema, brindis, progreso de carga, etc.
; p>
2. El usuario conoce la parte actualmente operable y cómo pasar al siguiente paso: indicaciones visuales que indican que se pueden operar controles como botones
3. Después de la operación del usuario, el sistema; retroalimenta rápidamente el efecto al usuario: como se muestra en la actualización desplegable, envío exitoso, animaciones interesantes mientras espera, etc.;
Caso: Ver página de imagen: seleccione la etiqueta de muebles para filtrar el correspondiente imágenes: haga clic en la imagen para ingresar a la página de detalles
Se muestran en la barra de navegación Las etiquetas que se muestran en el paso anterior permiten a los usuarios localizar a qué etiquetas pertenece el canal de imágenes en el que se encuentran.
Caso: a. El contenido se publica correctamente y aparece un mensaje emergente. Se han agregado puntos al mensaje (los puntos son valiosos para los usuarios). proceso de publicación, se muestra el progreso de la carga; si el lanzamiento falla, indique el estado y proporcione soluciones;
2. ¿Coincidencia entre el sistema y el mundo real? hable el idioma del usuario y utilice palabras, frases y conceptos familiares para el usuario en lugar de términos orientados al sistema. Siga las convenciones del mundo real para que la información aparezca en un orden natural y lógico.
Las necesidades de expresión de los iconos, el lenguaje y otros elementos utilizados por el sistema:
1. En línea con las prácticas del mundo real
2. En línea con expectativas psicológicas de los usuarios y hábitos de uso del lenguaje y lógica de pensamiento, etc.
3. También puede coincidir con las características de identidad del usuario: edad, ocupación, entorno, etc.
En pocas palabras, Su objetivo es facilitar que los usuarios conozcan toda la información con claridad.
Caso: a. Según las características de los usuarios objetivo y la plataforma Haohaozhu, la insignia personal del usuario está relacionada con el hogar, como "experto en almacenamiento", "experto en tareas domésticas", etc., que está en línea con las expectativas del usuario sobre sí mismo y también puede motivar a los usuarios a esforzarse por obtener insignias y obtener una sensación de logro;
b. Los usuarios seleccionan contenido relacionado con la decoración del hogar de acuerdo con sus propias necesidades. "antes-durante-después-decoración" está en línea con el conocimiento requerido por los usuarios durante el proceso de decoración. ; La clasificación de contenido también utiliza ilustraciones correspondientes, como "Decoración de cocina" utiliza ilustraciones de piezas de cocina, haciéndose eco del entorno real del usuario;
3. Principio de control del usuario Control y libertad del usuario
p>Los usuarios a menudo seleccionan por error una característica del sistema y requieren una "salida de emergencia" claramente marcada para salir del estado no deseado sin tener que participar. en un diálogo extendido para admitir deshacer y rehacer.
1. Libertad del usuario para controlar las operaciones
2. Cuando la operación es incorrecta, el usuario tiene derecho a deshacerla y rehacerla
Caso: a. El usuario puede definir el orden de carga de imágenes;
b. Al publicar el contenido de artículos de decoración del hogar, los usuarios pueden "agregar espacio" de acuerdo con su situación real;
4. Consistencia y estándares.
El contexto, el lenguaje visual, la retroalimentación, etc. en el sistema deben tener reglas unificadas para evitar confusión e incomodidad para los usuarios debido a la confusión.
Caso: a. Los íconos en el mismo módulo usan un lenguaje de diseño consistente;
las imágenes operativas también usan un lenguaje de diseño consistente para evitar estilos de diseño confusos que afecten visualmente a los usuarios. Carga;
5. Principio de prevención de errores
Intente evitar que se produzcan errores antes de que los usuarios cometan errores. Se puede hacer a través de:
1. Contenido en el que no se puede hacer clic ni en el que no se puede hacer clic, mediante mensajes de estilo de iconos, colores grises, etc.
2. Informar a los usuarios con antelación de sus necesidades a través de texto mensajes, mensajes de sugerencias, etc. Cosas a tener en cuenta
3. Cuando es probable que las operaciones incorrectas causen un impacto mayor, se requiere una segunda confirmación para evitar que los usuarios realicen un mal funcionamiento
Caso: a Cuando el producto está agotado, no se puede hacer clic en el botón de compra;
b. Cuando el cupón caduca, se muestra el estado correspondiente para informar al usuario que no se puede cobrar;
b. Haohaozhu restringe que los apodos de los usuarios se modifiquen solo una vez cada 30 días. Es necesario informar al usuario con mensajes de texto en la página de modificación; el nuevo apodo después de la modificación, aparece un cuadro de diálogo para permitir al usuario confirmar si desea modificarlo
6. El principio de fácil recuperación: reconocimiento en lugar de recuperación
Minimizar el apodo del usuario; carga de memoria mediante el uso de representaciones visuales de objetos, acciones y opciones. (Multidispositivo)
1. La visualización de información del sistema, controles de componentes y opciones puede reducir la carga de memoria del usuario
· Visualización de opciones y acciones: muestra el contenido seleccionado
· Mantenga registros de visualización y búsqueda para los usuarios
· Cuando los usuarios editan formularios más complejos, pueden ver el contenido editado en cualquier momento y obtener una vista previa del efecto para evitar que los usuarios olviden el contenido completado.
· Al cambiar a la página siguiente, se puede mostrar la información clave de la página anterior para que el usuario sepa claramente el estado actual o la relevancia
2. El documento de ayuda del sistema es visible y de fácil acceso, lo que permite a los usuarios verlo en cualquier momento
Caso: a cuando los usuarios editan artículos, pueden obtener una vista previa del efecto en cualquier momento y verificar la situación real de sus artículos. >
b. Haohaozhu anima a los usuarios a publicar artículos o contenido, por lo que los usuarios han editado y no publicado el contenido se guarda en el cuadro de borrador y los usuarios pueden editarlo o eliminarlo.
Caso: Haohaozhu lanzado. un módulo de funciones del centro comercial y proporciona instrucciones relevantes, que no solo pueden profundizar la confianza de los usuarios en el centro comercial, sino que también les permiten ver las compras en el centro comercial
7. Flexibilidad y eficiencia de uso
Un buen producto debe tener en cuenta las necesidades tanto de los usuarios nuevos como de los usuarios experimentados. Para los nuevos usuarios, las funciones deben ser claras y claras; para los usuarios antiguos, las funciones de alta frecuencia deben utilizarse de forma rápida y eficiente. No atienden a un determinado tipo de usuario y ocupan una parte importante de información innecesaria.
1. El número de usuarios intermedios es mucho mayor que el de usuarios junior y avanzados. Diseñado para la mayoría de los usuarios.
2. Diseñe un proceso apropiado basado en el escenario o las tareas actuales del usuario. para completarse Interactuar con las operaciones para ayudar a los usuarios a lograr sus objetivos rápidamente
3. Los usuarios pueden personalizar el contenido o las funciones que necesitan
Caso: la mayoría de los usuarios intermedios de Haohaozhu. han publicado artículos. O usuarios de imágenes cuando los usuarios publican temas de experiencia, pueden elegir entre las imágenes que han publicado y pueden localizar rápidamente las imágenes que desean, reduciendo los pasos de selección de imágenes y mejorando la experiencia del usuario;
8. Diseño estético y minimalista
No incluir información/operaciones irrelevantes o de baja frecuencia. Cada dato adicional en una página reduce la visibilidad relativa del contenido principal.
Los usuarios están acostumbrados a "escanear" en lugar de leer información. Para permitirles obtener rápidamente información útil:
1. Eliminar información irrelevante
2. Mejorar la visualización del nivel de información: resalta información importante y debilita la información secundaria
Caso: el nivel de información se muestra a través del tamaño, peso, color, posición, etc. del texto. Un nivel de información primaria y secundaria claro puede transmitir información efectiva a. usuarios ;
9. Principio de tolerancia a fallos Ayude al usuario a reconocer, diagnosticar y recuperarse de errores
Ayude a los usuarios a reconocer, diagnosticar y recuperarse de errores:
1 Proporcionar. oportunidades para que los usuarios restauren el contenido eliminado a su estado original
2. No solo proporcione información de error, sino que también proporcione las soluciones correspondientes
3. Ayude a los usuarios a minimizar las pérdidas mínimas
.Caso: Agregar a la lista negra es una operación negativa y tendrá un cierto impacto en el usuario. Cuando el usuario opera, debe confirmar si desea operar nuevamente y después de ser agregado a la lista negra, el usuario tiene la oportunidad. para desbloquear
10. Principios de ayuda humanizada Ayuda y documentación
Proporcionar documentos de ayuda adecuados para ayudar a los usuarios a obtener ayuda cuando la necesiten
1. Según la situación actual del usuario Proporcionar documentos de ayuda adecuados a la tarea o proceso operativo
2. Documentos de ayuda general del sistema, que el usuario puede consultar en cualquier momento
Con el fin de facilitar la memoria y aplicación, se pueden clasificar y recordar según las siguientes reglas:
·Relacionadas con la presentación de la información:
1. Principio de idoneidad ambiental: la expresión de la información debe ajustarse a la realidad. prácticas mundiales, expectativas y hábitos psicológicos de los usuarios, etc.
2. Principio de fácil acceso: visualización de la información, reducción del cumplimiento de la memoria del usuario
3. Principio de hermosa simplicidad: información clara La jerarquía ayuda a los usuarios a obtener información de manera eficiente
4. Principio de ayuda humanizada: las indicaciones de información apropiadas ayudan a los usuarios a obtener ayuda
·Relacionado con las operaciones del usuario y la retroalimentación del sistema:
5. Principio controlable por el usuario: principio de libertad de operación, flexibilidad y eficiencia del usuario: ayuda a los usuarios a completar tareas de manera eficiente y lograr objetivos
6. Principio flexible y eficiente: ayuda a los usuarios a lograr sus objetivos de manera rápida y eficiente;
7. Principio de prueba de errores: las indicaciones adecuadas evitan que los usuarios cometan errores; es necesario repetir operaciones importantes.
8. Principio de tolerancia a fallos: los usuarios pueden deshacer, rehacer y restaurar; estado original;
·Relacionado tanto con la presentación de la información como con la retroalimentación de la operación:
9. Principio de visibilidad del estado del sistema: los usuarios conocen su ubicación actual, señales visuales para la operación y la retroalimentación del sistema;
10. Principio de coherencia del sistema: coherencia del lenguaje visual y efectos de retroalimentación;
Después de analizar y clasificar, tengo una comprensión y un recuerdo más profundos de los diez principios de usabilidad de Nielsen. Es una buena idea resumir usted mismo el análisis del caso.