Sketch para diseño Web y prototipado, desterrando Photoshop

post - - leave a reply - share
Interfaz de Sketch

Después de 13 añacos! usando Photoshop para diseño Web (sí, sí para diseño web) y muchísimos intentos por pasarme a otras alternativas, ahora por fin puedo gritar a los 4 vientos el cambio por Sketch.

Así como la versión 1 apenas le dedique media hora, la 2 volví a intentarlo pero nada, finalmente la versión 3 me ha convencido. Tiene una interfaz muy bien trabajada, muy intuitiva, fácil de comprender y hacerse con sus entrañas. Y no solo es perfecta para diseño Web, sino también muy eficaz para prototipar en fase de wireframes. Por último destacaría la brutal cantidad de recursos y su creciente comunidad, esto le asegura una buena evolución.

Dejo por aquí algunos links que me parecieron interesantes cuando me sumergí en Sketch.

Tutoriales

Recursos

Prototipado

Un tanden estupendo para la fase de wireframes inVision + Sketch.
Screenshot 2016-04-15 12.25.12

Diseño centrado en el usuario, una propuesta

post - - 1 reply - share
dcu

Hace alrededor de 2 años publique en este blog: La pirámide del diseño web, con mi idea sobre los elementos más relevantes en el proceso.

Ahora expongo una revisión de esta idea pero intentando tomar como base las premisas del DCU .

He elaborado un esquema en el siguiente documento: Diseño centrado en el usuario, una propuesta. (PDF – 188Kb)

Básicamente divido el proceso en 5 etapas:

  1. Arquitectura de la información
    1. Análisis (información, objetivos, usuarios)
    2. Diseño conceptual (blueprints, wireframes)
  2. Diseño
    1. Diseñó visual (mockups)
  3. Desarrollo
    1. Front-end (web estática)
    2. Back-end (web dinámica)
  4. Publicación
  5. Mantenimiento

En la propuesta, la evaluación de interfaz/usuarios deber correr desde su inicio y en paralelo al proyecto.

Se harían interacciones de evaluación constante con los usuarios a través de:
Blueprints (prototipo de baja fidelidad) > Wireframes (prototipo de media fidelidad) > Mockup (prototipo de alta fidelidad) > Web estática > Web dinámica.