UP

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.