conferencia del papel al ordenador
DESCRIPTION
Conferencia Del Papel al Ordenador realizada en Camon por Andrés KarpTRANSCRIPT
![Page 1: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/1.jpg)
![Page 2: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/2.jpg)
•PLANIFICACIÓN•CONCEPTUALIZACIÓN
•DISEÑO•CÓDIGO
•TEST Y PUESTA EN MARCHA
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
![Page 3: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/3.jpg)
http://www.flickr.com/photos/thelastminute
![Page 4: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/4.jpg)
http://www.flickr.com/photos/cusegoyle
Que penséis antes de pulsar una tecla.
![Page 5: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/5.jpg)
http://www.flickr.com/photos/dominicspics
Que aprendáis otra forma de plantear proyectos web.
![Page 6: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/6.jpg)
Que dediquéis el tiempo justo a cada tarea.
http://www.flickr.com/photos/lrargerich
![Page 7: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/7.jpg)
Y que simplifiquéis el proceso de desarrollo web.http://www.flickr.com/photos/cliche
![Page 8: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/8.jpg)
http://www.flickr.com/photos/76074333@N00
PLANIFICACIÓN
![Page 9: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/9.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
•ENTORNO•ANÁLISIS DEL PROYECTO
•ANÁLISIS DEL MERCADO•VISIÓN DEL CLIENTE
•BRAINSTORMING
![Page 10: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/10.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Espacio de trabajo:
![Page 11: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/11.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Espacio de trabajo:
![Page 12: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/12.jpg)
http://www.flickr.com/photos/76074333@N00
![Page 13: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/13.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
![Page 14: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/14.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
ESTRUCTURA DEL PROYECTO
![Page 15: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/15.jpg)
http://www.flickr.com/photos/jamescridland
![Page 16: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/16.jpg)
http://www.flickr.com/photos/jamescridland
![Page 17: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/17.jpg)
http://www.flickr.com/photos/peasap
![Page 18: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/18.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
![Page 19: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/19.jpg)
http://www.flickr.com/photos/adactio
CONCEPTUALIZACIÓN
![Page 20: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/20.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
•PLASMAR VISIÓN DEL CLIENTE•ARQUITECTURA DE LA INFORMACIÓN
•EXPERIENCIA DE USUARIO•WIREFRAME
•DISEÑO DE INFORMACIÓN
![Page 21: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/21.jpg)
by Germán Karp
Plasmar Visión del Cliente
![Page 22: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/22.jpg)
http://www.flickr.com/photos/juhansonin
Arquitectura de la Información
![Page 23: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/23.jpg)
Maximo Castagno
Organización de Elementos
![Page 24: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/24.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Búsqueda Intregrada
![Page 25: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/25.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Videos
Documentación
Feedback Usuarios
Talleres
Videos
DocumentaciónConferencias
Lo Último
Agenda
Comunidad
Ayuda
Blog
HomeArte Multimedia
Cine y Fotografía
Música
Nuevas Tecnologías
Secciones
Usuarios
Videos
Creaciones
Actividades
Grupos
MiCamon
Jerarquía de Navegación
![Page 26: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/26.jpg)
http://www.flickr.com/photos/moonsoleil
Experiencia de Usuario
![Page 27: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/27.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Experiencia de Usuario:
Peter Morville Sascha Mahlke• ÚTIL
• USABLE
• DESEABLE
• ENCONTRABLE
• ACCESIBLE
• CREÍBLE
• VALIOSO
• UTILIDAD
• FACILIDAD DE USO
• CUALIDAD DE HEDÓNICO
• ATRACTIVO VISUAL
![Page 28: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/28.jpg)
http://www.flickr.com/photos/christian_campos
Wireframe
![Page 29: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/29.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Wireframe: Prototipo de Baja Calidad
![Page 30: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/30.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Wireframe: Prototipo de Alta Calidad
![Page 31: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/31.jpg)
http://www.flickr.com/photos/christian_campos
Diseño de Información
![Page 32: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/32.jpg)
http://www.flickr.com/photos/charlesonflickr
DISEÑO
![Page 33: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/33.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
•OPTIMIZACIÓN DEL PROTOTIPO•DISEÑO DE PÁGINAS PRINCIPALES
•DISEÑO DE PÁGINAS SECUNDARIAS•INTEGRACIÓN DE TODO EL DISEÑO
•OPTIMIZACIÓN DE LA GRÁFICA PARA LA WEB
![Page 34: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/34.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Optimización del Prototipo:
Enfoque
Organización del workflow de navegación
Este es el momento de agregar o quitar algo
Viabilidad del Prototipado
![Page 35: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/35.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
Diseño de Páginas Principales:
![Page 36: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/36.jpg)
http://www.flickr.com/photos/courtneybolton
OPTMIZACIÓN
![Page 37: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/37.jpg)
http://www.flickr.com/photos/dnorman
CÓDIGO
![Page 38: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/38.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
•ENTORNO DE DESARROLLO•LENGUAJE DE PROGRAMACIÓN
•MAQUETACIÓN•DESARROLLO ORIENTADO AL SEO
•INTEGRACIÓN DEL DISEÑO
![Page 39: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/39.jpg)
Bruce Fingerhood
PUESTA EN MARCHA
![Page 40: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/40.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
•PRE-PRODUCCIÓN •CROSSBROWSING
•DOCUMENTACIÓN•PUBLICACIÓN DE LA WEB
![Page 41: Conferencia Del Papel Al Ordenador](https://reader030.vdocuments.pub/reader030/viewer/2022012922/548fb09bb4795942098b4647/html5/thumbnails/41.jpg)
CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP
preguntas:http://www.adwa.es/foro
más preguntas:http://www.twitter.com/andreskarp
¡MUCHAS GRACIAS!ANDRÉS KARP