Mockups y Wireframe

Mockups y Wireframe

University

7 Qs

quiz-placeholder

Similar activities

Gestión de Proyectos - Adquisiciones e Interesados

Gestión de Proyectos - Adquisiciones e Interesados

University

10 Qs

Básicos de programación en Android

Básicos de programación en Android

University

11 Qs

Marco Teórico

Marco Teórico

University

10 Qs

Repaso project y visio

Repaso project y visio

University

10 Qs

CAE examen2

CAE examen2

University

10 Qs

Por qué evaluar los proyectos

Por qué evaluar los proyectos

University

12 Qs

Examen final

Examen final

University

10 Qs

Mockups y Wireframe

Mockups y Wireframe

Assessment

Quiz

Computers

University

Medium

Created by

Victor Rojas

Used 3+ times

FREE Resource

7 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Que es un Wireframe?

Es un café con hielo cubierto de espuma elaborado a partir de café instantáneo.

Es un boceto o esquema visual de un proyecto web que sirve como guía para la diagramación de las páginas que lo conforman. Consiste en un prototipo básico de lo que sería el sitio sin textos, imágenes o colores;

Es un modelo a escala o de tamaño completo de un diseño o dispositivo, que se utiliza para la enseñanza, la demostración, la evaluación del diseño, la promoción y otros fines.

Es un concepto inglés que significa 'cuadro'. Se trata de un término principalmente cinematográfico que se refiere a cada uno de los fotogramas

2.

MATCH QUESTION

1 min • 1 pt

Une el siguiente aprendizaje

Pagina web

Media Image

Wireframe

Media Image

Mockup

Media Image

3.

MATCH QUESTION

1 min • 1 pt

Estas son las interfaces visuales o pantallas que deben contener los espacios para los siguientes elementos:

Bloques de multimedia

Espacio destinado a buscar información dentro del sitio web.

Bloques de formulario

Espacio reservado para ubicar un formulario, test o cuestionario para ser diligenciado por el usuario.

Bloques de navegación

Es el espacio reservado para las imágenes, gráficas, videos, logos, banners, etc

Bloques de contenido

(textos)

Es el espacio que ocupará el texto que se está elaborando con la información entregada por el cliente.

Bloques de búsqueda

Son los elementos que dirigen al usuario a otros lugares a través de hipervínculos representados por botones, banners o menús.

4.

MULTIPLE SELECT QUESTION

45 sec • 1 pt

Ventajas de los wireframes
  • Ayuda a los diseñadores a definir la estructura del proyecto web acorde con las indicaciones del cliente.


Permite retroalimentaciones rápidas al prototipo, puesto que al ser visual facilita la comprensión del cliente y los usuarios respecto de la estructura conceptual del proyecto.

Percibe los errores con mayor facilidad al observar la funcionalidad del proyecto a través de los elementos gráficos y visuales que lo componen

Mejora la usabilidad del proyecto al identificar los elementos que interactúan con los usuarios a la hora de demostrar su desempeño.

5.

MULTIPLE SELECT QUESTION

45 sec • 1 pt

Herramientas para elaborar Wireframe

Media Image
Media Image
Media Image
Media Image
Media Image

6.

DRAW QUESTION

3 mins • 1 pt

Realice un Wireframe de baja fidelidad para tu proyecto.

Media Image

7.

MATCH QUESTION

1 min • 1 pt

Une el siguiente

Wireframe de alta fidelidad

Media Image

Wireframe

Media Image

Wireframe de baja fidelidad

Media Image