DISEÑO PAGINAS WEB 1.-El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios de sitios web. No web. No es simplemente una aplicación de diseño convencional, ya que requiere tener en cuenta la navegabilidad, la navegabilidad, interactividad, interactividad, usabilidad, usabilidad, arquitectura arquitectura de la información y la interacción de medios como el audio, el audio, texto, texto, imagen, imagen, enlaces enlaces y video. 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 de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor el consumidor de contenidos. La importancia del diseño de la aplicación se basa en que éste será el que modele la interacción entre usuario y aplicación, y por tanto posibilitará o no la consecución de los objetivos perseguidos por el usuario (encontrar información, comprar, comunicarse, aprender...). El diseño de páginas web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida. 2.- se refiere a la actividad que consiste en estructurar los elementos el ementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. Se trata de una etapa de diseño virtual más que de diseño funcional (ergonomía, navegación). El objetivo del diseño web es realzar la imagen de una compañía u organización a través de elementos gráficos con el objeto de reforzar su identidad visual y despertar una sensación de confianza en el usuario. Aún así y junto con el criterio de ergonomía, un sitio web debe, sobre todo, cubrir las expectativas del usuario y permitirle encontrar fácilmente la información que busca. Por eso, el diseño web consiste en encontrar un término medio entre una presentación que tenga gráficos impresionantes -y que le proporcione a la compañía tanto credibilidad como imagen de marca- y una presentación simple y sencilla que permita a los usuarios encontrar lo que están buscando. Un estatuto gráfico es un documento integral que detalla las reglas de presentación para los elementos gráficos que transmiten la identidad visual de un sitio web. El estatuto gráfico define el equipamiento gráfico de un sitio web, en particular los tamaños, colores y apariencia del texto, las imágenes y botones del sitio y también la ubicación que tienen con respecto a otros objetos en la página.
El principal objetivo de la fase de diseño es analizar todas las necesidades y luego imaginar los contextos para la implementación. El análisis de las necesidades se divide en dos categorías:
Las necesidades de la organización, que corresponde a una estrategia de objetivos. Las necesidades de los usuarios, que corresponde a una estrategia de destino.
Estudio de viabilidad
Al diseñar un sitio web, también debe analizarse el proyecto en términos de presupuesto y tiempo. El proyecto debe incluir planificaciones a largo plazo, es decir, la organización debe prever los medios necesarios para crear el sitio pero también para mantenerlo y actualizarlo. De esta forma, si el sitio web no se actualiza regularmente, la imagen comercial de la compañía puede verse perjudicada en lugar de beneficiarse. Durante esta etapa se pueden volver a evaluar los objetivos iniciales y priorizarlos con el fin de elegir, en base al presupuesto y las fechas límite, sólo aquellos que sean más importantes.
Para el diseño de páginas web debemos tener en cuenta tres etapas: 1. El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
2. Estructura y relación jerárquica de las páginas del sitio web. Una vez que se tiene el boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los hipertexto 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 visitantes no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.
3. Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda.
La calidad de las imágenes depende de varios factores, entre ellos : La calidad de la fotografía original Las técnicas empleadas para digitalización -proceso de convertir una fotografía impresa en un archivo electrónico Las técnicas empleadas para edición de imágenes La fotografía generada por cámaras digitales El formato de la imagen El tamaño y número de imágenes que desean ser presentadas El objetivo de mostrar las imágenes Las técnicas de presentación •
•
•
•
•
•
•
•
En cualesquier caso, se busca siempre que las imágenes tengan la mejor calidad posible, porque esto influye considerablemente en la apreciación general que el visitante tendrá de su Sitio Web. . la etapa de planificación se basa casi completamente en la recogida, análisis y ordenación de toda la información posible, con el objetivo de tener una base sólida sobre la que poder tomar decisiones de diseño en las siguientes etapas del proceso. disciplinas implicadas en el diseño de sitios web: arquitectura de la información : misión y objetivos estratégicos, clientes y sus
expectativas, estudio sectorial/análisis competitivo, definición y organización de los contenidos, interacción, navegación, rotulado, búsqueda, prototipado, etc. diseño de la interacción: definición de servicios, definición de las tareas, diagrama de interacción, storyboards , etc. usabilidad: métodos de indagación, métodos de inspección, test de usabilidad, análisis de logs, etc. accesibilidad: directrices y pautas de accesibilidad, test de accesibilidad, etc. diseño de la información/diseño gráfico: aspectos y sensación, diseño de
contenido/página, diseño de la interfaz, diseño artístico/creativo, etc.
programación y tecnologías : hardware/software , estándares web, etc.
aspectos a tener en cuenta en el diseño de una sede web:
información: contenidos. gestión: estructura, organización, esquemas. disposición y presentación: acceso, búsqueda, recuperación y consultas.
sede web tendría que contar son los siguientes componentes: definición de la sede: misión, objetivos y estrategias. ¿Cuáles son la razones que tiene
la organización para producirla? ¿Por qué está aquí el usuario?
gestión de los contenidos: identificación, recopilación, selección, producción,
mantenimiento y actualización de los contenidos. El contenido es la base de la sede, los usuarios acceden a la sede por el contenido o por los servicios sistemas de navegación: para facilitar el desplazamiento por la sede y el acceso a los
contenidos. La Web es interacción, movimiento, acción, toma de decisiones y asimilación. Un sistema de navegación evita la desorientación y el desbordamiento cognitivo. Hay que dotar al sistema de consistencia, predecibilidad y retroactividad. sistemas de rotulado: su función es representar, describir y transmitir de forma
sintética los contenidos. Los rótulos deben ser concisos y significativos para que el usuario comprenda con claridad y rapidez la información que hay detrás de ellos para tomar una decisión. El lenguaje ha de ser próximo al usuario, por eso surge una tensión entre los lenguajes controlados (lenguajes de clasificación jerárquicos/ facetados, tesauros) y los lenguajes naturales. El sistema de rotulado también se ocupa de los microcontenidos, metadatos y marcado. sistemas de búsqueda: para facilitar la exploración, el acceso y la recuperación de
información. Permiten expresar las consultas en lenguaje natural y acceder a los contenidos sin navegar por un gran número de seccione intermedias. Son complementarios y nos sustitutivos de la navegación.
