¿Cuál es la mejor manera de organizar e inventariar todas las pantallas y flujos de IU?

Answer 1

Generalmente sugiero tres niveles de documentación:

1) un diagrama de flujo de alto nivel de todas las pantallas. (No olvide los errores, estados alternativos, etc. y recuerde que “pantallas” y “archivos” no son lo mismo. Piense en casos de uso). Numere cada pantalla con un sistema de numeración de estilo de esquema que pueda crecer infinitamente Y tenga espacio dentro; por ejemplo, use números, no letras, y deje espacio (10, 20, 30 … no 1, 2, 3). Incluya versiones en sus etiquetas. Nombre las secciones principales del sitio para que pueda proporcionar un fácil acceso a los flujos en la conversación.

2) Cree un cronograma (Excel funciona) con cada pantalla identificada por número y sus atributos clave provistos en cada fila. Si está en desarrollo continuo, este es un buen lugar para realizar un seguimiento de la versión de cada pantalla en vivo vs. en desarrollo.

3) Wireframes (capas) y capturas de pantalla de cada versión, apiladas dentro de un archivo (el ilustrador funciona) para que pueda capturar cada etapa del desarrollo de la página.

Podría considerar un sistema de control de versiones, y hay muchos en el mercado para elegir. Tenga en cuenta, sin embargo, que una herramienta como Dropbox (o WordPress, o Google Docs, o Time Machine … etc.) proporcionará una copia de seguridad automática de versiones anteriores. Es una solución de hombre pobre que funciona bien con la solución basada en documentos descrita anteriormente.

También puede comprar un sistema complejo para hacer lo anterior. En mi experiencia, la educación que proviene de mantener su trabajo organizado es invaluable para estudiar el diseño de la información y realmente ayuda a mejorar los sitios web y otros diseños que construye.

Answer 2

La manera simple o incluso el primer paso es tener un archivo grande, tal vez 10000 X 10000 píxeles con toda su interfaz de usuario. Imagine un póster grande, muy grande con todos sus elementos de la interfaz de usuario. Puedes verlos a todos de una sola vez. Una tarjeta postal de lo que tienes.

Actualízalo, anótalo y úsalo. Verá patrones emergentes y, como dijo @David Thiel, vaya más allá con el diagrama de flujo, excel, wireframes, etc.

Answer 3

Prefiero proyectos en los que se utiliza una wiki, preferiblemente construida con confluencia, para documentar todas las partes de una interfaz de usuario compleja. Se puede construir una estructura por adelantado adaptada a las necesidades de todos los interesados ​​y con una convención para el control de versiones.