10 reglas a seguir al crear un sitio web

Aquí hay 10 reglas a seguir al crear un sitio web. No es el diseño visual del sitio web lo que determina si tiene éxito o no, sino la facilidad de uso y la utilidad del sitio web. Como resultado, el diseño centrado en el usuario se ha convertido en una técnica estándar para diseño de sitios web exitosos y rentables.

Como resultado, todo lo decide el visitante. Si las personas no pueden aprovechar una función, es posible que la función no exista en absoluto.

No entraremos en los detalles de implementación del diseño (como dónde colocar el cuadro de búsqueda) porque eso ya se ha tratado en varios otros artículos.

En su lugar, nos concentraremos en los principios básicos, la heurística y los enfoques para un diseño web efectivo. Cuando se usan correctamente, los enfoques pueden conducir a decisiones de diseño más complejas y simplificar el proceso de percepción de la información presentada. Consulte las 10 reglas básicas a seguir al crear un sitio web.

1 – Evita poner un esfuerzo mental innecesario en el usuario

La primera ley de usabilidad, propuesta por Krug, establece que la página web en cuestión debe ser intuitiva y comprensible.

Al desarrollar un sitio web, debe eliminar todas las preguntas abiertas que representan las elecciones que los visitantes tendrán que hacer después de sopesar cuidadosamente los pros, los contras y las opciones disponibles.

Si la navegación y la arquitectura del sitio no son intuitivas, los usuarios tendrán dificultades para entender cómo funciona el sistema y cómo llegar del punto A al punto B. Además, esto generará un mayor número de signos de interrogación. Por otro lado, los usuarios pueden encontrar el camino hacia su objetivo es más fácil si la estructura es clara, hay algunas señales visuales y las conexiones son fáciles de reconocer.

Veamos una ilustración, ¿de acuerdo, cuando creamos un sitio web?

El sitio web beyondis.co.uk afirma audazmente que está "más allá de los canales, los artículos y la distribución". Entonces, ¿qué significa exactamente?

Es probable que estas tres declaraciones sean lo primero que los espectadores vean en la página después de que se cargue por completo. Además, esto se debe a que los usuarios suelen navegar por las páginas web utilizando el patrón "F".

Aunque el diseño sea claro, el usuario tiene que buscar la solución para entender la página.

Así es como se ve un signo de interrogación innecesario. Por lo tanto, es responsabilidad del diseñador asegurarse de que el número de signos de interrogación sea lo más cercano posible a cero.

El lado derecho contiene la explicación visual que se proporciona. El simple hecho de cambiar estos dos bloques hará que el sistema sea más útil.

ExpressionEngine sigue un marco idéntico al de Beyondis, pero no incluye signos de interrogación a menos que sea absolutamente necesario.Además, el eslogan comienza a tener sentido una vez que los clientes pueden probar el servicio de forma gratuita y descargar una versión desbloqueada del software.

Puede facilitar que los visitantes comprendan el concepto detrás del sistema al reducir la cantidad de trabajo mental requerido.

Una vez que haya logrado ese objetivo, podrá explicar por qué el sistema es valioso y cómo los usuarios pueden beneficiarse de su uso. Por ejemplo, si su sitio web es difícil de navegar, las personas no lo usarán y usted perder negocios como resultado.

2 – No malgastes la paciencia de los usuarios

En cada proyecto, tiene la intención de proporcionar a los visitantes de su sitio un servicio o herramienta. Debe tratar de mantener los requisitos del usuario lo más simple posible. Al probar un servicio, es más probable que un visitante ocasional lo pruebe si los usuarios se ven obligados a realizar varias acciones posibles.

Las personas que nunca antes han usado el servicio están más interesadas en experimentar con él que en completar largos formularios web para crear una cuenta que quizás nunca vuelvan a usar.

Permita que los usuarios naveguen por el sitio web y conozcan sus servicios sin solicitarles que revelen información personal. Por ejemplo, parece poco razonable exigir a los usuarios que introduzcan una dirección de correo electrónico antes de permitirles probar el servicio.

3 – Asumir la responsabilidad de llamar la atención de los usuarios

Otra regla a seguir al crear un sitio web es que algunos componentes de la interfaz de usuario llaman más la atención que otros sitios web porque proporcionan material estático y dinámico. Por ejemplo, las imágenes son más atractivas a la vista que el texto; Similarmente. Y también, las oraciones en negrita se destacan más que las que están escritas en letra normal.

Los usuarios de Internet pueden distinguir rápidamente los bordes, los patrones y el movimiento debido a la naturaleza altamente no lineal del ojo humano.

Debido a esto, los anuncios de video son increíblemente molestos e intrusivos, pero desde el punto de vista del marketing, hacen un excelente trabajo para captar la atención de los usuarios y cumplir su propósito de esa manera.

El concepto de atención es realizado sin problemas en Humanizado. La palabra "gratis" es el único componente que es directamente visible para los usuarios. Funciona de forma atractiva y tentadora, a la vez que serena y proporciona información en su forma más pura.

Los consejos sutiles brindan a los usuarios suficiente información para aprender sobre un producto "gratuito".

Al dirigir la atención de los usuarios a ciertas secciones del sitio web y al uso limitado de componentes visuales, puede ayudar a los visitantes de su sitio a pasar del punto A al punto B sin pensar en cómo debería funcionar el proceso.

Los visitantes tendrán un mejor sentido de orientación y podrán crear un mayor nivel de confianza en la organización que representa el sitio web si hay menos signos de interrogación.

En otras palabras, la experiencia del usuario mejorará si hay menos pensamientos detrás de escena. Por lo tanto, este debería ser el enfoque principal de los esfuerzos de usabilidad en primer lugar.

4 – Apunta a aparecer en las publicaciones

Otra regla general cuando se crea un sitio web es que es una práctica común criticar el diseño en línea moderno por la forma en que guía a los usuarios a través de pasos estéticamente agradables de "1-2-3 hechos". Botones enormes con efectos visuales y otros elementos de diseño de esta naturaleza.

Sin embargo, desde una perspectiva de diseño, estos componentes no siempre son algo negativo.

Por otro lado, al crear un sitio web, estas reglas son increíblemente efectivas ya que guían a los visitantes del sitio a través de los materiales del sitio web de una manera muy clara y fácil de usar.

Uno de los aspectos más importantes de un buen diseño de interfaz de usuario es facilitar que los usuarios comprendan las funciones disponibles. No me importa cómo se logra ese objetivo.

Lo que realmente importa es que el contenido sea fácilmente digerible y que los usuarios tengan una experiencia positiva con la forma en que el sistema les permite interactuar con él.

5 – Usa métodos de escritura efectivos

Es vital cambiar el estilo de escritura de acuerdo a los gustos y patrones de navegación de los usuarios, ya que el formato web es diferente al impreso.

No leerá el texto promocional. Los bloques de texto largos que no lo contienen no mostrarán imágenes o palabras clave especificadas en negrita o cursiva. Y no tolerarán el uso de lenguaje hiperbólico.

Hablar de negocios.

Al crear un sitio web, una buena regla general es evitar nombres pegadizos o graciosos, nombres que sean de marketing, nombres específicos de la empresa y nombres técnicos inusuales.

Por ejemplo, si desea que los usuarios creen cuentas. Y estás describiendo un servicio. La frase "regístrate" es preferible a "¡comienza ahora!". Lo que a su vez es preferible a la frase "consulta nuestras ofertas".

Una forma efectiva de mejorar su escritura es:

  • Use oraciones que sean cortas y al punto (vaya al punto lo más rápido posible),
  • Use diseños de búsqueda (categorice el contenido, use encabezados de varios niveles. Use elementos visuales y listas con viñetas que dividan el flujo de bloques coherentes de texto),
  • Utilice un lenguaje inequívoco (la promoción no debe parecerse a un anuncio. Proporcione a sus usuarios una justificación objetiva y lógica de por qué deben usar su servicio o continuar visitando su sitio web).

6 – Esforzarse por una fácil comprensión

El diseño del sitio web debe centrarse en la filosofía de "mantenerlo simple" (KIS) como objetivo principal.

Al crear un sitio web, los usuarios visitan un sitio web para no evaluar el diseño casi todo el tiempo. Y en la mayoría de los casos, buscan información a pesar del diseño. Así que mantén las cosas tan claras y sin complicaciones como sea posible.

Texto limpio, libre de anuncios y extras bloques de contenido que coinciden exactamente con la consulta de búsqueda de los visitantes O el contenido que buscaron tiene en cuenta el diseño óptimo para un sitio web desde el punto de vista de los visitantes del sitio.

Una de las razones por las que una versión impresa de páginas web fáciles de usar es vital para una buena experiencia de usuario es esa.

7 – No debes tener miedo a los espacios en blanco

Es muy difícil exagerar la importancia de tener espacios en blanco. Esto no solo sirve para reducir la carga mental que ya tienen los visitantes, sino que también les facilita la comprensión de la información que se muestra en la pantalla.

Y cuando un nuevo visitante llega a un diseño, primero intenta escanear la página y dividir el área de contenido en piezas de información manejables para tener una idea del diseño.

Al crear un sitio web, leer, escanear, analizar y trabajar con estructuras complejas es más difícil. Entonces, si puede separar dos elementos de diseño con una línea o un espacio visible, por lo general es es mejor usar el enfoque de espacio en blanco.

Esto se debe a que las líneas visibles pueden distraer la vista.

La Ley de Simon establece que las estructuras jerárquicas simplifican los sistemas complejos. Por lo tanto, cuanto más efectivamente pueda transmitir un sentido de jerarquía visual a sus visitantes, más simple será su material para que lo entiendan.

Debe haber un espacio en blanco. El sitio web de Cameron.io pone un énfasis significativo en los espacios en blanco como un componente de diseño. El resultado es un formato que es fácil de escanear y que le da al material la posición dominante que se merece.

8 – Puede lograr una comunicación efectiva a través del "Lenguaje Visible" al crear un sitio web

Otra regla a seguir cuando se crea un sitio web es en sus escritos sobre comunicación visual efectiva, Aaron Marcus destaca tres principios fundamentales relacionados con el uso del llamado "lenguaje visible", que se refiere al contenido que los usuarios perciben cuando miran un pantalla.

Organizar significa ofrecer al usuario una estructura conceptual obvia y consistente.Los conceptos de secuencia, diseño de pantalla, enlaces y navegación son todos componentes esenciales de un sistema organizado.

Todos los elementos deben seguir las mismas normas y pautas.

  • Reduzca los costos maximizando la producción y minimizando la cantidad de señales y componentes gráficos que utiliza. La simplicidad, la claridad, el carácter distintivo y el énfasis son los cuatro factores principales a considerar.
  • Solo los componentes vitales para una comunicación efectiva, incluso en diseños simples. La claridad requiere que cada elemento se elabore de modo que no quede lugar a interpretaciones en cuanto a su significado previsto.
  • Distintividad: Las principales cualidades de los componentes requeridos deben ser distinguibles entre sí.Los elementos más importantes deben resaltarse y ser fácilmente perceptibles.
  • Comuníquese ajustando la presentación para que coincida con las capacidades del usuario. Una interfaz de usuario debe lograr un equilibrio saludable entre comprensibilidad, legibilidad, tipografía, simbolismo, diferentes puntos de vista y color o textura para una comunicación efectiva. No use más de tres fuentes diferentes, con no más de tres tamaños de fuente diferentes Y no más de 18 palabras o 50-80 caracteres por línea de texto.

9 – Las convenciones son nuestras amigas a la hora de crear una web

Un sitio web no será automáticamente aburrido solo porque sus partes tengan un diseño convencional, por el contrario, las convenciones son particularmente útiles porque acortan la curva de aprendizaje y eliminan la necesidad de entender cómo funcionan las cosas.

Esto los hace muy valiosos. Por ejemplo, si cada sitio web usara una representación visual clara de las fuentes RSS, sería un dolor de cabeza para los usuarios que intentan navegar por los sitios web. Sin embargo, esto no es tan diferente de nuestra vida diaria, donde tendemos a acostumbrarnos a ideas fundamentales como cómo almacenamos información (en carpetas) o compramos (colocación de productos).

Puedes ganarte la confianza, la confianza y la fiabilidad de los usuarios y demostrar tu reputación participando en convenciones.

Respete las expectativas de los usuarios al comprender lo que esperan de la navegación del sitio web, la estructura del texto, el posicionamiento de búsqueda, etc.

La página está traducida al japonés (asumiendo que los visitantes de su sitio no saben japonés, por ejemplo, usando Babelfish). Y sus probadores de usabilidad tienen la tarea de encontrar algo en la página escrito en un idioma que no sea japonés. Este es un ejemplo de una sesión típica de usabilidad.

Si las convenciones se utilizan correctamente, los usuarios pueden lograr un objetivo no demasiado específico, incluso si no entienden la palabra.

10 – Pruebe todo y hágalo con frecuencia al crear un sitio web

Las pruebas de usabilidad a menudo brindan información importante sobre fallas y desafíos clave asociados con un diseño en particular. Por lo tanto, este llamado principio TETO debe usarse para todos en línea. proyecto de diseño.

Ni demasiado tarde, ni demasiado poco, y tampoco por las razones equivocadas: este es el propósito de su revisión.

En el segundo escenario, es importante tener en cuenta que la mayoría de las decisiones de diseño son locales; esto significa que no puede proporcionar una respuesta definitiva. Qué diseño es mejor que el otro porque hay que analizar la situación desde una perspectiva muy específica (teniendo en cuenta los requisitos, las partes interesadas, el presupuesto, etc.).

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir
error: Content is protected !!