Pensamiento de Diseño web

2,029 views

Published on

Pensamiento de Diseño, Rescatando la dimension de proceso

Published in: Design, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,029
On SlideShare
0
From Embeds
0
Number of Embeds
372
Actions
Shares
0
Downloads
38
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Pensamiento de Diseño web

  1. 1. www.socialmedia.com.pe Pensamiento de Diseño Rescatando su dimensión de proceso! #drupalperu Juan Camilo Lema V / @jclema
  2. 2. Por que hablar de Pensamiento de diseño? Diseño 1.0 Estatico y “Bonito” Diseño 2.0 Dinamico y funcional
  3. 3. Diseño 2.0 Dinámico y funcional entradas salidas PROCESOS retroalimentacion “ Sistema” entidad dinamica
  4. 4. El nuevo reto Diseño de sistemas no productos estaticos
  5. 5. Diseño de sistemas <ul><li>algunos paradigmas.... </li></ul><ul><li>El diseño como una herramienta para crear cosas bonitas </li></ul><ul><li>vision reduccionista </li></ul><ul><li>El contenido es el rey, vehiculos de interaccion </li></ul><ul><li>calidad no cantidad </li></ul><ul><li>Usabilidad, mas que código y test </li></ul><ul><li>no me hagas pensar! </li></ul>
  6. 6. Proponemos una metodología para pasar del Diseño, al “Pensamiento de Diseño”, de oficio técnico a metodología para innovar... Innovacion, ideas frescas que generan valor
  7. 7. Queriendo reivindicar el pensamiento imaginativo y creativo...
  8. 8. Queriendo reivindicar el pensamiento imaginativo y creativo... Pero al mismo tiempo, definiendo al diseño como metodología, lo que implica introducir cierto orden o protocolo de razonamiento .
  9. 9. P O E H ersonas bjetivos strategia erramientas definiendo al diseño como metodología .... Fuente: http://blogs.forrester.com/groundswell/2007/12/the-post-method.html
  10. 10. Construyendo Personas 1. Personas ¿a quienes queremos influenciar?
  11. 11. 1. Personas Son personajes ficticios creados para representar a los diferentes tipos de usuarios que podrian usar el sitio web. Provee enfoque hacia los objetivos del usuario y las rutas de completitud
  12. 12. Fuente: http://konigi.com/tools/omnigraffle-ux-template
  13. 13. “ Andres” Documento personas Demográfico Estilo de Vida <ul><li>Hombre / NSE A, B </li></ul><ul><li>Edad - 19 años </li></ul><ul><li>Educacion – Graduado Colegio </li></ul><ul><li>Ubicacion – Vive en Lima </li></ul><ul><li>Depende de sus padres </li></ul><ul><li>Rol Hijo querido hijo adorado </li></ul><ul><li>Quote: “ Quiero desarrollarme y estudiar lo que me gusta” </li></ul>Generación Y (1982 - 2001) <ul><li>De resultados </li></ul><ul><li>Colaboracion </li></ul><ul><li>Mision </li></ul><ul><li>Estructura </li></ul>Motivacion Características <ul><li>Tech conforts (0 a 100) %: </li></ul><ul><ul><li>100 % uso Facebook </li></ul></ul><ul><ul><li>20 % uso Twitter </li></ul></ul><ul><ul><li>Mobile: 100 % voz / 40% Datos </li></ul></ul><ul><li>Bloggea en sus ratos libres, consume video juegos, “Digital Native”, iPod </li></ul>Necesidad de información Acciones / objetivos <ul><li>Que hacen </li></ul><ul><ul><ul><li>Pregrado / (carreras) </li></ul></ul></ul><ul><ul><ul><li>Escuela de Negocios / con grado / sin grad </li></ul></ul></ul><ul><li>Quienes son </li></ul><ul><ul><li>Board / convenios / misión / visión </li></ul></ul><ul><li>Estatus </li></ul><ul><li>Calidad de educacion </li></ul><ul><li>Desarrollo intelectual y personal </li></ul><ul><li>Búsquedas </li></ul><ul><li>Descarga de curricula </li></ul><ul><li>Descarga de proceso de ingreso </li></ul>Comportamiento anticipado <ul><li>Andres llega al sitio web por referencia de una amigo suyo que ya estudia en esan, o po rmedio de busquedas en google </li></ul><ul><li>Su primera visita será exploratoria, él querrá aprender tanto como pueda acerca de la universidad, su infraestructutura y las opciones de carrera </li></ul><ul><li>En la siguiente visit a Andres estara interesado en saber los precios por semestre y la forma en la que debe aplicar para ingresar </li></ul>
  14. 14. “ Andres” Documento personas Demográfico Estilo de Vida <ul><li>Hombre / NSE A, B </li></ul><ul><li>Edad - 19 años </li></ul><ul><li>Educacion – Graduado Colegio </li></ul><ul><li>Ubicacion – Vive en Lima </li></ul><ul><li>Depende de sus padres </li></ul><ul><li>Rol Hijo querido hijo adorado </li></ul><ul><li>Quote: “ Quiero desarrollarme y estudiar lo que me gusta” </li></ul>Generación Y (1982 - 2001) <ul><li>De resultados </li></ul><ul><li>Colaboracion </li></ul><ul><li>Mision </li></ul><ul><li>Estructura </li></ul>Motivacion Características <ul><li>Tech conforts (0 a 100) %: </li></ul><ul><ul><li>100 % uso Facebook </li></ul></ul><ul><ul><li>20 % uso Twitter </li></ul></ul><ul><ul><li>Mobile: 100 % voz / 40% Datos </li></ul></ul><ul><li>Bloggea en sus ratos libres, consume video juegos, “Digital Native”, iPod </li></ul>Necesidad de información Acciones / objetivos <ul><li>Que hacen </li></ul><ul><ul><ul><li>Pregrado / (carreras) </li></ul></ul></ul><ul><ul><ul><li>Escuela de Negocios / con grado / sin grad </li></ul></ul></ul><ul><li>Quienes son </li></ul><ul><ul><li>Board / convenios / misión / visión </li></ul></ul><ul><li>Estatus </li></ul><ul><li>Calidad de educacion </li></ul><ul><li>Desarrollo intelectual y personal </li></ul><ul><li>Búsquedas </li></ul><ul><li>Descarga de curricula </li></ul><ul><li>Descarga de proceso de ingreso </li></ul>Comportamiento anticipado <ul><li>Andres llega al sitio web por referencia de una amigo suyo que ya estudia en esan, o po rmedio de busquedas en google </li></ul><ul><li>Su primera visita será exploratoria, él querrá aprender tanto como pueda acerca de la universidad, su infraestructutura y las opciones de carrera </li></ul><ul><li>En la siguiente visit a Andres estara interesado en saber los precios por semestre y la forma en la que debe aplicar para ingresar </li></ul>hechos Cosas que asumimos con la info que tenemos Objetivos, acciones, web metrics
  15. 15. Se trata de crear historias para conectarnos 1. Personas
  16. 16. Alineando los drivers de negocio ¿Que quieres conseguir? 2. Objetivos
  17. 17. 2. Objetivos
  18. 18. Definiendo un eje funcional Actions internas Actions externas Feedback y monitoreo 3. Estrategia
  19. 19. acciones internas Tus actividades de mantenimiento del sitio
  20. 20. acciones internas Son todas aquellas actividades CICLICAS de mantenimiento del sitio, que vehiculicen la construcción de las relaciones con las personas. <ul><li>Estratégica </li></ul><ul><li>Actividades o campañas planeadas en una línea de tiempo que permitan </li></ul><ul><li> - Reconocer a nuestros usuarios </li></ul><ul><li> - Recompensar a nuestros usuario </li></ul><ul><ul><li>- Monitoreo > retroalimentación > Ajustes en el DiseÑo </li></ul></ul>Contenidos Creatividad, redacción, moderado de la red, producción, foto, video, flash banners. - Contenido generado por marca (CGM) - Contenido generado por usuario (CGU) - Contenido enriquecido por usuario (CEU) Soporte análisis, gestión y solución a todas las consultas e incidencias - - Mantenimiento preventivo - Mantenimiento correctivo - Evoluciones de la plataforma
  21. 21. acciones externas
  22. 22. acciones externas <ul><li>Se trata de crear activos digitales... </li></ul><ul><li>Artículos </li></ul><ul><li>Fotos </li></ul><ul><li>Videos </li></ul><ul><li>Blogs </li></ul><ul><li>Productos/servicios </li></ul><ul><li>elearning </li></ul>Los activos digitales son ventanas de acceso de los usaurios a los contenidos de su marca
  23. 23. resultados y feedback Google Analytics, http://bit.ly/ , http://tweetpsych.com/
  24. 24. Resumen eje funcional <ul><li>Procesos: </li></ul><ul><li>Get Found </li></ul><ul><li>Publicar </li></ul><ul><li>Promover </li></ul><ul><li>Optimizar </li></ul><ul><li>Convert </li></ul><ul><li>Testiar </li></ul><ul><li>Target </li></ul><ul><li>Nutrir </li></ul><ul><li>Herramientas: </li></ul><ul><li>Get Found </li></ul><ul><li>Administración de contenidos </li></ul><ul><li>Social Media </li></ul><ul><li>SEO – SEM </li></ul><ul><li>Analytics </li></ul><ul><li>Convert </li></ul><ul><li>Ofertas, promociones </li></ul><ul><li>Admon de leads </li></ul><ul><li>Email </li></ul><ul><li>Analytics </li></ul>Fuente: www.hubspot.com
  25. 25. A usar... 4. Herramientas
  26. 26. Herramientas Google insight for search Nos da una idea de la cantidad de trafico que podemos ATRAER
  27. 27. Herramientas Mockups para hacer prueba de concepto Nos da una idea de la experiencia de usuario priorizando los objetivos o clics deseados Fuente: http://www.balsamiq.com/products/mockups/examples#mytunez
  28. 28. Herramientas Drupal + 10 modulos basicos Administration menu Content Construction Kit (CCK) Views Panels ImageCache Pathauto SEO Checklist Devel Lightbox2 SWF Tools
  29. 29. La clave, crear mas valor del que capturas… Tim O'Reilly

×