Ayuda! Cómo crear una UI Tech Spec

Question

Mierda. Me encargaron crear una especificación técnica para una interfaz de usuario que estoy desarrollando. Este es mi primer trabajo de desarrollador real, y después de ver las especificaciones técnicas para el back-end del proyecto, me siento un poco sobre mi cabeza. Puedo hacer maquetas y wireframes hasta que las vacas vuelvan a casa, pero no estoy seguro de cómo juntar toda esta información.

¿Alguien sabe de un buen recurso o posiblemente un buen ejemplo de una especificación tecnológica UI?

Answer 1

No estoy seguro si esto es de alguna ayuda, pero me gusta cómo el proyecto de mozilla está detallando las especificaciones de ui en su wiki.
Ejemplo: https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen

Answer 2

Puede echar un vistazo a General User Interface Specifications for OpenOffice para obtener ideas.

Answer 3

los wireframes/maquetas son lo más importante para hacerlo bien (que presentan una funcionalidad de una perspectiva de los usuarios)

tengo un artículo de blog en la creación de wireframes, describe una serie de diferentes herramientas que puede utilizar (desde Word a Visio), de esa manera se puede elegir lo que usted se sienta más cómodo: http://pm4web.blogspot.com/2008/10/wireframes-and-mockups-part-1.html

también tratar de Joel en el estilo de especificación de software: http://www.joelonsoftware.com/articles/fog0000000036.html

este es un muy buen estilo básico de especificaciones para BEG (ampollas de su lo que empecé a)

espero que esto ayude

LM