Diseño Web

DISEÑO WEB

Historia del Diseño Web

Primera Generación de Diseño Web

El primer diseño web de una página se realiza en 1993. El navegador web muestra imágenes como textos.

Segunda Generación de Diseño Web

Las páginas web comienzan a poseer imágenes de fondo, aparece el diseño y uso de botones con relieve para la navegación.

Tercera Generación del Diseño Web

Adobe Flash es el protagonista de esta generación, el cual tiene mucho dinamismo.

Cuarta Generación de Diseño Web

En esta generación el diseño web se enfoca totalmente a la multimedia, la variedad de diseño es enorme debido a todas las posibilidades que ofrecen las últimas tecnologías para los programadores. Como por ejemplo las redes sociales.

Quinta Generación de Diseño Web

En esta generación el diseño web será representado por la televisión, ipad, celulares o televisión online y sistema táctil.

Qué es el Diseño Web?

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo.

User Experience

·         No tiene q ver el funcionamiento interno de un producto o servicio.

·         Se refiere a cómo funciona un producto o servicio cuando una persona entra en contacto.

·     

     Con productos complejos los requisitos para ofrecer una experiencia exitosa no depende solo de la definición del producto.

Experiencia de Gusto o Desagrado

Artefactos: aumenta la capacidad humana.

Interacción Hombre – Máquina (HIC): Human Computer Interactive, la interacción Hombre – Máquina es una disciplina que se basa en el intercambio de información mediante software entre las personas y las computadoras. Ésta se encarga del diseño, evaluación e implementación de los aparatos tecnológicos interactivos, estudiando el mayor número de casos que les pueda llegar a afectar.

Diseñar, pero ¿qué?

·         Productos, resultados de un proceso de productos

·         Servicios, rendimiento proporcionado

·         Experiencias, usuario satisfecho con una página web

Diseño de la Experiencia: es la práctica de diseñar productos, procesos, servicios, cuentas y entornos con un enfoque en la calidad de la experiencia del usuario.

Los Elementos de la Experiencia

·         - El plano de la superficie en lo que se ve lo que es un producto o servicio digital

·         - Solo imágenes y textos

·         - Algunas imágenes son solo ejemplos

·         - Otras son metáforas

·         - Algunas pueden ser activos y contestar a un comando (dar click)

Plano Esqueleto: Se refiere a la organización

Plano de la Estructura

·         - Si el esqueleto es una expresión concreta, la estructura es más abstracta

·         - Si el esqueleto define la ubicación de los elementos de una interfaz

Objetivo: Define cuales son las características

Plano de la Estrategia

Usabilidad: Es la medida de la calidad de la interacción entre un usuario.

Se refiere principalmente a:

·        -  Uso de interacción con el producto

·         - La interfaz d usuario y la interacción

·        -  Un producto puede ser usado por determinados usuarios

·         - Para alcanzar objetivos específicos

·       -   En un contexto de uso específico

·         - Con eficacia, eficiencia y satisfacción

      Usabilidad de la Web

J. Nielsen, señala que la usabilidad es un índice de evaluación de la facilidad de uso de interfaces.

Se define por 5 cualidades:

·         - Facilidad de aprendizaje

·         - Eficiencia

·         - Memorabilidad

·         - Prevención de errores

·         - Satisfacción

Comunicación Interactiva – Usabilidad

Interfaz: lo que permite la comunicación entre diferentes sistemas, tipos (Gráficas, volantes, táctiles, etc.)

Interacción Humana Computadora (IHC)

El HCI es la disciplina enfocada al Diseño, evaluación e implementación.

·         De sistemas de computo interactivos para uso humano

·         Estudio de los fenómenos que surgen alrededor de esta interacción

Nuevos Contextos, Nuevos Retos

·         - Mas allá del escritorio – móvil

·         - Nuevas formas de interacción – táctil

·         - Un rango diverso de actividades

·         - Diferentes tipos de usuarios

·         - Diseño más alta de la funcionalidad