La potencial utilidad y usabilidad de las nuevas tecnologías web en la predicación del evangelio.
Usabilidad y diseño
-
Upload
roman-tm -
Category
Technology
-
view
108 -
download
0
description
Transcript of Usabilidad y diseño
![Page 1: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/1.jpg)
Usabilidad y diseño
Román Tienda Martínez@romantm
![Page 2: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/2.jpg)
Diseñador Programador
![Page 3: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/3.jpg)
El usuario eslo más importante!
![Page 4: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/4.jpg)
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/
![Page 5: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/5.jpg)
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/
![Page 6: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/6.jpg)
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.
![Page 7: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/7.jpg)
¿Qué buscamos del usuario?
AtenciónRetenciónEnamoramientoConversión
![Page 8: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/8.jpg)
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)
![Page 9: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/9.jpg)
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.
![Page 10: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/10.jpg)
¿Quiénes deben cuidar la Usabilidad?
![Page 11: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/11.jpg)
Los que están produciendo, desarrollando y creando interfaces.
![Page 12: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/12.jpg)
Estudiantes.DiseñadoresIngenieros.Programadores.Administradores de contenido.
Directores creativos.CopyRedactores
![Page 13: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/13.jpg)
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
![Page 14: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/14.jpg)
Proceso de desarrollo
Planeación
Diseño
Desarrollo
Lanzamiento
Post lanzamiento
![Page 15: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/15.jpg)
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
![Page 16: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/16.jpg)
Proceso de desarrollo
Diseño
Wireframe o layout
Mockups
Diseño
Revisiones y aprobaciones
Diagramación (Codificación HTML / CSS)
![Page 17: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/17.jpg)
Proceso de desarrollo
Desarrollo
Herramienta de desarrollo
Codificación de templetes
Desarrollo y pruebas
Aplicación de contenidos
Pruebas y revisiones
![Page 18: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/18.jpg)
Proceso de desarrollo
Lanzamiento
Revisiones
Publicación a servidor de producción
Pruebas de funcionamiento
Revisión entre navegadores
Validación W3C
![Page 19: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/19.jpg)
Proceso de desarrollo
Post lanzamiento
Entrega al cliente
Proveer documentación y archivos
Cierre de proyecto, documentación final
Mantenimiento (Servicio de Webmaster)
![Page 20: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/20.jpg)
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
![Page 21: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/21.jpg)
Preguntas y Respuestas
![Page 22: Usabilidad y diseño](https://reader035.fdocuments.in/reader035/viewer/2022070323/55981cfe1a28ab57048b4842/html5/thumbnails/22.jpg)
Román Tienda Martínez@romantm