El 23-UX Punto Lista de

verificación de diseño
 El 23-UX Punto Lista de
verificación de diseño

Durante el proceso de diseño, algunos defectos en su producto va a pasar desapercibido. Esas

pequeñas (o, a veces grandes) cosas pueden hacer mucho daño a la experiencia que tiene el

usuario durante el uso de su software. Hemos preparado una lista de puntos para su revisión antes

de que el diseño está firmado.

( Tenga en cuenta: No todos ellos se aplica a todo tipo de productos, pero en general éstos

son los que son más relevantes.)

 3

Diseño de interacción

1. Acciones repetitivas o actividades frecuentes con poco esfuerzo.

¿Por qué es importante: Es importante porque las acciones repetitivas para la misma salida (por ejemplo,

llenando formas diferentes con la misma información) es una tarea extenuante que no ayuda al usuario a

lograr sus objetivos con mayor rapidez o mejor. El usuario es probable que también tratar de encontrar

una manera de evitarlo: por ejemplo, en busca de los competidores que pueden ayudar a él / ella para

hacer que sea más rápido / mejor.

¿Cómo probar que: Usted debe comenzar por el análisis de todos los flujos de su producto y de la

observación del comportamiento del usuario. Usted quiere asegurarse de que si las acciones repetitivas

están presentes, hay una manera de facilitar ellas: por ejemplo, una opción para utilizar la información

introducida anteriormente.
 4

2. Los usuarios pueden recuperar fácilmente de errores.

¿Por qué es importante: A menudo los usuarios a realizar acciones no deseadas o acciones que

no conducen a los resultados deseados - y que les permite volver y probar otra vez significa que

no se frustren, culpable y se recuperará fácilmente y mantenerse en movimiento en el flujo.

¿Cómo probar que: En primer lugar, asegúrese de que su sistema de navegación permite ir hacia atrás, y

que las acciones se pueden deshacer. Entonces, cuando se realizan testeos de usabilidad, crear

escenarios en los que el usuario lo más probable es realizar la acción equivocada y comprobar si s / que se

pueden recuperar fácilmente.

3. Los usuarios están soportados adecuadamente en función de su

nivel de experiencia.

¿Por qué es importante: Es importante asegurarse de que los usuarios novatos en su producto tienen una

experiencia de aprendizaje suave. Sin embargo, una vez que ya están familiarizados con el producto, que debe dar

lugar a herramientas que le ayudan / su movimiento más rápido a través de los flujos. Ambos escenarios mejorar la

facilidad de uso y la retención. Por ejemplo, los accesos directos para los usuarios expertos, información sobre

herramientas para los usuarios novatos, etc.

¿Cómo probar que: En primer lugar, comprobar si tiene herramientas para ambos públicos. A continuación, llevar a cabo

pruebas de usabilidad con usuarios principiantes y expertos para ver si estas herramientas se utilizan adecuadamente.
 5

4. Acceso a la ayuda no impide el progreso del usuario.

¿Por qué es importante: Los usuarios piden ayuda cada vez que están atrapados en una cierta parte

de su producto. Es importante que ayuda - en línea o fuera de línea - a ser adicionales y permitir al

usuario reanudar el trabajo donde lo dejaron.

¿Cómo probar que: Crear escenarios de prueba donde los usuarios van a pedir ayuda, y ver

si sus flujos de trabajo y el progreso se interrumpen.

 6

Diseño visual

5. No más de tres colores primarios.

¿Por qué es importante: Esto no es una regla fija - y, a veces, en casos específicos, más de tres

colores primarios se puede utilizar. Tenga en cuenta, sin embargo, que la combinación de tres

colores ya es difícil, por lo que para la mayoría de los casos, más que eso debe ser evitado.

¿Cómo probar que: Asegúrese de que la paleta de colores que utilizó la hora de diseñar el

producto no tiene más de tres colores primarios.

6. Color por sí sola no se utiliza para transmitir la jerarquía, contenido o

funcionalidad.
 7

¿Por qué es importante: Tener un producto que es accesible no es un punto a favor - es una

necesidad. Para las personas con discapacidades visuales, como la ceguera al color, que dependen

exclusivamente de color para transmitir jerarquía, contenido o funcionalidad significa que no se

puedan usar su producto y serán un demográfica excluidos.

¿Cómo probar que: colorfilter.wickline.org le permitirá poner un filtro de color en la parte superior de su

página web y probarlo para diferentes tipos de ceguera de color. Puede también realizar capturas de

pantalla de su producto y convertir a escala de grises que en un editor de imágenes y ver si se puede decir

colores aparte fácilmente.

7. jerarquía visual dirige al usuario a la acción requerida.

¿Por qué es importante: Los usuarios confían en la jerarquía y pistas del producto para

saber qué hacer y dónde ir - es esencial para entender esto y guiarlos usando esa jerarquía

correctamente.

¿Cómo probar que: Entender cómo los flujos de trabajo dentro de su producto y si sus

acciones clave están siendo incentivados por la jerarquía visual.

8. Los artículos por encima de la jerarquía visual son los más importantes.

¿Por qué es importante: Visual jerarquía permite a los usuarios escanear rápidamente la información,

priorizando contenidos en función de sus necesidades inmediatas. Los productos que cerca de la parte superior

de la jerarquía visual deben ser más importantes para el negocio y lo más relevante para los usuarios.
 8

¿Cómo probar que: Screen Capture su producto digital, a continuación, difuminación de

Gauss que captura de pantalla en un radio de alrededor de 5px. Al mirar el resultado, podrás

visualizar al instante la jerarquía y el aviso qué elementos se destacan. Son los más

importantes para la empresa y el usuario?

9. Acción principal es visualmente distinto de acciones secundarias.

¿Por qué es importante: Tener acciones primarias y secundarias distintas significa que el

usuario no se confunda al interactuar con su producto y será menos propenso a cometer

errores. Por ejemplo, “Enviar” y “Cancelar” debe ser claramente distinto.

¿Cómo probar que: Al llevar a cabo las pruebas de usabilidad, observar de los errores

comunes que no resultan de la intención del usuario, sino de acciones primarias y secundarias

pobremente diferenciados. Además, al revisar el diseño, asegúrese de que el color, el tamaño,

la posición y otros elementos diferencian las acciones.

10. Los elementos interactivos no se abstraen.

¿Por qué es importante: Cuando se utiliza un nuevo producto, los usuarios disponen de un conjunto de

expectativas construidas a partir de su / su experiencia previa en la utilización de otros productos

digitales - por ejemplo, qué botones debe ser similar e y cómo deben trabajar. El cumplimiento de esas

expectativas significa que no se está creando una fricción innecesaria.

 9

¿Cómo probar que: En primer lugar, revisar su producto en busca de zonas donde no se utilizan

patrones comunes. Por ejemplo, vínculos que no se parecen a los enlaces.

11. Forma de presentación se confirma de una manera visualmente distinto.

¿Por qué es importante: Es esencial para dar al usuario la confirmación de si una acción se

realizó correctamente o no. Por ejemplo, después de la presentación de un formulario, un mensaje

de confirmación de liberación en forma de una bandera de color significa que el usuario puede

pasar a la siguiente tarea.

¿Cómo probar que: Compruebe todas las áreas de su producto donde el usuario introduce información.

Después de la entrada del usuario es completa, desencadenar una confirmación sobre si esa acción se ha

realizado correctamente o no. Asegúrese de que la regeneración es muy claro con respecto al estado final.

12. Los mensajes de alerta son consistentes.

Lo que es: Los mensajes de alerta tienen el mismo estilo visual y aparecen en el mismo

lugar de la misma manera.

¿Por qué es importante: Tener mensajes de alerta consistentes significa que el usuario siempre

va a entender lo que merece la atención de inmediato. Al no ser consistente con las alertas

significaría carga mental extra cada vez que una nueva alerta aparece.
 10

¿Cómo probar que: Asegurar que los mensajes de alerta tienen el mismo estilo visual y su

posicionamiento es similar o idéntico.

Los mensajes de alerta 13. son visualmente distintas.

¿Por qué es importante: Al asegurarse de que los mensajes de alerta se diferencian claramente de otros

elementos de la pantalla, el usuario puede realmente darse cuenta y / o actuar sobre ellos.

¿Cómo probar que: Después de buscar una diferenciación visual a sí mismo, ver cómo reaccionan los usuarios a

los mensajes de alerta en las pruebas de usabilidad.

 11

Arquitectura informacional

14. La navegación es consistente.

¿Por qué es importante: La forma orientar a los usuarios y luego navegar a través de su producto

influye directamente si pueden completar su / sus objetivos, independientemente de su página

actual.

¿Cómo probar que: Compruebe la información de la documentación arquitectura y

asegurarse de que la navegación es accesible en cada página y que no cambia o desaparece.

Antes de sumergirse en el diseño visual, tratar

Card Sorting o pruebas de árbol para asegurar que sus vías de arquitectura de información son lo

más intuitivo posible.

 12

15. Sala de crecimiento

¿Por qué es importante: No se puede rediseñar la navegación y la información del sistema de un

producto cada vez nuevas características o contenidos surge. menús de navegación y el diseño general

debe ser compatible con más categorías / temas sin romperse. Diseño con espacio para el crecimiento

significa que los principales esfuerzos de diseño y desarrollo a gran escala fácilmente a través de la

interfaz.

¿Cómo probar que: Pedir a todas las partes interesadas sobre cómo el contenido podría crecer con el

tiempo en el producto. ¿Va a apoyar el contenido más estático? ¿La arquitectura necesita para apoyar

los vídeos?
 13

Tipografía

16. No se utilizan más de dos familias de fuentes distintas.

¿Por qué es importante: Esto no es una regla fija: a veces es posible sacar más de dos.

Pero, en general, la adecuación de más de dos no es un trabajo fácil. Para los propósitos de

usabilidad y visuales, que se pega a dos simplifica su jerarquía tipográfica, lo que mejora la

comprensión.

¿Cómo probar que: Sólo asegúrese de que su diseño no es mezclar más de dos familias de fuentes.

También debe asegurarse de que las familias que eligió estén correctamente emparejados ( Obtenga

más información aquí ).

 14

17. Las fuentes utilizadas para el contenido de texto son al menos 12 píxeles de tamaño.

¿Por qué es importante: Una vez más, no es una regla fija - que podría, en teoría, usar tamaños más

pequeños para fines muy específicos - pero la legibilidad en general se ve gravemente reducida para

tamaños menores de 12 píxeles.

¿Cómo probar que: Compruebe todo su contenido y asegúrese de que las fuentes utilizadas para ellos están

dimensionados en al menos 12 píxeles.

18. Reserva de palabras en mayúsculas con etiquetas,

encabezados, o acrónimos.

¿Por qué es importante: Limitar el uso de las palabras en mayúsculas es conocido para facilitar

la comprensión - es visualmente menos pesado y más fácil para el usuario de digerir. Debe ser

utilizado específicamente para dar énfasis o casos muy restringido - siglas, por ejemplo.

¿Cómo probar que: Realizar una verificación de contenido a fondo y asegúrese de que las palabras en

mayúsculas se limitan a, ya sea sólo los encabezados, etiquetas o siglas.

19. estilos o familias de fuentes diferentes se utilizan para separar el

contenido de los controles.

¿Por qué es importante: Es necesario que haya indicadores claros sobre lo que es el contenido y cuáles son

los controles - es decir, lo que el usuario puede interactuar con él. Estos indicadores pueden ser de tamaño,

color, posicionamiento, fuente, etc. fuente es una

 15

importante: el uso de diferentes estilos o familias significa que el usuario no debe confundirse

e identificará fácilmente lo que se puede interactuar con.

¿Cómo probar que: Identificar todos los controles en su producto y asegurarse de que están de pie a

cabo a partir del contenido. Cuando la ejecución de pruebas de usabilidad, prestar atención a si los

usuarios tienen dificultades para interactuar con los controles.

20. Tamaño de fuente / peso distingue entre tipos de contenido.

¿Por qué es importante: Es en gran medida los impactos legibilidad y comprensión. Hacer

una distinción clara entre títulos, subtítulos y apartados reduce la sobrecarga mental en la

digestión de ese contenido. También ha conseguido beneficios visuales - se ve y se siente

mejor.

¿Cómo probar que: Al revisar el contenido dentro de su producto, asegúrese de que títulos,

subtítulos y párrafos están utilizando diferentes tamaños de fuente y pesos.

 dieciséis

Interfaz de usuario

21. La proximidad y la alineación.

¿Por qué es importante: El usuario tiene una tendencia a agrupar - funcional o contextualmente -

elementos que están cerca uno del otro. Una barra de navegación es un buen ejemplo de esto.

Siguiendo este patrón y los elementos de agrupación que están conectados al instante significa que el

usuario entienda su interfaz.

¿Cómo probar que: Busque los artículos que son similares en funcionalidad y comprobar si

(cuando sea posible) que se agrupan.

 17

22. Indicador de Progreso para los flujos de trabajo de múltiples pasos.

¿Por qué es importante: Especialmente para los flujos de trabajo de múltiples pasos, el usuario puede

fácilmente sentirse abrumado o preguntarse cuánto tiempo hasta que finalmente se hace. Un indicador de

progreso le ayuda / ella para localizar el / ella misma, pero lo más importante es que crea una sensación de

logro y reduce las tasas de abandono.

¿Cómo probar que: Compruebe todos los flujos dentro de su producto en las que hay diferentes

medidas con el fin de lograr algo, a continuación, asegúrese de que se está indicada progreso a

través de un indicador.

23. elementos de primer plano (como el contenido y controles) se

distinguen fácilmente del fondo.

¿Por qué es importante: Importante para las personas con discapacidades visuales. También mejora

la curva de aprendizaje de un usuario y la comprensión. Clara distinción facilita la navegación, trae

más atención a los botones y aumenta la facilidad de uso en general.

¿Cómo probar que: Captura de pantalla de su producto y el desenfoque gaussiano que captura

de pantalla en un radio de alrededor de 3px a 5px. Al mirar el resultado, se puede decir fácilmente

lo que está en el primer plano y lo que hay en el fondo?

 18

24. Felicitaciones por pasar por la lista!

... Sin embargo, este no es el final.

Su producto es ahora más sólida y que podría haber mejorado en varias áreas - tal vez es más

accesible ahora, por ejemplo - pero recuerde que debe mantener siempre la prueba, la

recopilación de información de usuario, y mantener en la iteración.

25. Sobre el autor

Fabio Muniz es un diseñador de producto de TestLodge . Su experiencia

previa incluye funciones de diseño de productos con nuevas empresas en

fase inicial y de crecimiento. Se puede ver su trabajo en fabio.design .

www.uxpin.com