Diseño web (Web Design)

Diseñar sitios web es un trabajo increíble.

Al crear un sitio web, ve muchas cosas a las que no presta atención a diario.

El diseño de sitios web combina el diseño web (diseñar el diseño de un sitio web), la experiencia del usuario y muchas otras cosas.

Por complicado que parezca, no lo es. ¿Cómo puede convertir el diseño de un sitio web en una gran diversión que le dará mucha satisfacción a los destinatarios de su sitio web?

¿Qué es el Diseño Web?

El diseño web es un término relativamente nuevo, por lo que existe un desacuerdo sobre cuál es esta dirección y quién puede llamarse diseñador web. Intentemos aclarar.

El concepto de diseño web en un sentido amplio se refiere al proceso de creación de sitios web, que incluye aspectos técnicos de desarrollo, estructuración de información, creación de un caparazón visual y transmisión de información a la web.

Etapas

Para una comprensión más completa de cómo es la creación de un sitio web, es necesario imaginar qué etapas atraviesa la página desde su concepción hasta el inicio de su funcionamiento en la red.

• Elaboración de especificaciones técnicas: El inicio del trabajo se caracteriza por la planificación detallada de los objetivos y la funcionalidad del sitio, se realizan estimaciones para su estructura y diseño, y luego se elabora una lista detallada de los trabajos, que es aprobada por el cliente. El director del proyecto está a cargo de esto.

• Usabilidad: En este momento se determina un abanico bastante amplio de preguntas, desde cuál será la estructura de las páginas en el sitio planificado hasta cuál será la opción más conveniente para presentar información en este caso. Esto requiere la colaboración de un gerente y un diseñador.

• Artes graficas: El diseñador crea una representación visual del sitio, que incluye una variedad de elementos diseñados para hacer que la página sea más funcional y simplemente decorarla. Después de eso, se aprueba el diseño del sitio en forma de dibujo gráfico.

• Diseño: Trabajando en conjunto como programador, el diseñador implementa su idea en forma de código que permitirá que la imagen se muestre en el navegador.

• Maestría web: La última etapa, cuando el sitio se coloca en un hosting, se llena de información y se procede a su promoción a la cima de los motores de búsqueda. El sitio ya está disponible para los usuarios.

¿Por dónde empezar el diseño web?

El diseño de sitios web comienza con la definición del papel que debe desempeñar el sitio web, es decir, su propósito.

Lo ha adivinado correctamente: hay todo tipo de sitios web que son útiles para otros fines. Distinguimos los tres más populares: landing pages, one-pagers y sitios web clásicos.

Por supuesto, hay grandes sitios (portales, etc.), pero ese es un tema completamente diferente.

Los sitios web más simples son una página de destino y una página.

Aunque suelen ser pequeños (solo una página), tienen bastante contenido. Sin embargo, difieren en su propósito.

¿Qué es una página de destino?Que se utiliza con mayor frecuencia para recopilar contactos o concentrarse en el tráfico relacionado con alguna acción. Por lo general, no hay mucho contenido en las páginas de destino, pero puede ver claramente el propósito de la página. Las páginas de destino no suelen tener menú.

Los one-pagers son páginas web ordinarias "extendidas". Toda la información está en un sitio web muy extenso.

El contenido más importante siempre está en la parte superior. Entonces, en resumen. Las páginas de una página tienen menús que hacen referencia a los títulos de las secciones posteriores.

Diseñar y crear sitios web de este tipo requiere un enfoque específico. Aunque parezcan simples, son muy exigentes y es mejor comenzar tu aventura creando páginas a partir de otra cosa.

Especialmente porque el diseño de páginas se asocia con mayor frecuencia con páginas "normales".Tienen una página de inicio, subpáginas con la oferta, noticias y contacto. Se podría decir que esto es estándar en Internet.

Además, los usuarios conocen su estructura como si fueran su propio bolsillo.

Si necesita una tarjeta de presentación en línea, una simple página es suficiente. ¿Quieres poner un poco más de información en tu sitio web (oferta, blog, etc.) y ampliarlo con el tiempo? Un sitio web clásico será perfecto.

Ahora que sabe qué, es hora de comenzar a hacer, es decir, diseño web.

¿Cuál es el propósito de su sitio web? Aquí es donde comienza el diseño web.

Necesita saber cuál es el propósito de su sitio web. Gracias a esto, la página que diseñe será comprensible para los usuarios.

Si tiene una empresa, el usuario debe saber desde el principio lo que tiene para ofrecer.

Por ejemplo, tiene un taller de reparación de automóviles. El usuario debe saber que ha entrado en la página web del taller de reparación de automóviles y puede utilizar servicios específicos.

El propósito de dicho sitio web es informarle sobre estos servicios y, por lo tanto, atraer nuevos clientes.

Tener un objetivo claramente definido es fundamental cuando se trata de diseño web. Por lo tanto, debe pensar con cuidado y definir claramente el propósito de su sitio web.

Una vez que sepa cuál es el propósito de un sitio web, debe pensar en quién es la audiencia.

Diseño web: define tu audiencia

Su sitio web no solo será visto por robots de motores de búsqueda. Por lo tanto, debe considerar quién será (y quién es) la audiencia de su sitio web.

Después de todo, eso es a lo que quieres llegar, ¿verdad?

Determinar la audiencia de su sitio web está directamente relacionado con el propósito de su sitio web. Después de todo, son para lograr tu objetivo.

El diseño de sitios web define la elaboración de perfiles como "crear una persona".

Por lo tanto, debe pensar qué querrán exactamente sus usuarios y quiénes serán exactamente.Las personas son simplemente "usuarios perfectos".

Definitivamente tiene en mente algún perfil de usuario de su sitio web. Tienes que pensar qué necesita exactamente, cuáles son sus preferencias, por qué está en tu sitio web y qué debería estar en él para que puedas lograr tu objetivo.

Por ejemplo, el usuario ideal del sitio web de un taller de reparación de automóviles será una persona que necesite una reparación de automóvil.

Quiere saber qué servicios brinda el taller, dónde está ubicado, a qué horas está trabajando y cómo contactarlo. Buscarán esta información en el sitio web.

Está de su lado ponerlos en un lugar visible.

En otras palabras: crear una persona te permitirá adaptar mejor tu sitio web a las necesidades de tus usuarios.

Recuerde: el (buen) diseño de sitios web está estrechamente relacionado con la respuesta a las necesidades de personas específicas. Esos son tus usuarios ideales.

Una vez que haya definido su audiencia, le resultará más fácil definir lo que el usuario quiere encontrar en su sitio.

Crear un sitio web para el usuario, es decir, lo que debe estar en su sitio web.

Una vez que sepa el propósito de su sitio web y determine quién es su usuario (o usuarios) ideal, puede comenzar a trabajar con el sitio web.

El tiempo que dedique a pensar en el propósito del sitio web y las necesidades de los usuarios valdrá la pena.

Especialmente que un sitio web tan bien pensado responderá a las necesidades de sus usuarios y, por lo tanto, logrará su objetivo.

El siguiente paso en el diseño web es definir claramente lo que debe estar en el sitio web.

Diseñar un sitio web en esta etapa se trata de organizar el contenido.

Empiece por escribir lo que quiere en la página. Puede ser una lista larga, no tiene que preocuparse de que de repente se convierta en docenas de artículos.

Luego, intente agrupar estas cosas; le ayudará mucho en la siguiente etapa.Deja la lista preparada por unos días. Dos bastarán, de verdad.

Pasado este tiempo, vuelva a mirar la lista y trátela como un usuario. Vea qué cosas son relevantes desde la perspectiva de cada persona que tiene.

Cada uno de ellos buscará información ligeramente diferente, por lo que debes tener eso en cuenta.Por ejemplo, alguien que busque un taller de reparación de automóviles buscará un contacto, una ubicación y un horario de atención. Esta información debe estar claramente visible en la página.

Ahora es un buen momento para borrar su lista de exceso de información. Algunos de ellos pueden ser completamente innecesarios.

Puede eliminarlos de la página o agregarlos al final. Esta agrupación de información en categorías le ayudará a separarla en la página. Verás cómo te facilitará el trabajo.

Cuando su información de grupo, numere en orden de importancia.

Las cosas más importantes en la parte superior, las menos, en la parte inferior. Una vez que haya desglosado la información de esta manera, busque las cosas clave en cada grupo.

Esta información debe estar en la página de inicio. No tienes que desarrollarlos, solo necesitan informar a los usuarios lo que les ofreces.

Si quieren saber más, definitivamente seguirán adelante.

Idealmente, debería proporcionar la información más importante en forma de palabras clave que son frases de búsqueda. Entonces, la página de inicio comunica bien lo que tienes que ofrecer y se posiciona bien.

¿Qué subpáginas necesita su sitio web?

Una vez que sepa cómo puede compartir información, puede comenzar a crear subpáginas. Piense de nuevo si esta información está duplicada.Si es así, piense si debería ser así (y si los usuarios lo necesitan para lograr su objetivo).Cada una de las subpáginas debe corresponder a uno de los grupos que ha creado.

Si tienes tres o cuatro grupos, ¡perfecto! La estructura de su sitio web está lista para la práctica.

Si tiene más de ellos, considere cómo se relacionan estos grupos entre sí. ¿Quizás tienen un denominador común? Recuerda que es mejor con menos elementos.

El minimalismo es muy útil al diseñar sitios web porque permite a los usuarios ver lo que está sucediendo de inmediato. No tienen que buscar la información que necesitan porque son visibles de inmediato.

La información estructurada en el sitio web también tiene un efecto psicológico: si el sitio web se hace inteligente, por otro lado hay profesionales en los que vale la pena confiar.

Y a partir de ahí, es solo un paso para lograr tu objetivo por parte de los usuarios.

Papel y lápiz: facilitan el diseño web

Es bueno rascarse. Especialmente cuando no tienes una idea de cómo abordar el diseño web visual (siguiendo las tendencias) Recuerda: siempre vale la pena inspirarse, así que

Es una buena idea navegar por algunas páginas que le gusten y sacar conclusiones. Por eso es bueno comenzar a diseñar su sitio web con un papel.Una vez que tenga los elementos que deberían estar en él, puede dividirlos en subpáginas posteriores. Haga de cada página una página.

Coloque los elementos siguientes en cada una de las "subpáginas" (recuerde mantener la jerarquía de importancia). No tienes que tener miedo a las eliminaciones.

Pruebas: un elemento clave del diseño de sitios web

La ayuda de los seres queridos no puede subestimarse. Antes de mostrar su sitio web a los usuarios, pregunte a sus amigos qué piensan sobre su proyecto.

Recuerde hacerles las mismas preguntas.

Esto le facilitará perfeccionar el diseño.

Por supuesto, vale la pena comenzar preguntándoles cómo les gusta el sitio. Luego pregúntales si entendieron lo que quieres transmitir y si podrían lograr fácilmente el propósito de la página.

Para hacerlo más fácil, por supuesto, puede decirles cuál es su objetivo. Esto hará que sea más fácil para ellos responderte si el propósito del sitio web es claro.

Luego, reúna estos comentarios y piense cómo implementarlos. ¿Y vale la pena presentarlos? Después de todo, este es su sitio web, pero sus amigos también son buenos probadores; vale la pena tener en cuenta su opinión.

Posicionamiento del sitio web y SEO: debe recordar esto cuando comience a diseñar su sitio web

Si desea llegar a las personas, debe recordar el posicionamiento de su sitio web.Buenas palabras clave, descripciones de fotos alternativas, título y descripción de cada página: eso es lo mínimo.

También debe recordar la jerarquía de encabezados: gracias a ella, los robots de los motores de búsqueda encontrarán más fácil orientarse en la página.Si actúa localmente, recuerde el llamado SEO local. Es decir, sobre agregar nombres de lugares a las palabras clave seleccionadas.

Gráficos en el sitio web

Diseñar un sitio web también se trata de elegir buenos gráficos. Si tienes tus propias fotos en buena calidad, el tema está casi cerrado.Las fotos del sitio web no tienen que estar en alta resolución. En la práctica, cuanto más pequeño (es decir, menos espacio en disco ocupan), mejor.

Un sitio web con una gran cantidad de fotos grandes se carga lentamente, lo que tiene un efecto negativo en su posicionamiento y obliga a los usuarios a esperar. El ancho ideal de las fotos no debe exceder los 1200-1400 píxeles.

Siempre es una buena idea comprimirlos y agregar descripciones alternativas. Recuerde: los robots del navegador no pueden ver gráficos, pero están felices de "leer" descripciones alternativas de las fotos.

Los elementos más importantes: diseño web en pocas palabras

TLa página principal es siempre la más importante. Aquí es donde coloca la información clave y los elementos que los usuarios deben encontrar primero.

Recuerde que cuanto más altos estén estos elementos en la página, más rápido los encontrarán los usuarios. La página de inicio también es la primera página que ve el usuario. Por tanto, debe ser legible y contener elementos clave.

Debe haber un menú en cada página.

Ayuda a navegar por los usuarios en su sitio web. Recuerde que este elemento debe ser lo más comprensible posible.

Así que los nombres típicos y trillados de las subpáginas del menú son los que esperan sus usuarios. Después de todo, el diseño de sitios web a menudo se basa en soluciones probadas.Página de inicio, oferta, lista de precios, contacto, comentarios de los clientes, etc., esta estructura de menú hará que los usuarios encuentren lo que buscan más rápido.

Los enlaces internos también son un elemento importante de cada página.

Entonces, si coloca un segmento dedicado a la oferta en su página de inicio, es bueno incluir un enlace en este segmento que dirigirá a los usuarios a la subpágina con la oferta.

Al colocar textos en la página, recuerde mantener la llamada jerarquía de títulos. El encabezado puede aparecer como texto grande en negrita.

De hecho, los encabezados juegan tres roles principales en una página: informan sobre el tema del texto a continuación, organizan la información en la página y son útiles para posicionar (los robots de los motores de búsqueda encontrarán información en los encabezados más rápido que en el texto).

Además, recuerde la jerarquía de los encabezados: gracias a ella, los usuarios sabrán qué información es general (relacionada con un grupo particular de información) y cuál está detallada.

Lo más importante es que solo debe haber un encabezado H1 por página; dicho encabezado debe contener el nombre de la página (es decir, en la página de contacto debe ser "[nombre de su empresa] - contacto" o "Contacto con [nombre de su empresa]").