Usabilidad y diseño

Román Tienda Martínez@romantm

Diseñador Programador

El usuario eslo más importante!

We see individual shapes and colors and layout where our users

just see a page on the Internet. Put another way, we’re unable to

see the forest for the trees.

Designer Myopia: How To Stop Designing For Ourselveshttp://uxdesign.smashingmagazine.com/2012/02/14/designer-myopia-stop-designing-for-ourselves/

Leaving the office and spending time observing users in their own

environments is the best way to understand how a product is really being

used in the wild. It’s the most efficient way to get out of your own head.

Designer Myopia: How To Stop Designing For Ourselveshttp://uxdesign.smashingmagazine.com/2012/02/14/designer-myopia-stop-designing-for-ourselves/

El usuario

Es aquella persona a la cual está dirigido el sitio a desarrollar.

Es a quien debe llegar el mensaje y el fin de nuestro sitio, sea cual sea el objetivo.

Vender, Promover contenido, posicionamiento de marcas, Intercambio de ideas o información.

¿Qué buscamos del usuario?

AtenciónRetenciónEnamoramientoConversión

Identifica las necesidades

¿Por qué un sitio web?

¿Qué quiero decir, hacer, promover, vender?

Definir objetivo

Análisis de la información

Propuesta de soluciones y de trabajo (antes de definir las herramientas de trabajo)

Usabilidad - Definición

Consiste en hacer la experiencia de usuario, (UX), más fácil e intuitiva, sin el requerimiento de ninguna capacitación especializada.

El usuario debe ser capaz de llevar a cabo las tareas  y conseguir sus objetivos de manera rápida y sencilla.

¿Quiénes deben cuidar la Usabilidad?

Los que están produciendo, desarrollando y creando interfaces.  

Estudiantes.DiseñadoresIngenieros.Programadores.Administradores de contenido.

Directores creativos.CopyRedactores

Estrategia de la información

Análisis de la informaciónDiagramaciónEstructura de la informaciónDiseño de la interfaz.Aplicación de contenidos.Interactividad con el usuarioRetroalimentación

Proceso de desarrollo

Planeación

Diseño

Desarrollo

Lanzamiento

Post lanzamiento

Proceso de desarrollo

PlaneaciónAnálisisProyectoMapa de sitio (Diagrama)Contrato de trabajo / Derechos de la informaciónAcceso a servidores (Desarrollo y Producción)Tecnología de desarrollo

Proceso de desarrollo

Diseño

Wireframe o layout

Mockups 

Diseño

Revisiones y aprobaciones

Diagramación (Codificación HTML / CSS)

Proceso de desarrollo

Desarrollo

Herramienta de desarrollo

Codificación de templetes

Desarrollo y pruebas

Aplicación de contenidos

Pruebas y revisiones

Proceso de desarrollo

Lanzamiento

Revisiones

Publicación a servidor de producción

Pruebas de funcionamiento

Revisión entre navegadores

Validación W3C

Proceso de desarrollo

Post lanzamiento

Entrega al cliente

Proveer documentación y archivos

Cierre de proyecto, documentación final

Mantenimiento (Servicio de Webmaster)

Proceso de desarrolloDocumentar el proceso

Utilizar el proceso (reutilizar el proceso)

Refinar el proceso

Archivos y respaldos

Recuerda que es un negocio (para ti y tu cliente)

Consideraciones finales

Preguntas y Respuestas

Román Tienda Martínez@romantm