Muestras de diseño de sitios

Tabla de contenido:

Muestras de diseño de sitios
Muestras de diseño de sitios
Anonim

No entremos en números y cálculos, ya que es imposible determinar cuántos sitios ya existen en Internet. Todos los días, miles, si no cientos de miles de sitios fallan y aparecen otros nuevos en su lugar. ¿Cuál es la razón de los fracasos? ¿Por qué la gente va al sitio e inmediatamente lo abandona? La respuesta es simple y está justo frente a tus ojos: este es el diseño del sitio.

Efecto de atracción

De acuerdo, todo el mundo tiene un conjunto de determinados sitios que se visitan día tras día. Estoy seguro de que la mayoría de los marcadores son sitios favoritos con películas, libros, noticias, juegos, etc. ¿Por qué, después de encontrar un sitio, no intentamos encontrar otro similar, que puede ser incluso mejor? ¡La respuesta es simple! Los sitios que marcamos son convenientes de usar; dichos sitios generalmente tienen una disposición conveniente de elementos, categorías y un diseño agradable que no irrita la vista. Este es el "efecto de atracción", visitar un sitio diseñado correctamente una vez, dejándoloya no quiero.

Veamos el ejemplo de los dos sitios de la plataforma comercial:

Sitios de ejemplo
Sitios de ejemplo

Sin lugar a dudas e indiscutiblemente, el sitio número 1 quiere cerrarse lo antes posible, y el sitio número 2, por el contrario, quiere quedarse. ¿Por qué está pasando esto? En el primer sitio, además de un producto ubicado al azar, también hay una sobresaturación de color, lo que no se puede decir del segundo sitio. Hay un proverbio tan maravilloso: "Se encuentran por su ropa, pero los despiden por su mente", también es aplicable a los sitios, solo que en lugar de ropa hay un diseño, y en lugar de una mente hay una estructura de navegación. El visitante, al ingresar al sitio, lo primero que ve es el esquema de colores, y solo entonces presta atención a la navegación interna y la estructura del sitio.

Percepción del color

La regla principal a la hora de elegir colores es no exagerar. A veces, incluso dos o tres colores seleccionados correctamente son más que suficientes, un vívido ejemplo de esto es el sitio fb.ru. Muchos diseñadores web utilizan una tabla de colores "seguros" para diseñar su sitio html.

Tabla de colores seguros
Tabla de colores seguros

Seguro se llama porque todos los colores mostrados aquí serán transmitidos por absolutamente todos los usuarios de la misma manera. Se puede decir que estos colores son el estándar al crear el diseño en el sitio.

Compatibilidad de colores

Cada color tiene su propio color "amigable": este es el color con el que combina mejor. No hay necesidad de reinventar la rueda y experimentar con la selección, todo se ha inventado durante mucho tiempo y es de dominio público. Las ruedas de color se utilizan para seleccionar colores. Itten. La siguiente imagen muestra una rueda de colores para combinar 2 colores coincidentes.

combinación de colores complementarios
combinación de colores complementarios

T. es decir, el color opuesto dentro del círculo se considera el más compatible. Si necesita seleccionar 3 colores coincidentes, también se usa la rueda de colores, solo se cambiará la línea de disposición de colores.

Tríada - una combinación de 3 colores
Tríada - una combinación de 3 colores

Y hay muchos de esos círculos, puedes elegir más colores a juego. Por ejemplo, cuatro.

Tétrada - una combinación de cuatro colores
Tétrada - una combinación de cuatro colores

Seleccionando colores de esta forma a través de los círculos de Itten, se logrará la máxima combinación de colores y se obtendrá un diseño del sitio visualmente agradable. Se pueden encontrar más círculos de color en línea. Desviémonos un poco del tema principal, porque quiero informarles que estas ruedas de color de Itten son utilizadas incluso por diseñadores profesionales del mundo de la moda, es decir, al crear ropa de diseñador, se utiliza este método de combinación de colores.

Estructura interna del sitio

Si más o menos todo quedó claro con la percepción del color, entonces queda un indicador más importante como la estructura interna del sitio o en otras palabras - "usabilidad". No es suficiente elegir los colores correctos en el sitio, como muestra la práctica: en el hermoso diseño del sitio no irá muy lejos. La estructura correcta del sitio es como el marco de una casa, si no se planifica correctamente, será un inconveniente navegar alrededor de él.

Todos los elementos de navegación deben pensarse de antemano y, mejor aún, escribirse. EstructuraEl sitio debe ser, en primer lugar, comprensible y conveniente para los visitantes. Muchos sitios pierden a sus visitantes solo porque estos últimos, al ingresar al sitio, no entienden dónde y qué se encuentra. No hay necesidad de saturar con una gran cantidad de botones y colgar un montón de funciones. Siempre debe mirar a través de los ojos del visitante, si el usuario no necesita alguna función, es mejor eliminarla. Una vez más, un ejemplo claro y correcto del diseño de un sitio web es el sitio web Fb.ru, en el que todas las secciones están ubicadas de una manera comprensible y conveniente para el visitante.

El mayor error

Según el análisis promedio, un usuario que no puede encontrar la sección o información necesaria en el sitio dentro de 15 a 30 segundos cree que esta sección o información no está en el sitio y abandona el recurso. En la mayoría de los casos para siempre. Un excelente ejemplo de un sitio con una navegación terrible:

Mala navegación del sitio
Mala navegación del sitio

¿Crees que es posible encontrar la información necesaria sobre dicho recurso yendo no desde la búsqueda, sino simplemente a la página principal? Creo que no. De nuevo, la saturación de color y la abundancia de una navegación incomprensible, que sume en el estupor y el desconcierto a cualquier visitante. Para evitar tales errores, es necesario agrupar todas las secciones y ponerlas en un menú de navegación separado, que sea comprensible para todos los visitantes.

Formulario de registro

Otro factor importante y aterrador en el sitio es el formulario de registro. Algunos intentan recopilar casi los datos de la tatarabuela en la ventana de registro.

formulario de registro incorrecto
formulario de registro incorrecto

Dichos formularios de registroestaban de moda antes, cuando Internet solo empezaba a aparecer en los hogares. Hoy, el usuario de Internet quiere encontrar la información que necesita lo antes posible, y los formularios de registro largos, a pesar del excelente diseño del sitio, tendrán un 99% de probabilidades de repeler. El formulario de registro ideal según los estándares actuales se muestra a continuación.

formulario de registro correcto
formulario de registro correcto

Incluso si esta información no es suficiente, nadie se molesta en solicitarla más tarde al visitante, después del proceso de registro. Este enfoque se considera más leal y amistoso que el formulario de registro, que se parece más a un formulario de solicitud de empleo.

Plantillas de sitios web

Muchos sitios ahora se están creando en sistemas CMS modernos que ofrecen un diseño de sitio gratuito. Pero el diseño libre (plantillas) no tiene ningún diseño visual, por lo que si el propietario del sitio no intenta cambiarlo de ninguna manera, dicho sitio desaparece en la búsqueda.

También vale la pena mencionar todos los portales de Internet que ofrecen implementar su propio sitio web basado en ellos. En este caso, hay pros y contras:

  • La primera y quizás la única ventaja es la simplicidad. El marco del sitio ya está, por regla general, modelado en dichos recursos por diseñadores experimentados, el diseño del sitio se somete a ciertos requisitos y reglas. Solo queda llenarlo con material temático y esperar a los primeros visitantes. Por lo tanto, la simplicidad y conveniencia de tales servicios atrae a los principiantes. Pero si el sitio está configurado para un desarrollo serio y una competencia portop 1 en los motores de búsqueda, entonces es mejor rechazar dicho servicio.
  • De las desventajas: las plantillas provistas en la mayoría de los casos no se pueden editar ni cambiar, tendrá que usar la provista todo el tiempo. La monotonía es la principal desventaja, de la que hablamos al principio, porque cada sitio debe ser individual y diferir en apariencia de los demás. Muchas restricciones que serán imposibles de describir, ya que cada uno de estos servicios tiene las suyas.

Parte final

Todo lo descrito en este material no pretende ser una "instrucción principal", siempre puede e incluso debe hacer todo a su manera; esto es solo un conjunto de las reglas y errores más comunes. Pero los puntos más importantes, descritos aquí en forma de percepción del color y la estructura interna del sitio, son el estándar para diseñar el sitio. Los colores elegidos incorrectamente ahuyentarán a cualquier visitante que acaba de ingresar al sitio, y el diseño analfabeto de categorías y elementos del sitio no le permitirá navegar y encontrar la información necesaria. Se debe prestar la máxima atención a estos puntos y, como se mencionó anteriormente, siempre debe mirar cualquier sitio a través de los ojos de un visitante, y no a través de los ojos de un desarrollador.

Recomendado: