Cómo Anotar su diseño web para desarrolladores

La construcción de un nuevo sitio web o añadir características a una existente es habitual un esfuerzo de colaboración entre los diseñadores y desarrolladores. Un diseño bien anotado puede ayudar a los desarrolladores a entender lo que se necesita y aseguran que el sitio está construido con las especificaciones.

Instrucciones

1 Escribe a su público. Los desarrolladores tendrán que saber cómo se utilizará el diseño y lo que se necesita hacer para hacer el trabajo de diseño. También necesitarán saber cuáles son las características que se requieren son para.

2 Crear personajes de usuario para ilustrar cómo diferentes personas utilizarán el sitio y cómo van a beneficiarse de ella. Es útil tener a tipos específicos de personas en mente, si desea visualizar las formas en las que se utilizará un sitio.

3 Crear un escenario. Conociendo el contexto del uso de un sitio le ayudará con el desarrollo. Tal vez es un sitio favorito visitado más de una taza de café; tal vez es algo comprobado a través de teléfono móvil en el metro.

4 Crear un paseo a través de concretar los detalles de cómo funcionará el sitio, desde el principio hasta el final de la interacción del usuario con el sitio. Sea específico con todos los pasos. Incluye lo que el usuario y cómo el sitio web responderá. Desglose de los procesos que el sitio web tendrá que pasar para responder a la entrada del usuario (como el acceso a la base de datos, guardar los datos, hacer una búsqueda, los resultados de búsqueda, etc.).

5 Incluir la justificación para su diseño. Si un proyecto se va a tomar más tiempo y esfuerzo que los desarrolladores necesitan saber por qué este nuevo proyecto es importante y cómo se integra en cualquier objetivos más amplios de la compañía. No se limite a hacer las cosas complicadas en aras de la complejidad.

6 Se adhieren a un diseño coherente para su documentación. Coloque las imágenes u otros gráficos a la izquierda y las anotaciones para las imágenes a la derecha.

7 Escribir en el tiempo presente con una voz activa. Por ejemplo: "El usuario inicia sesión en" en lugar de "el usuario se registra en el sitio."

8 Haga que alguien edite su documentación. Una segunda persona puede ayudarle a errores puntuales o lugares donde el texto se puede mejorar.

Consejos y advertencias

• Cuanto más cerca están las especificaciones para el producto final, mejor. Si ciertas partes específicas de código deben ser utilizados y que saben lo que el código es, incluir en su documentación.