Principios de usabilidad: claro, conveniente, cómodo. Brevemente sobre lo principal.

Una de las etapas del desarrollo de un sitio web es la usabilidad, que tiene como objetivo la conveniencia del recurso de Internet y su simplicidad. La usabilidad se utiliza para el diseño de sitios web, lo que sin duda debe complacer al visitante de la página. Después de todo, a veces es la interfaz del sitio la que influye en si a los usuarios les gusta, si lo visitan con frecuencia y si cumple con todas las tareas previamente asignadas.

¿Su recurso en línea ofrece algún producto o servicio? Esto significa que la página debe tener una estructura de pedidos clara, un botón luminoso para comprar, un número suficiente de enlaces, texto interesante con imágenes, etc.

La mayoría de las veces, la usabilidad del sitio web la evalúan especialistas. Y esta es una decisión razonable, porque puede comprender muy bien su sitio web, pero los diseñadores web podrán señalar errores, haciéndose pasar por un usuario normal del recurso.

Principios básicos de usabilidad de un sitio web

Al analizar un sitio por su conveniencia y simplicidad, independientemente de si recurre a un especialista o se ocupa usted mismo de la usabilidad del recurso, existen ciertos principios a los que debe prestar atención en primer lugar. Consideremos los principales:

1. Navegación: la presencia de un menú de sitio simple, categorías principales y un mapa del sitio. Es aconsejable que estén ubicados en un lugar visible.
2. Información: Artículos claros, estructurados y comprensibles para los visitantes del sitio.
3. Buscar: El formulario de búsqueda del sitio debe estar ubicado en un lugar visible.
4. Fuente: tamaño de fuente mediano, que debe ser legible.
5. Diseño: Diseño de sitio web simple y hermoso, que generalmente usa 3 colores primarios.
6. Campo de golf: No sobrecargues tu sitio con enlaces; deja que solo contenga enlaces útiles a publicaciones sobre temas similares.

No olvide que una buena usabilidad significa muchos visitantes nuevos y recurrentes. Y, como resultado, excelentes ventas, alto rendimiento del sitio web y muchas otras ventajas.

Reglas clave para la usabilidad del sitio web

En la usabilidad de un sitio web, además de principios, también existen reglas. Si se siguen estrictamente todos ellos, su recurso de Internet seguramente será visitado. Además, estas reglas tienen un efecto positivo en los motores de búsqueda. Entonces, ¿qué necesitas saber? Hablemos de los puntos clave con más detalle.

• Los pocos segundos mandan. Al visitar su sitio, lo máximo que un visitante esperará antes de que la página finalmente se cargue es solo unos segundos y, por lo tanto, no la sobrecargue con presentaciones o juegos.
• Regla de siete. La memoria humana a corto plazo solo puede recordar 7 entidades, lo que significa que el menú de navegación no puede tener más de 7 elementos.
• Regla de los tres clics. Puede haber un máximo de tres enlaces consecutivos que dirigirán a los visitantes a la página interna. De lo contrario, su cliente potencial abandonará el sitio antes de tiempo y no será indexado por los motores de búsqueda.
• Pirámide inversa. Los artículos publicados en las páginas de su sitio web deben escribirse al revés: primero saque la conclusión y luego escriba la parte principal del texto.
• Regla de Fitts. Sin entrar en detalles, esta regla se aplica a la usabilidad de la siguiente manera: no debes agrandar aún más un botón grande en el sitio. Lo principal en usabilidad es no exagerar.

Estas son, en principio, todas las reglas básicas, siguiendo las cuales puede hacer que su sitio sea simple y conveniente y, en consecuencia, más visitado y ubicado en las primeras posiciones de los motores de búsqueda.

El cumplimiento de todas las reglas y principios de usabilidad de un sitio web descritos anteriormente sin duda le ayudará a lograr una buena conversión de su recurso de Internet. ¡Le deseamos éxito!

¿Cuáles son los principios fundamentales de la Usabilidad? Encontrará respuestas a esta y muchas otras preguntas en el artículo. Los principios de usabilidad son puntos de vista generalmente aceptados sobre la interacción con el diseño, que fueron introducidos por Nelsen Jacob (el fundador de Usability). Estos puntos de vista son más un conjunto de reglas que pautas rígidas, por eso se les llama "heurísticas". Hay diez principios de este tipo en total.

Visibilidad del estado

El primer principio de usabilidad es la visibilidad del estado del sistema. Esta posición dice que el usuario debe saber dónde lo dejó y qué está sucediendo. Si se trata de un registro complejo, deberá indicar que este es el segundo o tercer paso.

Eficiencia

El siguiente principio de usabilidad es la eficiencia. De hecho, significa que debe haber una conexión entre cada usuario y el sistema. Su sitio debe estar diseñado para una audiencia específica, debe hablarles en su idioma, utilizando su nivel de preparación y designaciones. Por lo tanto, un sitio web siempre debe estar diseñado para su audiencia. Esto se aplica no sólo a la estructura, sino también a los textos, el diseño, la ayuda, la percepción visual de la información, etc.

Libre elección

¿Cuál es el tercer principio de Usabilidad? control del usuario, que es necesario para que el cliente siempre pueda controlar la situación. Por ejemplo, si una persona completa un formulario, siempre debería ver el botón "borrar formulario". ¿Qué pasa si contiene varios pasos? El usuario siempre debería poder volver a los pasos anteriores o saltarse uno de ellos para poder repetir la acción un poco más tarde.

Gracias a esta situación, el usuario tendrá la impresión de que tiene el control de todo, que nadie intenta confundirle o engañarle. Y la interfaz, que a primera vista parece complicada, se volverá normal si se aborda correctamente. Después de todo, es mucho más fácil para una persona realizar varias acciones simples que una compleja.

Estándares

El cuarto principio de usabilidad es la coherencia y los estándares. En Internet ya existen ciertos estereotipos establecidos (contactos en la esquina superior, tipo de cesta, etc.). Sin embargo, una designación puede tener varios tipos, por lo que un usuario inexperto puede perderse fácilmente entre ellos. Por ejemplo, las cestas electrónicas son idénticas a los carritos, las cestas normales, los bolsos de moda, etc. Y para que aparezca la coherencia, es necesario elegir un estilo específico que se debe seguir en todas partes. Esto se aplica al diseño, las fuentes, el texto y las imágenes.

Prevención de errores

El quinto principio de Usabilidad es la prevención de errores. Esta regla establece que un error no debe corregirse, sino prevenirse. Siempre debes eliminar acciones aleatorias e innecesarias y simplificar las elecciones siempre que sea posible. Esta puede ser una pista habitual al escribir algo en el teclado.

Esto también se aplica a los botones. Por ejemplo, la oferta "Aceptar" suele ser más brillante y más grande que la solicitud "Borrar formulario". Debe proporcionar información que conozca sobre la información que está ingresando (código de región, formato de teléfono, etc.).

Simplificación

El sexto principio es la regla "Es más fácil averiguarlo que recordarlo". Haga la vida lo más fácil posible para los usuarios, recuerde la información que ingresaron anteriormente (incluso de sus visitas anteriores al sitio), bríndeles pistas. Por ejemplo, si utiliza un sistema de registro de varios pasos, muestre a la persona los campos ya completados si le serán útiles en el futuro.

Flexibilidad

El séptimo principio de Usabilidad es la flexibilidad de uso. Según esta regla, la interfaz debe ser flexible; debe adaptarse a la audiencia predominante. Aquí el énfasis básico está en la simplicidad pensando en el usuario medio. Las partes avanzadas deben ser pequeñas. Se pueden colocar en partes menos visibles de la pantalla, ya que esas personas los encontrarán en todas partes.

Diseño

El principio de diseño de usabilidad es el octavo consecutivo. Se basa en la estética y el minimalismo. Según esta regla, la interfaz no debe contener información que el usuario no necesite. Tampoco debe contener información que una persona necesitará en casos excepcionales.

Debes crear formularios de la misma manera: no puedes pedirle al usuario datos que no necesitas. Desafortunadamente, casi nadie utiliza esta posición. Para simplemente felicitarlos por su onomástica o Año Nuevo, en el 90% de los casos los clientes deben indicar su fecha de cumpleaños, su número de teléfono particular, su número de móvil, su correo electrónico e incluso su dirección.

Ayuda

Todo webmaster debe conocer los principios fundamentales de la Usabilidad. La novena visión de esta disciplina científica y aplicada es ayudar a los usuarios a comprender y corregir errores. La gente necesita ser informada sobre todos los errores en el lenguaje común y “humano”, y no en el lenguaje informático. Si el enlace se creó incorrectamente, no es necesario que escriba solo 404. Infórmelo así: "Se produjo un error al ingresar a la página". Si al completar el formulario el usuario olvidó indicar su número de teléfono, escriba que hubo un error al ingresar los datos, y no solo un “error de formulario”.

Apoyo

¿Por qué son tan importantes los principios básicos de usabilidad? Veamos el décimo principio, que se llama Documentación y Asistencia. Los materiales y el apoyo deben ser simples y claros, de fácil acceso y relevantes para los objetivos del usuario. Además, la documentación no debe ser voluminosa. Debe contener pasos claros. Si los materiales son demasiado grandes, puede realizar una navegación breve para saltar rápidamente por las secciones, así como buscar soporte.

"Usabilidad"

Entonces, hemos analizado los principios fundamentales de la usabilidad. Pero ¿qué clase de disciplina es ésta? La "usabilidad" es una medida de la calidad de la experiencia del usuario obtenida al interactuar con un sistema o producto. Por ejemplo, podría ser una aplicación de software, un sitio web u otra cosa.

Los especialistas en Ingeniería de Interfaz de Usuario determinaron que en el 60% de los casos las personas no pueden encontrar la información que necesitan en Internet. Como resultado, su productividad disminuye. No quieren volver al lugar, por lo que se ven obligados a perder un tiempo precioso.

También se sabe que Forrester Research ha recibido algunas cifras que muestran la cantidad de pérdidas resultantes de la mala calidad de la “usabilidad” de los sitios. Las cadenas de tiendas pierden alrededor del 50% de los clientes que no pueden encontrar el producto que necesitan. Aproximadamente el 40% de los usuarios no quieren volver a un sitio con el que no disfrutaron trabajar.

Jakob Nelsen sostiene que las investigaciones sobre el comportamiento de las personas en la red han demostrado que tienen una mala percepción de los sitios web complejos y lentos. Dice que los usuarios no quieren esperar. Tampoco quieren tener que averiguar cómo utilizar la página de inicio. No hay instrucciones de sitios web ni capacitación para proyectos web en ninguna parte. Jacob sabe que la gente quiere escanear páginas rápidamente y comprender instantáneamente la funcionalidad de un sitio web.

Creación

¿Qué es el desarrollo de usabilidad? Su principio radica en un enfoque metodológico para la creación de un sitio web o cualquier otra interfaz de usuario. Este desarrollo consta de varios métodos que se utilizan de forma secuencial en el proceso:

• requisitos de recopilación;
• creación y análisis de prototipos;
• evaluar opciones de diseño opuestas;
• estudiar las preguntas de los usuarios;
• propuesta de soluciones y análisis del sitio (o cualquier otra interfaz).

Pruebas

¿Qué son las pruebas de usabilidad? No todo el mundo conoce el principio de este matiz. En general, es parte del proceso de creación de “Usabilidad”. Una prueba típica requiere que una persona realice varias tareas utilizando un prototipo (u otro sistema). Durante la operación, el observador registra lo que dice y hace el usuario. Normalmente, una prueba de este tipo se lleva a cabo con una o dos personas actuando juntas.

El análisis puede recopilar datos como los errores que cometen los usuarios, la secuencia de acciones que una persona realiza para lograr un objetivo, cuándo y dónde el público encuentra dificultades, cuánto le gusta el producto a la gente y qué tan rápido completan las tareas. La mayoría de las pruebas se utilizan para identificar y resolver cualquier problema que aparezca en el público.

Pasos de disciplina

¿Cuáles son los pasos de Usabilidad? Para planificar un sitio web, primero debe comprender por qué lo está desarrollando, para quién, por qué y cuándo sus lectores visitarán su recurso. Si responde a estas preguntas, descubrirá el propósito de su sitio. Los objetivos específicos dependen de la audiencia del sitio y de su organización.

Además, deberás definir los objetivos de Usabilidad del sitio. De acuerdo con sus objetivos generales, su recurso debe ser eficaz de usar, fácil de aprender y fácil de recordar en visitas repetidas. También debe satisfacer al usuario.

Cada objetivo de usabilidad es importante para la mayoría de los sitios web, pero es posible que desees considerar otros para diferentes audiencias y situaciones. Se sabe que el diseño se basa en las necesidades de las personas, por lo que es necesario recopilar información no sólo sobre ellas, sino también sobre hasta qué punto el sitio existente las satisface. Existen varios métodos para recopilar datos, que incluyen registros del servidor, formularios de comentarios y pruebas de usabilidad de un sitio web existente.

Es más fácil para las personas interactuar con un ejemplo real que especular sobre qué funcionará mejor. Siempre se pueden obtener resultados útiles utilizando un prototipo de sitio web que tenga un mínimo de contenido y ningún gráfico. Un prototipo tan básico es adecuado para la primera ronda de pruebas.

Sólo se debe publicar el contenido que sea necesario para los usuarios del sitio. Si tiene una montaña de información, elija aquella que sea útil y agradable para su audiencia. Toda la información debe dividirse en pequeños fragmentos con subtítulos, ya que las personas quieren leer rápidamente lo que les interesa. Debe eliminar palabras innecesarias del texto, utilizar tablas y listas.

A continuación, se lleva a cabo un proceso interactivo: las pruebas de usabilidad, sobre las que escribimos anteriormente. A veces es necesario probar una interfaz que ya ha sido diseñada de acuerdo con todas las reglas. Por cierto, los grupos focales son la forma más accesible de realizar un análisis "por cuenta propia".

Componentes

Entonces, utilizando las reglas y el principio de Usabilidad, puedes crear un recurso del que estarás orgulloso. La presencia de este sorprendente artículo es un signo cualitativo que determina hasta qué punto es fácil de usar. La palabra "usabilidad" también se refiere a un conjunto de técnicas que mejoran un sitio web durante su creación.

La usabilidad tiene cinco componentes cuantitativos:

• Eficiencia: después de presentar el diseño a los usuarios, ¿con qué rapidez completarán la misma tarea?
• Capacidad de aprendizaje: ¿Con qué facilidad las personas pueden realizar tareas básicas cuando utilizan una interfaz desconocida por primera vez?
• Errores: ¿cuántos errores comete una persona, qué tan graves son? ¿Puede corregirlos fácilmente?
• Memorabilidad: si el usuario regresa a la interfaz después de un cierto período de tiempo, ¿podrá recuperar sus habilidades para usarla?
• Satisfacción: ¿hasta qué punto una persona se siente satisfecha al utilizar esta interfaz?

Además de la “Usabilidad”, existen muchas otras características importantes de calidad del diseño. Uno de los claves es la utilidad. Este atributo describe la funcionalidad de una solución técnica y determina la utilidad de la interfaz para los usuarios. La usabilidad y la practicidad son igualmente importantes: ¿por qué utilizar un programa conveniente si no da el resultado que necesita? Un programa que hipotéticamente funciona como usted necesita, pero no le gusta su compleja interfaz, también se considera malo. Para analizar la utilidad de un proyecto se pueden utilizar las mismas herramientas que cuando se estudia la calidad de su “Usabilidad”.

En la Web, la “usabilidad” se considera una condición necesaria para la supervivencia. Si es difícil trabajar con el sitio, los visitantes lo abandonarán muy rápidamente. Si la página de inicio de un sitio web no indica clara y claramente qué hace la empresa y qué tareas le permite realizar el recurso, los usuarios buscarán otro sitio web. Las personas también lo abandonarán si el sitio es confuso, tiene información difícil de entender y no responde a sus preguntas clave.

No existen visitantes que dediquen su tiempo a dominar la interfaz del sitio o estudien detenidamente las instrucciones para trabajar con él. Hay muchos otros recursos en la Web, por lo que si un visitante encuentra un problema, lo perderá.

Del autor: Hoy tenemos un tema muy importante: los principios y reglas de usabilidad de un sitio web. Se han escrito muchos libros y artículos sobre esto. Las mentes más brillantes de la humanidad han desarrollado sus propias fórmulas para facilitar el uso de un sitio web. Al parecer, ¿cómo se puede complacer a todos los usuarios de Internet, porque son tan diferentes? Pero, como muestran las investigaciones, existen ciertos patrones de comportamiento de los usuarios en el sitio que deben tenerse en cuenta al desarrollarlo. Eso sí, si el objetivo del recurso es atraer tráfico y obtener beneficios, y no intimidar con colores ácidos, pancartas parpadeantes (o mejor aún, con sonido) y navegación misteriosa.

Principios de usabilidad de la interfaz.

El principio más importante que debería correr como un hilo rojo a lo largo de toda la interfaz es: "cuanto más simple, mejor". Su significado es que el uso de técnicas estándar para diseñar páginas web hace la vida mucho más fácil para el usuario.

Después de todo, si ya ha visto en algún lugar una navegación similar, la ubicación de los botones y los elementos del menú, sabrá cómo usarlos todos. Esto significa que se sentirán seguros en su sitio. Por conveniencia, dividí los principios restantes de usabilidad de un sitio web en varios grupos semánticos.

Principio 1: Navegación. Menú horizontal y vertical.

La base de la usabilidad de un sitio web es una navegación cómoda y clara. El menú horizontal debe contener las secciones principales y el menú vertical debe contener secciones adicionales. Recientemente, me encuentro cada vez con más frecuencia con sitios sin menú vertical, es decir, simplificados al límite. Pero esto depende de las características del recurso y del contenido publicado en él.

Si, después de deshacerse del menú vertical, obtiene uno horizontal complejo y confuso, entonces es mejor abstenerse de esta técnica. Además, tiene sentido duplicar el menú principal en el pie de página. Si su sitio tiene una estructura compleja, cree una página separada para él, donde, en forma de lista intuitiva en forma de árbol, muestre una lista de todas las categorías y subcategorías.

Principio 2: Sin errores.

Probando y probando de nuevo. Cada día. Sin fines de semana ni festivos. El sitio debe funcionar correctamente, porque cada segundo de funcionamiento incorrecto, cada enlace que lleva a ninguna parte o botón a una página inexistente le costará visitantes y clientes. Nadie se quedará en un sitio que no funciona. Y no olvide diseñar la página 404 al estilo de su recurso web.

Principio 3. Diseño correcto de la cabecera del sitio.

Es en la parte superior del sitio donde la gente mira con mayor frecuencia y durante más tiempo. Algunas personas incluso son demasiado vagas para desplazarse hacia abajo en la página. Lo confieso, yo también pertenezco a este grupo de usuarios. Si el encabezado no contiene la información que necesito (menú, información de contacto, números de teléfono, etc.), es poco probable que pierda el tiempo buscándolo. En general, comprenderá: en el encabezado colocamos todos los datos sobre los que nos gustaría llamar la atención de los clientes, en primer lugar.

Principio 4. Espacio libre.

Probablemente se haya encontrado con sitios donde cada centímetro extra estaba "tapado" con algo: algún tipo de pancartas, íconos, botones, animaciones. Texto aburrido, mucha información innecesaria, brrrr. Estos sitios deberían arder en un infierno especial para aquellos que no conocen los principios de usabilidad y la psicología de la percepción.

Los verdaderos maestros del diseño web siempre dejarán espacio libre en el sitio y formatearán el texto con interlineado normal, para que el usuario pueda respirar mejor y la información se perciba de manera fácil y accesible.

Principio 5. Texto de calidad.

La calidad del texto incluye no sólo su componente semántico y la ausencia de errores, sino también su correcto formato. Ya mencioné el interlineado; solo queda hablar de técnicas que pueden ayudarte a atraer más atención a tu contenido. Este:

presencia de títulos y subtítulos;

resaltar palabras clave e información importante (en negrita, notas a pie de página, viñetas, etc.);

Tendencias y enfoques modernos en el desarrollo web.

Aprenda el algoritmo para un rápido crecimiento desde cero en la creación de sitios web

uso de listas numeradas y con viñetas;

dividir el texto en párrafos que constan de 3 a 4 oraciones.

Principio 6. Búsqueda de sitios.

Parecería que ya está claro que un recurso web debe tener una búsqueda interna. Pero no, muy a menudo hay sitios en los que no hay ni un atisbo de este elemento tan importante de usabilidad. Pero la mayoría de los usuarios llegan a un sitio web con un objetivo claro: encontrar información rápidamente.

Al crear una barra de búsqueda y un filtro, hará felices a usted y a sus clientes potenciales. Encontrarán lo que necesitan, usted aumentará su conversión y, tal vez, conseguirá un cliente habitual.

Principio 7. Velocidad de carga.

Continuando con el requisito anterior de usabilidad del sitio web: las personas son muy impacientes, acuden a Internet en busca de información y quieren obtenerla lo más rápido posible. Según una investigación de Nielsen Norman Group, los usuarios pasan una media de 27 segundos en una página web y rara vez llegan al final. Esto sucede porque hay mucha información basura e inútil en Internet: si la gente estudiara cada recurso en detalle, se volvería loca.

Por lo tanto, sólo tienes unos segundos para contarle al visitante sobre ti, interesarlo y animarlo a tomar más medidas. Y si la mayor parte de este tiempo que se le asigna lo ocupa cargando el sitio, entonces prácticamente no tiene posibilidades de atraer a un cliente potencial: simplemente irá a otro sitio. De esta cuestión, cómo atraer y retener a un visitante, se trata la usabilidad.

Acerca de la usabilidad" url="http://marketnotes.ru/about-usability/usability-principls/">

Mientras leía sobre métodos heurísticos para evaluar el diseño y la usabilidad, noté que todos se refieren a algunos principios de usabilidad generalmente aceptados, sin embargo, nadie escribe cuáles. Hay dos opciones: o son tan claros y naturales que ni siquiera vale la pena hablar de ellos, o nadie sabe realmente cuáles son estos principios. Después de analizar los artículos que enlazan con ellos y pensar en ambos motores de búsqueda, llegué a una conclusión decepcionante: nadie sabe realmente nada y todos los artículos son copias inexactas de uno de los artículos de Jacob Nelson. Algunos incluso dejaron un enlace a estos principios generalmente aceptados.

Lamentablemente, no encontré ni un solo artículo en ruso (o ucraniano) donde los revelaran. Por eso, decidí que valía la pena traducir y descifrar un poco estos mismos principios.

Entonces, 10 principios de usabilidad generalmente aceptados. Veámoslos con más detalle.

1. Visibilidad del estado del sistema.

Este principio significa que el usuario SIEMPRE debe saber qué está sucediendo y en qué punto del camino se detuvo. Si se trata de un registro complejo, indique que este es el paso 2 de 3. Si se está descargando algo o se está ejecutando algún script, muestre el % procesado. Etc.

Un ejemplo simple: estoy seguro de que todos se han encontrado con una situación en la que hicieron clic en algún ícono, pero no sucedió nada. A juzgar por lo activamente que gira el tornillo y el monitor parpadea, algo todavía está sucediendo y, después de unos minutos, se abre una ventana del programa, por ejemplo (todavía abro IE de esta manera). Qué hacer en Internet cuando todo no está cargado en su computadora, sino en un servidor en otro país. La mayoría de los usuarios simplemente hacen clic en el botón "enviar" varias veces, cargan los mismos archivos varias veces, etc. Y todo porque no existe ninguna conexión entre el usuario y el sistema.

Se debe tener cuidado para garantizar que el sistema siempre responda de forma clara e inequívoca a las acciones del usuario. Existe ese momento: entre la acción y la reacción debe transcurrir como máximo 1 segundo; esto no es una peculiaridad de los expertos en usabilidad. Se ha comprobado científicamente que este es precisamente el momento en que nuestro cerebro mantiene una relación causa-efecto, como por ejemplo hecho-recibido. Si la reacción a su acción ocurre más de un segundo después, el cerebro la percibe como una acción separada, sólo lejanamente relacionada con la anterior.

Y una cifra límite más: 10 segundos. El usuario debe obtener lo que desea dentro de los 10 segundos posteriores a su acción (por ejemplo, mientras ve los resultados de la búsqueda, el usuario abrió la ventana 5. Luego revisa rápidamente cada uno de ellos. Si después de abrir la ventana dentro de los 10 segundos no lo hizo regresa allí, considéralo perdido).

(No revisé los números ni los inventé, fueron tomados de un libro).

(este es un ejemplo de Contacto. Al subir fotos ves el proceso y estimas cuánto tiempo queda de espera).

El siguiente principio nos dice que su sitio web debe estar diseñado para una audiencia específica y debe comunicarse con ellos en su idioma, utilizando sus designaciones y nivel de preparación.

Hace apenas un par de días miré dos sitios web relacionados con la informática con una estructura y un diseño bastante similares. ¡PERO! Uno estaba dedicado a las peculiaridades de la configuración del sistema operativo y el segundo a cursos de informática para principiantes.
Como comprenderá, se trata de dos audiencias completamente diferentes, y la frase "haga clic en la línea 35 del registro" será más que comprensible para la audiencia del primer sitio, pero sorprenderá al 99% de los usuarios del segundo sitio.

Por lo tanto, tenga siempre en cuenta a su audiencia y cree siempre un sitio web para ellos. Esto se aplica no solo a los textos, sino también a la estructura, ayuda, diseño, percepción visual de la información, etc.

(A primera vista queda claro a quién está dirigida la información de este sitio. Un principiante ni siquiera leerá lo que hay allí. Sólo por el diseño queda claro que es para programadores).

3. Control del usuario (libertad de elección)

El usuario siempre debe tener el control de la situación, por así decirlo, mantener el dedo en el pulso (o al menos debería tener esa impresión). ¿Qué significa esto en la práctica? Por ejemplo, al completar un formulario, debe haber un botón "borrar formulario". Si el formulario contiene varios pasos, el usuario deberá volver al paso anterior, o viceversa, de ser posible saltarse alguno para volver a él más tarde.

Esta situación le dará al usuario la impresión de que él es el “mando”; nadie intenta engañarlo o confundirlo. Y la complejidad de la interfaz a primera vista, con el enfoque correcto, se simplificará. Después de todo, es mucho más fácil para las personas realizar 2-3 acciones simples que una compleja (lo que pasa aquí es que mientras el usuario completa el segundo paso, todavía piensa que puede cancelar el primero, pero ya está pensando sobre el tercero).

(al crear un proyecto en Seolib, ves en qué etapa te encuentras, cuánto queda. También puedes volver al paso anterior o ir más allá omitiendo este).

4. Coherencia y estándares.

Otro principio que parece obvio pero que, lamentablemente, rara vez se utiliza en la práctica. Dime, ¿puedes crear fácilmente un nuevo documento en la interfaz de cualquier programa de Microsoft Office? ¿Guardarlo? ¿Centrar texto? Pero no siempre se trata de operaciones tan sencillas...

El caso es que la campaña de Microsoft respeta este principio en sus productos (aunque a menudo viola muchos otros). En todos sus productos, los mismos íconos están en los mismos lugares y tienen el mismo aspecto.

En Internet ya existen determinadas designaciones y estándares establecidos (por ejemplo, el tipo de carrito, contactos en la esquina superior, etc.). Sin embargo, si miras cuántos tipos diferentes de cestas hay (según Yandex o Google Images), entenderás que un usuario inexperto puede perderse seriamente entre todos estos carritos, cestas electrónicas, bolsos ultramodernos, etc.) .
En cuanto a la coherencia, habiendo elegido un estilo específico, sígalo en todas partes. Esto se aplica a fuentes, imágenes, texto y diseño.

He visto muchas veces cómo el diseño del producto y el diseño de la página diferían en diferentes secciones. Los creadores del sitio consideran que esto es una "característica creativa". Si lo hacen por sí mismos, entonces pueden dejarlo así, pero si lo hacen por el usuario, ¿cómo le explican por qué el diseño de la página al elegir una impresora debe ser tan diferente del diseño? de la página para elegir RAM (dentro de la misma tienda)?

(Como puede ver en este ejemplo, todos los íconos son exactamente iguales en Word, Excel y PP. Cuando domine cualquier producto nuevo de Microsoft, al menos la mitad de las funciones le resultarán inmediatamente claras).

5. Prevención de errores.

Este principio establece que es más fácil prevenir un error que corregirlo. Siempre que pueda simplificar la elección y eliminar acciones aleatorias e innecesarias, debe eliminarlas.
En la práctica, esto podría ser: una pista al ingresar algo desde el teclado (ciudad/país, por ejemplo).

Esto también se aplica a los botones. Por ejemplo, ACCEPT suele ser más grande y más brillante que Clear Form. Si sabe algo sobre la información que se ingresa, infórmeselo al usuario (formato de teléfono o código de región), etc.

(en este caso, el usuario no puede ir más lejos hasta que comprenda estas configuraciones y seleccione al menos una opción para analizar el sitio. Esto es mucho más conveniente que decirle al usuario algo como "seleccione al menos una opción, o los parámetros están configurados". incorrectamente.)

Haga la vida del usuario lo más fácil posible, bríndele pistas, recuerde la información que ingresó anteriormente (no solo en la página anterior, sino también de sus visitas anteriores al sitio).
Por ejemplo, si vuelve a tener un formulario de registro de varios pasos, muéstrele los campos ya completados si es posible que los necesite en el futuro.

Además, intente minimizar la cantidad de campos de texto donde el usuario debe ingresar algo por sí mismo. Dale opciones (pistas) para que pueda elegir entre las opciones ya disponibles.

(Aparece una pista de región cuando ingresa al menos una letra. Y si el usuario no sabe cómo escribir la ciudad correctamente, simplemente hace clic en una de las opciones propuestas).

7. Flexibilidad y eficiencia de uso.

Uno de los mayores problemas es ¿cómo combinar la simplicidad de la interfaz y su funcionalidad? ¿Cómo hacer que la misma interfaz sea clara y conveniente tanto para un usuario profesional como para un principiante?

Este principio establece que la interfaz debe ser flexible, personalizable y adaptada al público predominante. Céntrese en la simplicidad para el usuario medio. Los elementos para usuarios avanzados se pueden hacer mucho más pequeños y colocarse en partes menos visibles de la pantalla, porque los encontrará en todas partes.

Un ejemplo sorprendente es el mapa del sitio. Acepte que un principiante no irá allí en absoluto, pero un usuario experimentado encontrará este "mapa del sitio" en letra pequeña en la parte inferior de la pantalla, o un pequeño ícono en algún lugar al costado.
Otro ejemplo son los que hacen clic/escriben. Aquellos. Se puede acceder a cada página desde el menú haciendo clic en la navegación o buscando en el sitio. Ambas opciones deben apoyarse y, en última instancia, conducir al mismo resultado.

(Vemos una búsqueda simple para la mayoría de los usuarios, así como una avanzada para los avanzados. Al mismo tiempo, las funciones de búsqueda avanzada están bastante ocultas y solo un usuario experimentado puede encontrarlas, es decir, de hecho, solo el quién lo necesita).

8. Diseño estético y minimalista

Este principio establece que la interfaz no debe contener información que el usuario no necesite o que pueda necesitar en casos excepcionales. Lo mismo ocurre en los formularios: no debes pedir al usuario información que no necesita, o que necesita en algunos casos excepcionales.

Desafortunadamente, casi nadie utiliza este principio. En el 90% de los casos, al registrarse se le solicita el número de teléfono de casa, el número de teléfono móvil, la dirección y el correo electrónico e incluso la fecha de nacimiento. Y todo para felicitarte por el nuevo año y tu cumpleaños.

Puede aclarar toda la información adicional más adelante, si es necesario. E inicialmente, al registrarse, por ejemplo, o al realizar un pedido, solicite solo la información que realmente necesita.

De la misma forma, en un sitio web (o en un programa, estos principios son universales), no se debe mostrar al usuario información que algún día pueda necesitar. Por ejemplo, tomemos el mismo Microsoft Word. Dígame, ¿con qué frecuencia utiliza la función “navegador” o la inserción de fecha y hora? Y aún así, estos botones siempre están visibles en la barra de herramientas (dependiendo de la versión, los botones pueden ser diferentes, pero estoy seguro de que si los miras encontrarás al menos el 40% de los iconos que NUNCA has usado). , y ni siquiera sé lo que hacen).

(aquí hay un ejemplo típico. Al registrarme, Ozon me pidió mi nombre y apellido. Al mismo tiempo, el único lugar donde se usa mi nombre es el encabezado de la carta. Nunca he visto mi apellido usado en Y la pregunta es: ¿por qué necesitan estos datos? Después de todo, hay un apodo. Es decir, la forma se puede reducir a la mitad fácilmente...).

9. Ayude al usuario a comprender y corregir el error.

¿Dime qué significa el error de la base de datos en la línea 433? ¿O errores largos y espeluznantes en la línea de memoria LXR-XXX-5438645?
Todos estos mensajes del sistema deben almacenarse en registros para el administrador del sitio/sistema. Escriba al usuario en lenguaje normal cuál es exactamente el error. Además, al usuario sólo le interesa esencialmente una cosa: ¿es culpa suya o del sistema? ¿Y hay algo que se pueda hacer?

Estoy seguro de que se ha encontrado con la situación en la que completa un formulario, hace clic en enviar y, en respuesta, obtiene algún tipo de error en la base de datos. Y te sientas y sufres dos preguntas principales: ¿quién tiene la culpa y qué hacer? ¿Se ha ido la forma? En caso afirmativo, ¿es esta toda la información? ¿O intentar enviar de nuevo?

Sin embargo, errores tan graves son cada vez menos comunes. Pero la otra opción es aún más exasperante: completa un formulario bastante largo, hace clic en enviar y ve una inscripción roja (o una ventana emergente); completa con cuidado todos los campos marcados con un asterisco.
Y de nuevo te sientas y piensas: ¿qué campos? ¿Qué asterisco? Parece que llené todo, lo miré con atención... y luego resulta que el número de teléfono debería estar escrito ahí con espacios, no con un guión.

Le ofrecemos una traducción de un artículo sobre las reglas y principios básicos sobre los que se construye la usabilidad, publicado en el blog SmashingMagazine (con nuestras adiciones y comentarios, además).

Cuando se trata de crear un proyecto web, todo desarrollador que se respete a sí mismo y a sus clientes actúa desde la sinergia de su propia visión y las opiniones de los clientes en un único producto de alta calidad. Lo más difícil de todo esto es corregir las ideas erróneas y las propuestas fallidas que vienen del exterior. Para que esto sea posible, debes transmitir claramente tu propio punto de vista, respaldado tanto por principios fundamentales de usabilidad como por recomendaciones basadas en tu propia experiencia.

Es por eso que en este artículo se analizan las reglas, principios y recomendaciones más básicas en materia de usabilidad.

regla de 2 segundos

Una de las reglas más básicas de usabilidad. El usuario no esperará más de dos segundos una respuesta del sistema. El valor "2" en sí fue elegido arbitrariamente, sin embargo, en el proceso de monitorear la velocidad de carga de las páginas del sitio, pudo defenderse.

En general, cuanto más lenta sea la velocidad de carga de la página, mejor. Esto se aplica a proyectos de cualquier complejidad. Después de todo, siempre existe la oportunidad de competir por una fracción de segundo extra. Quién sabe, tal vez ayuden a su visitante a ver su oferta.

Regla 7±2

Esta regla fue propuesta por George Miller, quien realizó una investigación sobre el cerebro humano, es decir, sobre su capacidad para percibir y procesar la información entrante. Entonces, como resultado, se obtuvieron resultados que indican que la memoria a corto plazo es capaz de contener de 5 a 9 entidades.

Integrando los resultados obtenidos en el campo de la creación de sitios web, podemos hablar de los valores máximos para el número de elementos en el menú de navegación. Al mismo tiempo, muchos webmasters argumentan que no debería haber más de 7 elementos de este tipo. A su vez, existe un punto de vista alternativo, que sugiere que esta afirmación no es cierta para todos los proyectos (grandes portales y tiendas en línea). Si hablamos de, digamos, un sitio normal, entonces la regla puede considerarse bastante viable.

regla de 3 clics

Mucha gente conoce esta regla. Quizás sea el más extendido. Su esencia es que el usuario, habiendo llegado a la página principal del sitio en busca de información, no debe hacer más de 3 clics y llegar al contenido deseado.

En términos humanos, la navegación debe ser sencilla y sin complicaciones, para que el usuario pueda encontrar lo que busca en el menor tiempo posible.

Esta regla no es oficial, sino condicional. Para la mayoría de los sitios tiene sentido.

Para algunos recursos, la comprensibilidad del sistema está garantizada por, por ejemplo, 10 transiciones. Lo principal es que el usuario se sienta cómodo y comprenda claramente en qué dirección debe moverse.

Regla de Pareto o principio 80/20

El caso es que El 20% de las acciones del usuario resultan en el 80% del efecto total. . Esta regla proviene del sector empresarial, donde “el 20% de los clientes representan el 80% de las ventas de la empresa”. Al mismo tiempo, en el ámbito de la usabilidad y el comercio electrónico, esta regla no es menos relevante. Debe identificar este 20% de su audiencia y prestar más atención a sus necesidades, creando para ellos las condiciones más cómodas para trabajar con el sitio.

Seis reglas desde la perspectiva del desarrollo de diseño de aplicaciones y sitios web

Ben Shneiderman realizó una investigación destinada a estudiar las interacciones entre humanos y computadoras. Como resultado, sobre su base, se formularon los principios fundamentales del desarrollo del diseño:

• La ubicación lógica y presencia de cada elemento;
• Los usuarios se dividen en ordinarios y avanzados. Para el segundo grupo, es necesario crear oportunidades para un trabajo más rápido: funciones especiales (por ejemplo, la introducción de canales RSS), teclas de acceso rápido, abreviaturas, etc.
• Un visitante de un sitio web o de una aplicación debe estar seguro de que todas las interacciones entre él y su producto están bajo su total control;
• Trate de no sobrecargar la memoria a corto plazo de los usuarios;
• A través de tu producto entras en una especie de diálogo con tu visitante. Este diálogo debe ser completo;
• Proporcione comentarios informativos y de fácil acceso.

pirámide invertida

pirámide invertida- un estilo de escritura que pone en primer plano la idea principal y se puede leer desde el principio del artículo. Esencialmente, el artículo comenzará con una conclusión, y a ésta, a su vez, le seguirán los puntos clave principales. La información menos importante debe presentarse al final del artículo.

La aparición de este estilo de presentación se explica por el hecho de que en el dinámico mundo de Internet, los usuarios quieren encontrar respuestas en el menor tiempo posible. Además, si un visitante se interesa inmediatamente por el contenido de un artículo, es más probable que termine de leerlo.

Satisfacción subjetiva

Al evaluar las acciones de los usuarios, se puede observar que, por regla general, no eligen el camino más óptimo, sino el más aceptable. Aquellos. en busca de una solución, pueden conformarse con la respuesta más rápida y lejos de ser la mejor.

El usuario medio buscará una solución que satisfaga sus necesidades primarias de información para una solicitud específica, y no buscará soluciones alternativas que potencialmente puedan cubrir cuestiones relacionadas y proporcionarle información durante un período de tiempo más largo.

En conclusión

Por lo tanto, basándose en la información presentada anteriormente, puede formarse una idea básica sobre los principios, recomendaciones y reglas básicas de usabilidad, tanto públicas como tácitas.

Es importante entender que el usuario no quiere pensar. No quiere pensar en cómo realizar tal o cual acción en el sitio. Por lo tanto, concéntrese en la facilidad de implementación y en las cosas intuitivas que serán una especie de indicadores en el camino del visitante hacia la meta.

Si tienes algún añadido a lo presentado, recomendaciones o comentarios, te agradeceremos que los compartas con nosotros en los comentarios.