Diseño Web
- 1. Diseño Web “Informatica y Redes de Aprendizaje” Diana Vargas
- 2. Introducción El “Diseño web" se refiere a la actividad de organizar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. En esta presentación veremos los objetivos de las páginas web, características, iconos, etc.
- 3. Objetivos para cada página 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. Un sitio web debe cubrir las expectativas del usuario y permitirle encontrar fácilmente la información que busca.
- 4. Objetivos del sito • Debemos bien determinar cual será el objetivo principal que tendrá nuestro sitio web, para lo cual se debe intentar lograr establecer una meta en común, pensando en las herramientas y recursos necesarios para lograrlo. • Aún cuando nuestro sitio fue desarrollado por mera recreación, habrá un momento en que debamos idear un objetivo si es que queremos llegar a obtener algo de ese proyecto.
- 5. Páginas Web Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.
- 6. Páginas web Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto.
- 7. Elementos de una página web Contenido La página no debe ser atractiva solamente en su parte visual también debe tener un contenido interesante que atraiga lectores. Texto El texto es el elemento más significativo de cualquier sitio Web porque los usuarios navegan por la Web fundamentalmente en busca de información expresada en texto. Imágenes Las imágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal
- 8. Elementos de una página web Botones e iconos Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta la facilidad de navegación en la página y se dan una guía clara a los usuarios. Animaciones y movimiento Para generar una sensación de dinamismo, es bueno utilizar elementos animados. Pero es importante no excederse con los elementos móviles. Sobriedad Una página debe permitir una fácil visualización de los contenidos (videos, imágenes, textos), saturar al cibernauta es contraproducente, si la información o contenido tarda en ser cargado es una visita menos
- 9. Características • Utilidad. El contenido debe de ser útil para el usuario y relacionado con su búsqueda y temáticas del sitio. • Facilidad de navegación. No saber donde está el usuario en cada momento y no encontrar la información rápidamente es otro aspecto que hará al navegante cansarse y abandonar el sitio • Apariencia. La apariencia de un sitio es fundamental. Ten en cuenta tus colores corporativos, pero no uses colores fuertes ya que causan fatiga y rechazo • Estructura clara. La información mostrada debe de estar bien estructurada, haciéndo que esta se presente de manera clara. Un aspecto a tener en cuenta es la posición de la información y la longitud de esta, ya que el usuario tiende a cansarse • Información actualizada, sencilla, creíble y concisa. La información deberá ser lo más sencilla y concisa posible, pero suficiente. También deberá ser creíble • Rapidez de descarga. Páginas que tardan demasiado en cargar están abocadas al fracaso.
- 10. Características • Pocos clicks. Fundamental. Cuanto más rápido, mejor. • Evita malos hábitos. Registros innecesarios, ventanas emergentes, obligarietoridad de instalar software, enlaces que no funcionan, contenido que no existe, etc. Son elementos que mayor rechazo provocan entre los internautas • Interactividad. En la era social, la web también ha de serlo. El usuario ya no solo demanda información sino, además, la posibilidad de interactuar en la misma página • Información de contacto. Su sitio ganará en crediblidad y confianza al ofrecer información de contacto de su empresa.
- 11. Iconos Los iconos son pequeños elementos que pueden hacer una gran diferencia y darle un toque más profesional a tu sitio si los utilizas de manera correcta. Las posiciones de estos no suelen ser específicas, ya que dependiendo del diseño pueden variar. También los íconos facilitan el uso del sitio, haciéndolo más amigable, intuitivo y fácil de navegar para las visitas. Cuando una visita observa un ícono, asume que es un elemento de navegación y luego hace clic para conseguir el efecto deseado.
- 12. Iconos Los iconos sociales Podemos distinguir entre los iconos sociales para compartir los contenidos, y los iconos que representan los perfiles sociales de la empresa. Los iconos sociales simbolizan la presencia de la empresa en las redes sociales. Si nuestra empresa está presente en las redes sociales, tenemos que dejarlo claro en la página web corporativa.