Wireframe

Wireframe

1. Basico

   • En un principio, el término "wireframe" significaba una representación visual de objetos tridimensionales, como aquellos empleados en el desarrollo y diseño de productos.
     • Propositos
       • - Garantizar que el sitio o la aplicación se desarrolle de conformidad con los fines acordadosrse.
         • - Centrarse en la facilidad de uso.
           • - Capacidad de crecimiento del contenido.
             • - Comentarios e iteración sin esfuerzo.

2. Anotado

   • wireframe anotado de página de inicio puede ayudarte a lograr lo siguiente: - Añadir información adicional para hacer que el wireframe sea comprensible para otras personas. - Colaborar con tus colegas para garantizar que los usuarios tengan una buena experiencia.
     • Funcionan como bocetos!
       • El wireframe es fundamental a lo largo de las primeras fases del proyecto. Al funcionar como un boceto de lo que será finalmente el sitio, permite a todo el equipo comprender la estructura que se debe seguir.
         • Se colocan notas breves a los lados o al final del esquema para describir algunos elementos. Estas anotaciones suelen ir separadas por áreas de contenidos y por funcionalidad. Lo que buscan es mostrar brevemente la razón de cada elemento a incorporar.

3. De flujo de usuario

   • Importante?
     • Los wireframes de flujo de usuarios son importantes porque ayudan a los diseñadores y desarrolladores a comprender el viaje del usuario a través del sitio web o la aplicación.
       • Al trazar la ruta del usuario, los diseñadores pueden identificar puntos débiles, áreas de confusión y oportunidades para mejorar la experiencia del usuario.
         • Los wireframes de flujo de usuarios también pueden ayudar a las partes interesadas y a los clientes a comprender el diseño propuesto y cómo funcionará en la práctica.

4. Interactivo de alta definicion

   • El wireframe de una página es clave para visualizar el concepto de cualquier proyecto online al iniciarlo. Se trata de un esquema en el que se estructura todo lo que irá contenido en la página.
     • Un punto de partida, que le dará forma, permitiendo probar funciones que se integrarán posteriormente en la página web.
   • son sencillos diseños en blanco y negro que describen el tamaño y la ubicación específica de los elementos de la página, las características del sitio, las áreas de conversión y la navegación del sitio web o UI.

Imágenes y archivos del mapa