Diseño web

¿Que es el diseño WEB?

El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. No es simplemente la implementación del diseño convencional ya que abarca diferentes aspectos como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidad, interactividad, usabilidad, arquitectura de la información; interacción de medios, entre los que podemos mencionar audio, texto, imagen, enlaces, video y la optimización de motores de búsqueda. A menudo muchas personas trabajan en equipos que cubren los diferentes aspectos del proceso de diseño, aunque existen algunos diseñadores independientes que trabajan solos.


La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos.



Historia

En un principio era solo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el vídeo y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.


El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 solo había alrededor de 50 sitios web.1​ Estadísticas (2005) nos afirmaban que la cantidad de sitios web ronda los 8000 millones de sitios, a los que diariamente se les suma a raíz de 4400 por día.


Rápidamente, su importancia alcanzará las mismas cuotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de dos mil millones de páginas colgadas y se espera que en los próximos años llegue a los ocho mil millones, excediendo el número de habitantes del planeta. Sin embargo, solo una fracción de este número es visitado habitualmente por la mayoría de los usuarios.


A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.


Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través Internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.



Elementos Clave

Cuando hablamos de un buen diseño web, algunos puntos son fundamentales y no pueden faltar en tu sitio. Aquí están los aspectos más destacados:

RESPONSABILIDAD

Como cada vez más las personas acceden a internet solo por teléfono celular, es muy importante que tu sitio sea adecuado para dispositivos móviles, es decir, que sea responsivo

ESCANEABILIDAD

¿Conoces esos correos electrónicos que tienen un “bloque de texto” porque todo el mensaje está escrito en un solo párrafo? Leerlos es demasiado agotador, ¿no es así? Bueno, lo mismo ocurre con los visitantes de tu sitio si no se considera la escaneabilidad textual.

TIPOGRAFIA

Si desde este punto comenzamos a escribir esta publicación con un tipo de letra completamente diferente, tu "experiencia de lectura" no sería muy agradable, ¿verdad? Después de todo, es una tipografía que no encajaría con el resto del contenido. Lo mismo debería aplicarse a tu sitio.

VELOCIDAD DE CARGA

En un mundo donde todos parecen estar siempre apurados, tener un sitio web de carga rápida es esencial. Según Google, los sitios que tardan más de 2 segundos en cargarse dañan tanto la experiencia del usuario como la indexación del sitio.

Etapas del diseño Web

Para el diseño de páginas web debemos tener en cuenta tres etapas:

  • El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, vínculos a otros documentos y otros objetos multimedia. Es importante que antes de 'escribir' la página web se realice un boceto o pre-diseño. Esto facilitará tener un orden claro sobre el diseño.

  • Estructura sitio web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documentoson ejemplos de hipertexto (John Holcroft), puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los usuarios no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca, y permitirle navegar por el sitio.

  • Posicionamiento en buscadores o SEO: consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en los motores de búsqueda web por una o varias palabras clave.

Un buen diseño web es aquel que considera dentro de su desarrollo tanto los elementos básicos del diseño gráfico (la diagramación, el color, los gráficos y las fuentes) como los fundamentos técnicos (estructura, compatibilidad, funcionalidad e interactividad) para crear tanto el impacto visual como la experiencia de usuario óptima.

¿Qué hace un diseñador web?

Si bien es común pensar que un diseñador web es responsable de crear sitios web atractivos y completamente funcionales, hacen más que eso.

Los diseñadores web tienen en su trabajo tareas rutinarias relacionadas con la creación de un diseño para medios digitales y la creación de contenido, por lo tanto, deben analizar tanto las necesidades del cliente como los objetivos para configurar un sitio web a fin de brindar a los visitantes la mejor experiencia. Además, el diseñador web deben saber cómo insertar gráficos, usar lenguajes HTML y actualizar el sitio cuando sea necesario.

Glosario:

Arborescencia: Crecimiento o conjunto de características de las plantas semejantes a un árbol. 

Arquitectura de la información: La arquitectura de la Información (AI) es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos

Boceto: El boceto es un dibujo rápido y esquemático de las características principales de un dibujo, una ilustración o un diseño 

Diagramación: es un oficio del diseño editorial que se encarga de organizar en un espacio contenidos escritos, visuales y, en algunos casos, audiovisuales en medios impresos Y electronicos 

Escaneabilidad Textual: Podemos afirmar que un contenido es escaneable cuando permite que un lector sea capaz de pasar los ojos por el texto y tener noción del contenido del mismo.

Experiencia de Lectura: se refiere al modo en que el lector se relaciona con un texto (sea en papel o en digital) 

HTML: es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a "HyperText Markup Language", es decir, "Lenguaje de Marcas de Hipertexto"

Indexación: se refiere a diversos métodos para incluir en el índice de internet el contenido de un sitio web 

Interactividad: se refiere a la relación de participación entre los usuarios y el sitio web

Interfaz: Cuando se habla de Sitios Web, se denomina interfaz al conjunto de elementos de la pantalla que permiten al usuario realizar acciones sobre el Sitio Web 

Multimedia: El término multimedia hace referencia a cualquier objeto o sistema que utiliza múltiples medios de expresión físicos o digitales electrónicos para presentar o comunicar información 

Navegabilidad: es la facilidad con la que un usuario puede desplazarse por todas las páginas que componen un sitio web

Responsivo: es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas.

SEO: es un conjunto de acciones orientadas a mejorar el posicionamiento de un sitio web en la lista de resultados de Google, Bing, u otros buscadores de internet 

Sitio Web: Un sitio web es un conjunto de archivos electrónicos y páginas web referentes a un tema en particular,

Usabilidad: se refiere a la facilidad con que las personas pueden utilizar el sitio web con el fin de alcanzar un objetivo concreto

Espero que te haya sevido nos vemos la próxima semana
registrate si quieres recibir mas entradas como esta y mejorar tus tecnicas de diseño

Nos vemos pronto ;-)

No olvides seguirme en mis redes sociales:
Instagram: LaurARTEDG2.5
Pinteres:    LaurARTEDG

Facebook:  LaurARTEDG

Comentarios

Entradas más populares de este blog

Elementos conceptuales y visuales

REPETICION

Interpretacion del Lenguaje Visual