Conceptos diseño web

El diseño web contiene varias fases en si mismo, desde la planificación, al propio diseño hasta la publicación final.
El diseño web no es solo la apariencia que tendrá un sitio web, se han de tener en cuenta factores que van desde la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y video.

Las etapas que todo diseño web debería tener en cuenta son:

1. Diseño visual de la información que se desea presentar en la web. Se pueden hacer bocetos con varios programas o simplemente a mano para tener claro dónde distribuir texto, imágenes, enlaces, objetos gráficos y demás.
2. Definir la estructura y jerarquía de las páginas que alberga el sitio web.Estructura y relación jerárquica de las páginas del sitio web. Este paso es clave para facilitar la navegación web y que sea fácil llegar a la información que se está buscando.
3. Posicionamiento en buscadores, SEO. Sin esta fase somos casi invisibles a ojos de Google y de cualquier buscador, por mucho que tengamos un diseño web espectacular.

[su_service title=”Arquitectura de la información” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]La 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.[/su_service]

[su_service title=”Usabilidad web” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]La usabilidad web es la facilidad con la que somos capaces de navegar, buscar y conseguir nuestro propósito dentro de una web. Una web usable debe tener 5 principios básicos: rápida en su carga (menos de 3 segundos), simple en la navegación (una arquitectura web bien definida), indexable por los motores de búsqueda (si ellos no son capaces de rastrear la web no sirve de nada tenerla), visible por cualquier navegador/dispositivo (muy ligado al concepto de diseño responsive y adaptable) y y siempre actualizado (contenido que no se quede obsoleto).  [/su_service]

[su_service title=”Experiencia de usuario, UX” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]La UX es un concepto que define el grado de satisfacción que un visitante tiene desde que llega a nuestra web hasta que la abandona. Conseguir una experiencia de usuario agradable debe ser el objetivo de toda web, para que esta visita pase de ser una simple visita a un cliente, seguidor o cualquiera que sea el objetivo de la web y que además vuelva.[/su_service]

[su_service title=”Accesibilidad” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]La accesibilidad web es la facilidad con la que cualquier usuario, tenga limitaciones físicas o no, puede acceder a la web. El tamaño de texto debe ser lo suficientemente grande como para que personas con problemas de vistas lo puedan ver, vídeos subtitulados para personas sordas, diseño en código XHTML para que los usuarios ciegos puedan navegar en la web a través de sistema de lectura de braile…

La accesibilidad web se rige bajo unas pautas marcadas por y desarrolladas por la Iniciativa de Accesibilidad en la Web (WAI) del W3C [/su_service]

[su_service title=”HTML” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]Es el tipo de lenguaje usado en la elaboración de páginas web. Se basa en etiquetas y su codificación está regulada por la W3C.[/su_service]

[su_service title=”CSS” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]La hoja de estilos en cascada es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML. Es lo que le da personalidad, apariencia y estilo a un código HTML.[/su_service]

[su_service title=”Applets” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]Programas desarrollados con Java para mejorar la presentación de las páginas Web que realizan animaciones, juegos e interacción con el usuario.[/su_service]

[su_service title=”Frames” icon=”icon: desktop” icon_color=”#d77326″ size=”24″]Áreas rectangulares que subdividen las ventanas de algunas páginas Web, cada una de las cuales contiene un documento de hipertexto independiente de los demás.[/su_service]

Deja un comentario

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