Wireframe de la teoría a la práctica - DrupalCamp2011
1. WIREFRAMES de la teoría a la práctica
Byron Corrales Rivas
@byroncor
byroncorrales.blogspot.com
byroncorrales@gmail.com
licencia Creative Commons Atribución-CompartirIgual 3.0 Unported.
Servicio de Información Mesoamericano sobre Agricultura Sostenible
www.simas.org.ni
2.
3. 4 Sitios webs
1
Planeta
1
Grupos de trabajo
SIMAS y DRUPAL
18. ➔ Incremento de costos
➔ Aumento en los tiempos de diseño y desarrollo
➔ Frustrada relación con el cliente
➔ Problemas de comunicación con el equipo
CONSECUENCIAS
19. Definir claramente el árbol de contenidos, secciones, niveles,
contenidos relacionados, etc.
Definición de sistema de navegación, elementos concretos,
tales como menús, guías, botones y otros elementos que deben
ser claramente distinguibles dentro de la interfaz
ARQUITECTURA DE LA INFORMACIÓN
20. El Card Sorting es una técnica sencilla en el diseño de la
experiencia del usuario, donde se guía a un grupo de "expertos"
o de usuarios, pero sin tener experiencia alguna de diseño de
mapa de sitio; ésta técnica es utilizada para generar un árbol de
categorías.
Es un enfoque útil para el
diseño de la arquitectura de
información, flujos de trabajo,
la estructura del menú, o rutas
de navegación del sitio.
Tipos: Abiertas y Cerradas
CARD SORTING
22. Básicamente, un wireframe es
una guía visual que se suele
utilizar para definir la
estructura de un sitio web y
las relaciones entre sus páginas,
siendo una base que determina
la disposición de los elementos
fundamentales en la interfaz de
la web
Gráficamente, son estructuras
muy simples y están
enfocados a visualizar la
distribución de los contenidos
dentro de una pantalla
23. ➔ Definen qué quiere tu cliente y cuáles son sus objetivos.
➔ Permite la comunicación fluida entre el equipo de trabajo y el cliente
➔ Las correcciones son objetivas, basadas en contenidos y funcionalidad.
➔ Se evitan las discusiones gráficas.
➔ Se reducen los tiempos de trabajo y costos.
➔ Permiten visualizar interacciones y flujos.
➔ Se pueden identificar problemas de Interacción, Usabilidad, accesibilidad.
➔ Como es una estructura simple y enfocada en los contenidos, permite al
diseñador tener plena libertad al momento de diseñar la interfaz
VENTAJAS
