Download - Pensamiento de Diseño web
![Page 1: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/1.jpg)
www.socialmedia.com.pe
Pensamiento de Diseño Rescatando su dimension de proceso...
![Page 2: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/2.jpg)
Un dia un par de amigos se hicieron la siguiente pregunta...
![Page 3: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/3.jpg)
Que es mas importante....
?¿ E l d is e ñ o o e l c o n t e n id o
![Page 4: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/4.jpg)
El diseño!
El contenido!
![Page 5: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/5.jpg)
EL USO
pero hay una tercera respuesta...
![Page 6: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/6.jpg)
Diseño + Contenido + Uso
algunos paradigmas....
• El diseño como una herramienta para crear cosas bonitas(vision reduccionista) • El contenido es el rey(calidad no cantidad)
• Usabilidad(mas que código y test)
![Page 7: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/7.jpg)
Diseño + Contenido + Uso
algunos paradigmas....
• El diseño como una herramienta para crear cosas bonitas(vision reduccionista) • El contenido es el rey(calidad no cantidad)
• Usabilidad(mas que código y test)
Lo que faltaba era una metodología para pasar del Diseño al “Pensamiento de Diseño”, de oficio técnico a metodología para innovar...
![Page 8: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/8.jpg)
Queremos reivindicar el pensamiento imaginativo y creativo...
![Page 9: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/9.jpg)
Queremos 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.
![Page 10: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/10.jpg)
POST
eople
bjetives
trategy
ools
definiendo al diseño como metodología....
Fuente: http://blogs.forrester.com/groundswell/2007/12/the-post-method.html
![Page 11: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/11.jpg)
Building Personas
1. Personas | People
- Describe el grupo de personas a las que quieres llegar.
- Identifica las necesidades que tienen y para poder desarrollar los satisfactores
![Page 12: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/12.jpg)
Fuente: http://konigi.com/tools/omnigraffle-ux-template
![Page 13: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/13.jpg)
Se trata de crear historias para conectarnos
1. Personas | People
![Page 14: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/14.jpg)
Alineando los drivers de negocio
¿Que quieres conseguir?
2. Objetivos
![Page 15: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/15.jpg)
2. Objetivos
![Page 16: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/16.jpg)
Definiendo un eje funcional
Actions internas
Actions externas
Feedback y monitoreo
3. Estrategia
![Page 17: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/17.jpg)
acciones internas
Tus actividades de mantenimiento del sitio
![Page 18: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/18.jpg)
acciones internas
Son todas aquellas actividades de mantenimiento del sitio, que vehiculicen la construcción de las r e la c io n e s con las personas.
E s t r a t é g ic aActividades o campañas p la n e a d a s en una línea de tiempo que permitan
- Reconocer a nuestros usuarios - Recompensar a nuestros usuarios
C o n t e n id o sCreatividad, redacción, moderado de la red, producción, foto, video, flash banners.
- Contenido generado por marca (CGM) - Contenido generado por usuario (CGU)
- Contenido enrriquecido por usuario (CEU)
S o p o r t eanálisis, gestión y solución a todas las consultas e incidencias -
- Mantenimiento preventivo - Mantenimiento correctivo
- Evoluciones de la plataforma
![Page 19: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/19.jpg)
acciones externas
![Page 20: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/20.jpg)
acciones externas
Se trata de crear activos digitales...
• Artículos• Fotos• Videos• Blogs • Productos/servicios• elearning
Los activos digitales son ventanas de acceso de los usaurios a los contenidos de su marca
![Page 22: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/22.jpg)
Resumen eje funcional
Procesos:
Get Found
• Publicar
• Promover
• Optimizar
Convert
• Testiar
• Target
• Nutrir
Herramientas:
Get Found
• Administración de
contenidos
• Social Media
• SEO – SEM
• Analytics
Convert
• Ofertas, promociones
• Admon de leads
• Analytics
Fuente: www.hubspot.com
![Page 23: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/23.jpg)
A usar...
4. Herramientas
![Page 24: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/24.jpg)
Herramientas
Google insight for search
Nos da una idea de la cantidad de trafico que podermos ATRAER
![Page 25: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/25.jpg)
Herramientas
Mockups para hacer prueba de concepto
Nos da una idea de la experiencia de usuario priorizando los obejtivos o clics deseados
Fuente: http://www.balsamiq.com/products/mockups/examples#mytunez
![Page 26: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/26.jpg)
Herramientas
Drupal + 10 modulos basicos
Administration menu
Content Construction Kit (CCK)
Views
Panels
ImageCache
Pathauto
SEO Checklist
Devel
Lightbox2
SWF Tools
![Page 27: Pensamiento de Diseño web](https://reader034.vdocuments.co/reader034/viewer/2022052602/55a08b571a28ab72228b460e/html5/thumbnails/27.jpg)
La clave, crear mas valor del que capturas…
Tim O'Reilly