Drupal - prototipos rápidos

42
Prototipos rápidos con Drupal D ru p al C am p C o s ta R ica 201 1

description

3er Drupal Camp Centroamericano, Costa Rica . Tips para desarrollar prototipos rápidos con Drupal.

Transcript of Drupal - prototipos rápidos

Page 1: Drupal - prototipos rápidos

Prototipos rápidoscon DrupalD rupal C am p C osta R ica 201 1

Page 2: Drupal - prototipos rápidos
Page 3: Drupal - prototipos rápidos

Agenda

Page 4: Drupal - prototipos rápidos

1.Ego2.Roadmap 3.Las bases4.Wireframes vs Prototipos5.?

Page 5: Drupal - prototipos rápidos

Ego

Page 6: Drupal - prototipos rápidos
Page 7: Drupal - prototipos rápidos

Roadmap

Page 8: Drupal - prototipos rápidos
Page 9: Drupal - prototipos rápidos
Page 10: Drupal - prototipos rápidos
Page 11: Drupal - prototipos rápidos
Page 12: Drupal - prototipos rápidos
Page 13: Drupal - prototipos rápidos
Page 14: Drupal - prototipos rápidos
Page 15: Drupal - prototipos rápidos
Page 16: Drupal - prototipos rápidos
Page 17: Drupal - prototipos rápidos
Page 18: Drupal - prototipos rápidos
Page 19: Drupal - prototipos rápidos

Las bases

Page 20: Drupal - prototipos rápidos

Iterar, desde papel.

Page 21: Drupal - prototipos rápidos

La Web es acerca de la gente.

Page 22: Drupal - prototipos rápidos

Wireframes y prototipos , no se trata de herramientas .

Page 23: Drupal - prototipos rápidos

Forma rápida de incorporar feedback directo de usuarios reales .

Page 24: Drupal - prototipos rápidos

E l objetivo es medir la función y el flujo de la interfaz, no el aspecto.

Page 25: Drupal - prototipos rápidos

No se trata de tener has ta el último detalle.

Page 26: Drupal - prototipos rápidos

Diálogo continuo entre diseñadores , desarrolladores y clientes .

Page 27: Drupal - prototipos rápidos

Un prototipo del concepto, funciones macro, gráficos y comportamiento (usabilidad) como primera impres ión.

Page 28: Drupal - prototipos rápidos
Page 29: Drupal - prototipos rápidos

Wireframe vs . Prototipos

Page 30: Drupal - prototipos rápidos

Wireframes

" Ilus traciones " independientes de pantallas s in gráficos , indicaciones de funcionalidad y el flujo.

Page 31: Drupal - prototipos rápidos

Prototipos

Vers iones interactivas , diferentes niveles de tratamiento gráfico / fidelidad. La interactividad imita la funcionalidad previs ta del producto final.

Page 32: Drupal - prototipos rápidos

Un prototipo debe tener algúntipo de secuencia, capacidad de moverse de un es tado / pantalla / páginaotra, o la capacidad para s imular movimiento de un punto / es tado / pantallaa otro / es tado / pantalla.

Page 33: Drupal - prototipos rápidos

Para qué?

Page 34: Drupal - prototipos rápidos

1. Entender de que se trata.2. Flujo de trabajo.3. Informar.4. Gente feliz.

Page 35: Drupal - prototipos rápidos
Page 36: Drupal - prototipos rápidos

Workflow

Page 37: Drupal - prototipos rápidos

No pensar en modo absoluto, mentalidad global y elás tica.

Page 38: Drupal - prototipos rápidos

Preguntas adecuadas .

http ://b it.ly/cont-us

Page 39: Drupal - prototipos rápidos

Des igning in the Browser

Page 40: Drupal - prototipos rápidos

• CCK.• Views .• Webforms

Page 41: Drupal - prototipos rápidos
Page 42: Drupal - prototipos rápidos

?