Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.: 300 766.

Presentación del tema: "Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.: 300 766."— Transcripción de la presentación:

1 Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. E-Mail: asesor.henao@hotmail.comasesor.henao@hotmail.com ahenao@udem.edu.co Cel.: 300 766 68 61 BBPIN: 21A671E9 1

2 U SABILIDAD En general usabilidad es la facilidad con que las personas pueden utilizar una herramienta particular, en este caso, las páginas web. RECOMENDACIONES PARA UN SITIO WEB CON USABILIDAD El público objetivo: Observar y analizar al usuario, esa observación nos permite crear categorías organizadas y denominadas que se aproximen a la manera de pensar del usuario, es decir, su modelo mental, la formas, los colores, el tono, el manejo del espacio y hasta la forma de navegación que más se ajuste a el usuario 2

3 U SABILIDAD Mapa de Navegación: Mapa conceptual con los links que van a ir tanto en el inicio como en el interior de la página, creando una red estratégica que conecte todos los espacios del sitio. El diseño en general: El diseño de los sitios debe orientarse a la simplicidad, con las mínimas distracciones posibles, arquitectura de la información clara y herramientas de navegación adecuadas. Los contenidos tienen que estar optimizados para la web. Los intro: No usar páginas de bienvenida (páginas previas a la página real de inicio). 3

4 U SABILIDAD El home o página inicial debe: Ofrecer un directorio de las principales áreas de contenido. Un resumen de las novedades o promociones más importantes. Una opción de búsqueda interna. Que los botones llamen la atención del usuario http://www.rdnsreflections.com.au/#/?page=Intro Diseño de Iconos: Los iconos sustituyen a una unidad de significado (idea, concepto, acción) que representada con texto ocuparía más espacio. La principal ventaja es que mediante iconos se pueden representar más unidades en un menor espacio. 4

5 U SABILIDAD Enlaces: Soportar la información con los diferentes medios que se encuentran en la web: Youtube, Google y hasta las redes sociales Peso de la página: Economizar en el peso de las imágenes y los elementos de un sitio hacen una página más agil y amable para que el usuario no tenga que esperar mucho tiempo para acceder a la información. Acceso: Que en todos los pantallazos haya acceso a cada lugar de la página. Desde cada rincón del sitio yo puedo acceder a cualquier link sin necesidad de retroceder ni avanzar, para que el usuario no se sienta perdido. La navegación dentro del site debe permitir al usuario saber dónde está en cada momento y cómo poder volver allí cuando lo desee. 5

6 U SABILIDAD Claridad: Los usuarios no deben sufrir sobrecarga de información. Cuando un usuario visita un sitio web y no sabe donde comenzar a leer, existe sobrecarga de información. Elementos elegidos por el usuario: Como el fullscreen o no escuchar el audio http://forgetmenot.tv/ 6

7 P ROCESO DE DISEÑO Es conveniente no comenzar a escribir ninguna línea de código antes de completar las primeras etapas. 1. Recolección de la información En esta etapa se recolecta la información que se va a poner en el Web (descargas, textos, galerías) 2. Estructuración En este punto se estructura la manera en que se unen las diferentes páginas (wireframe o mapa de navegación) 7

8 P ROCESO DE DISEÑO 3. Diseño y estilo gráfico Un estilo gráfico adecuado puede ser algo importantísimo a la hora de hacer que la persona que nos visita se sienta cómoda, y como una manera de alivianar el contenido y hacerlo más digerible. Un sitio por mas contenido que tenga si no tiene un buen diseño grafico difícilmente lograra la atención del usuario Otro punto importante en la etapa de definición de la parte gráfica, es intentar en lo posible mantener una cierta coherencia gráfica, y atreverse a innovar en cuanto a ella. 4. Ensamble final En este punto concretamos el diseño, creamos los enlaces 8

9 P ROCESO DE DISEÑO 5. Testeo Finalmente, es necesario revisar la coherencia general del sitio, que no hayan links in conclusos que no conduzcan a ninguna parte; revisar la redacción y ortografía de las páginas, hacer los ajustes necesarios. 6. Publicación Colgar el sitio en un servidor con un hosting (espacio) y un dominio (nombre). 9