•PLANIFICACIÓN•CONCEPTUALIZACIÓN

•DISEÑO•CÓDIGO

•TEST Y PUESTA EN MARCHA

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

http://www.flickr.com/photos/thelastminute

http://www.flickr.com/photos/cusegoyle

Que penséis antes de pulsar una tecla.

http://www.flickr.com/photos/dominicspics

Que aprendáis otra forma de plantear proyectos web.

Que dediquéis el tiempo justo a cada tarea.

http://www.flickr.com/photos/lrargerich

Y que simplifiquéis el proceso de desarrollo web.http://www.flickr.com/photos/cliche

http://www.flickr.com/photos/76074333@N00

PLANIFICACIÓN

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

•ENTORNO•ANÁLISIS DEL PROYECTO

•ANÁLISIS DEL MERCADO•VISIÓN DEL CLIENTE

•BRAINSTORMING

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

Espacio de trabajo:

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

Espacio de trabajo:

http://www.flickr.com/photos/76074333@N00

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

ESTRUCTURA DEL PROYECTO

http://www.flickr.com/photos/jamescridland

http://www.flickr.com/photos/jamescridland

http://www.flickr.com/photos/peasap

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

http://www.flickr.com/photos/adactio

CONCEPTUALIZACIÓN

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

by Germán Karp

Plasmar Visión del Cliente

http://www.flickr.com/photos/juhansonin

Arquitectura de la Información

Maximo Castagno

Organización de Elementos

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

Búsqueda Intregrada

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

http://www.flickr.com/photos/moonsoleil

Experiencia de Usuario

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

http://www.flickr.com/photos/christian_campos

Wireframe

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

Wireframe: Prototipo de Baja Calidad

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

Wireframe: Prototipo de Alta Calidad

http://www.flickr.com/photos/christian_campos

Diseño de Información

http://www.flickr.com/photos/charlesonflickr

DISEÑO

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

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

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

Diseño de Páginas Principales:

http://www.flickr.com/photos/courtneybolton

OPTMIZACIÓN

http://www.flickr.com/photos/dnorman

CÓDIGO

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

Bruce Fingerhood

PUESTA EN MARCHA

CONFERENCIA DEL PAPEL AL ORDENADOR ANDRÉS KARP

•PRE-PRODUCCIÓN •CROSSBROWSING

•DOCUMENTACIÓN•PUBLICACIÓN DE LA WEB

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

andres@dinamiclab.com