Del curso: Experiencia de usuario (UX) avanzado
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.
Mockups y diseño final
Del curso: Experiencia de usuario (UX) avanzado
Mockups y diseño final
Los mockups son el último paso en cuanto al diseño final de tu producto. Debes basarte en la guía de diseño que hayas creado en la investigación y en todo el desarrollo previo del producto, y validarlo para construir un diseño final o mockup acorde a las expectativas de la empresa y del producto. En este primer ejemplo, te muestro el wireframe que tenía, este de aquí. Siguiendo la guía de diseño y mi propia investigación, he convertido ese wireframe en este mockup de aquí. Te voy a mostrar un segundo ejemplo. En este wireframe se muestra una imagen específica del perfil. Es aconsejable que los diseños finales tengan relación entre sí, de modo que no deberías cambiar las imágenes que has mostrado, ni de decoración ni como el perfil de las personas usuarias de tu plataforma. Como ejemplo final, ves este wireframe donde se envía un mensaje. De nuevo y, como ves, en el mockup sigo respetando las imágenes previas que he utilizado. Si utilizase imágenes nuevas, eso crearía confusión visual…
Contenido
-
-
-
-
-
-
-
-
-
-
-
-
-
(Bloqueado)
Elementos del wireframing2 min 2 s
-
Diseño adaptable de wireframes1 min 10 s
-
(Bloqueado)
Diseño de interacción con wireframes2 min 3 s
-
(Bloqueado)
Anotaciones en wireframes2 min 5 s
-
Prototipando wireframes1 min 55 s
-
(Bloqueado)
La guía y patrones de Diseño1 min 11 s
-
(Bloqueado)
Mockups y diseño final1 min 25 s
-
(Bloqueado)
-