Por qué la consistencia es la fuerza más fuerte en el diseño web

Desea crear una fuerte presencia de marca. Tiene su logotipo, ha elegido la fuente y ha seleccionado una fuerte paleta de colores para representar su marca. Pero, ¿cómo se asegura de haber usado constantemente elementos de marca y otras opciones estilísticas en su sitio de WordPress? Tal vez confíe en múltiples rondas de control de calidad al final del desarrollo para consultar el sitio web de coherencia. Pero, ¿qué viste en tu sitio? ¿Unas pocas semanas? ¿Meses? Estoy seguro de que tus ojos y cerebro están cansados ​​hasta ahora. Incluso si algo ha sucedido tan sutil como un desajuste de fuentes, hay altas posibilidades de no entenderlo a menos que se haya acercado a QA con un nuevo ojo y que tenga tiempo para que esté tan cerca de la línea de meta.
Es un acto de equilibrio, seguro. Desea crear un gran sitio y desea hacerlo de la manera más rápida y eficiente posible. Su suposición es que cualquier problema de coherencia se sorprenderá y resolverá antes de que salga el sitio, pero no puede saberlo con certeza. ¿O puedes? Así que hablemos de por qué la consistencia del diseño web es importante y cómo esto (o falta) puede afectar su sitio de WordPress. También incluiré algunas herramientas que puede usar para garantizar que los elementos de su sitio estén diseñados, colocados y escritos constantemente, dejando muy poco error al final del proyecto. Al menos desde el punto de vista de la consistencia.
10 formas en que los problemas de consistencia pueden afectar su diseño web, un diseño hermoso y una interfaz intuitiva contribuyen en gran medida a establecer la confianza de sus visitantes. Pero una vez que haya establecido esta confianza a través de una impresión positiva inicial, debe pensar en lo que puede hacer más para crear condiciones favorables en su sitio. La consistencia ayuda en este sentido. Estas son solo algunas de las razones por las cuales: #1. BrandingPute dice ¿Cuál de los dos nombres en la esquina superior izquierda del sitio es el nombre real de la empresa?

En primer lugar, debe haber una conexión clara entre la URL de su sitio, el nombre, el logotipo y los mensajes. Incluso si el nombre de su empresa no es algo que las personas se asocien inherentemente con lo que venda (una conexión tan clara entre todos los elementos de marca y lo fortalezca. Y nuevamente, para que la conexión finalmente no se vea más que natural en las mentes de sus visitantes.
También argumentaría que la marca clara, bien pensada y cohesiva demuestra a los visitantes que le importan los detalles más pequeños. Después de todo, una desconexión en su marca podría hacer que los visitantes se pregunten si esto es un reflejo de cómo hace negocios. En otras palabras, si no puede hacer tiempo para obtener el IS y ir con su T (no será diligente cuando se trata de ofrecer a sus clientes un producto o servicio de alta calidad. #2. Mensajes Una de las cosas que somos tan conscientes en estos días es que los consumidores quieren sentir que se están conectando con alguien y no algo en línea. Por lo tanto, las marcas que presentan personalidades auténticas en sus sitios web y redes sociales están muy bien. Usando una copia escrita consistentemente, mantendrá a los visitantes bloqueados en la experiencia que su “voz” continúa guiando en el sitio.#3. Navegación
Además de esta configuración de menú de mega confuso, también hay problemas relacionados con el uso inconsistente de iconos en diferentes pestañas.
Puede pensar que la navegación es fácil, porque siempre estará en el mismo lugar y será elegante de la misma manera en cada página. Sin embargo, la consistencia significa más que presentar algo de la misma manera en su sitio. También existe el problema de alinear las expectativas de los visitantes sobre cómo una barra de navegación generalmente debería funcionar con su propia realidad. Claro, puede ser genial colocarlo en la parte inferior de su sitio o usar un símbolo personalizado en lugar del ícono de una hamburguesa, pero eso podría conducir a una confusión y frustración innecesarias.#4. UI/UX están involucrados tanto en el diseño como en el diseño UX. Sin entrar en detalles, solo diré que gran parte de lo que está tratando de lograr diseñadores de UI y UX es una sensación de previsibilidad y comodidad para los usuarios finales. Tome algo tan simple como un botón. Al abordar el diseño de un botón, quiero que muestre de hecho que puede hacer clic y poder reconocer, y quieren que todos los botones de su sitio se vean lo mismo. El propósito, con él y con otros trucos de diseño y diseño de UX, eventualmente elimina la fricción de la experiencia en el sitio. Sin frotar, distracciones o apesta en el camino, es más fácil guiar a los visitantes al objetivo final (es decir, conversión).

#5. Imágenes
Según las fotos solo en este sitio web, ¿al menos puede decir qué hace la empresa para vivir? Tienes una oportunidad 50/50 de hacerlo bien.
Una de las cosas que recuerdo que muchos de mis clientes estaban luchando era el proceso de selección de imágenes. Hubiera sido momentos en que recibiera un conjunto de imágenes que querían usar, pero sería una mezcla total de estilos: una ilustración de dibujos animados de un vendedor, una foto en primer plano de los cables de fibra óptica, una imagen abstracta de automóviles Eso corre a última hora de la noche. Aunque cada uno se conectó de manera que hizo la compañía, no había una historia consistente que contaran (si es que lo es) y no parecían coincidir con un punto de vista estético. Interacciones ¿Cuál es el propósito de su sitio de WordPress? Para determinar los visitantes para interactuar con él, ¿verdad? Desea ver un video, leer otra publicación de blog o completar un formulario para inscribirse en su servicio. En cuanto a las mejores prácticas, cualquier elemento con el que se pueda interactuar corriendo, pasando con el mouse, tacto, etc., debe mostrarse y responder de la misma manera en su sitio. Mejor sensación de control sobre su experiencia porque pueden predecir ¿Qué sucederá cuando tomen cierta acción?
7. Lectura

Ahhh … brutalismo al máximo. Yo tampoco puedo.
A medida que la concentración disminuye y la paciencia disminuye entre nuestros visitantes, el contenido web debe ser más fácil de consumir. Con el uso constante de la tipografía y las etiquetas de encabezado en su texto, los visitantes pueden “aprender” más rápido cómo navegar en una página para llegar a la información que desean. Pueden escanear hasta el siguiente título del encabezado o buscar el texto de texto subrayado para el hipervínculo que necesitan. #8. Pruebas Con el uso constante de elementos de diseño web, sus esfuerzos de prueba A/B serán más eficientes. Es por eso que digo esto: si usa el mismo diseño, forma, tamaño, espacio, etc. para un elemento en particular en una página web, sus pruebas A/B no tendrán que centrarse en las inconsistencias que contribuyen a las conversiones de falta . Además, si descubre que un elemento común que se encuentra en su sitio tiene un mejor rendimiento cuando tiene un color diferente o se coloca en un lugar diferente, esto hará que los ajustes al resto del sitio sean más fáciles de administrar. #9. ritmo
Me gusta el New York Times tanto como la siguiente persona, pero el aspecto en su sitio es horrible. ¡No hay absolutamente ninguna lógica!
Ofrecer su sitio de ritmo y flujo lógico también contribuye a un diseño consistente.Por ejemplo, suponga que ha colocado una imagen de 300 píxeles en el lado izquierdo de una página y la equilibró con una descripción de 50 palabras a la derecha.Bajo esto, ha colocado una descripción de 50 palabras a la izquierda y una imagen de 300 píxeles a la derecha.Y así.Los visitantes podrán comprender que el ritmo predecible, que, a su vez, les ayudará a saber qué esperar a continuación.

10. Factores externos Otra cosa que quiero enfatizar es que la consistencia no siempre está relacionada con lo que ha establecido en su sitio. A veces tiene que ver con las expectativas de los visitantes. Usaré como ejemplo la colocación de la colocación del logotipo de la que Brenda habló aquí. Aunque puede parecer genial poner su logotipo en el lado medio o derecho de su sitio, o incluso hacer que desaparezca en un tiempo, no es lo que los visitantes esperan del sitio, uri en 2017. Puede que no parezca un Gran cosa, pero las desviaciones de las prácticas de diseño más conocidas también podrían afectar el rendimiento de su sitio web. Herramientas para garantizar la coherencia en el diseño web de su sitio de WordPress Como mencioné anteriormente, más rondas de control de calidad al final de un proyecto de diseño web largo no siempre son suficientes para asegurarse de haber mantenido la coherencia por todas partes. Sitio. Es por eso que debe tener un conjunto de herramientas para ayudarlo a mantener su consistencia bajo control mientras trabaja. Esto es lo que recomiendo: #1. WordPress Antes de acceder a cualquier herramienta externa, comience bien en WordPress. Hay un área en particular que lo ayudará a reducir la probabilidad de introducir inconsistencias en su sitio: la herramienta de personalización del tema. Aquí podrá establecer la configuración global para: fuentes
colores

sangría

Animación de menú
Enlace
Y más (depende del tema o del generador de sitios web que use)
#2. Guía estilística
Un ejemplo de guía de estilo gratuito en Behance.
Cada marca, digital u otra, necesita una guía de estilo. Esto define todo directamente para que no haya confusión al crear contenido para su marca. Esto debería incluir: su logotipo (y diferentes variantes)
La paleta de colores que incluye colores primarios y secundarios, colores de texto, colores de iconos y más
Letras de letras; Idealmente, no más de dos o tres fuentes
Imágenes
Iconografía

Texturas y modelos
En lugar de tratar de crear su propia guía de estilo, encuentre la guía de guía de estilo gratuita en sitios web como Behance (como el presentado anteriormente o Dribbble. #3.
Un ejemplo de kit de interfaz de usuario gratuito en dribbble.
Aunque puede confiar en el tema de su sitio para proporcionar el estilo predeterminado de los elementos IU, la mayoría de ustedes probablemente preferirán personalizarlos para que coincidan con el aspecto de su marca. Sin embargo, crearlos desde cero, requiere tiempo y no puede Sea algo que se sienta cómodo para hacer solo. Los kits de IU prefabricados son útiles aquí. Estos generalmente incluyen cosas como paletas de colores, botones, widgets, campos de forma, sábanas y modelos. Al igual que con la guía de estilo, debería poder encontrar un kit de interfaz de usuario gratuito (como arriba) que funcionaría bien para el diseño de su sitio 4. Machete y machete
Te digo que todo se trata de cuadrículas. No te decepcionarán.
El proceso de cada diseñador web diferirá en términos de cuánta planificación y boceto de un sitio se debe hacer antes de crear un diseño real. Dicho esto, encuentro que los marcos alámbricos y los modelos brutos, especialmente aquellos basados ​​en la red, son útiles para identificar problemas relacionados con la alineación incorrecta, el tamaño incorrecto, el espaciado inconsistente, etc. Cuando tiene una página web completamente diseñada frente a usted, es fácil distraerse con lo hermoso que se ve o todas las cosas interesantes que hace. Esta es la razón por la cual las fases de planificación anteriores son un buen lugar para eliminar posibles inconsistencias desde el principio. Personalmente, creo que Adobe Illustrator es la mejor herramienta basada en la cuadrícula. Sin embargo, si no usa Adobe y no desea pagar el dinero por ello, puede encontrar una red en línea gratuita o puede usar Wireframe.cc. #5. Complementos y finalmente alcanzar los complementos. Me doy cuenta de que esta es una recomendación de herramienta muy genérica, pero usted comprende, usted comprende, los complementos hacen un gran trabajo al brindarle elementos de diseño consistentes para trabajar. Piense en algo como una ventana emergente. En lugar de tratar de codificar sus propias ventanas emergentes en la parte posterior y arriesgarse a usar diferentes colores, fuentes o redes emergentes, el complemento asegura que se vea y actúe como cada vez. Si está buscando una fuente de complemento de confianza para ayudarlo a eliminar los supuestos de su consistencia de diseño, comience con la colección de complementos WPMU Dev WordPress. La conclusión de Oscar Wilde dijo una vez:
“La consistencia es el signo distintivo de la falta de imaginación”.Ahora, odio no estar de acuerdo con el Sr. Wilde, porque soy un gran admirador de su escritura, pero en este caso, tengo que hacerlo.Aunque entiendo por qué algunas personas confundirían la “coherencia” con la idea de la creatividad ahogada, no creo que sea así.Creo que la consistencia es lo que permite a los diseñadores web, desarrolladores e incluso escritores tener más tiempo para ser más creativos.Al infundir su sitio, sus elementos de diseño idénticos, un ritmo de contenido predecible, así como una interfaz lógica, les dará a los visitantes un marco familiar a través del cual pueden navegar.Esto le da tiempo para sorprenderlos con delicias inesperadas, como ventanas emergentes y animaciones. ¿Cuál es la peor inconsistencia que descubrió mucho después de que se haya lanzado uno de sus sitios web?
Etiquetas:
diseño

consistencia