TEST UX-DEV 102

Question 1 of 20

1

UX es un indicador de experiencia de usuario que nos ayuda como métrica de satisfacción sobre maquetas diseños y prototipos de aplicaciones.

Select one of the following:

True
False

Explanation

Question 2 of 20

1

La consistencia en el diseño de prototipos para una nueva experiencia de usuarios se refiere a:

Select one of the following:

mantener el color de objetos entre ventanas
respetar la relación aspecto, posición y comportamiento de elementos gráficos, y/o de interface.
corregir problemas de diseño en layers (capas) de pantallas sean móviles o web
compactar elementos de un diseño para hacerlos mas ligeros

Explanation

Question 3 of 20

1

la ❌ y ❌ son conceptos requeridos mínimos a cumplir para un diseno ❌ de experiencia de usuario. En donde se representan la motivacion, etiquetado e informacion para interactuar antes de que se realice una ❌.

Drag and drop to complete the text.

perceptibilidad

etiqueta

interactivo

completo

simetrico

previsibilidad

vision externa

sensibilidad visible

maqueta

acción

pictografia

litografia

Explanation

Question 4 of 20

1

con Bootstrap se puede :

Select one of the following:

dibujar interfaces web y móviles para prototipos de diferentes frameworks y luego crear código de ellas generando paginas html5 exclusivas.
consolidar modelos de datos y diseños web flash versátiles.
facilitar el diseño web creando de forma sencilla webs de diseño adaptable a cualquier dispositivo.
unir codigos PHP, Html, JS y hacer que funcionen en un solo entorno.

Explanation

Question 5 of 20

1

Cuales de los siguientes conceptos pertenecen a los pilares básicos de usabilidad?

Select one or more of the following:

esquematizacion
rapidez
instrumentacion
intuitividad
modularidad

Explanation

Question 6 of 20

1

si tienes ❌ instalado y tu archivo ❌ en formato responsive deberas tener las carpetas ❌ para ❌ y js para componentes...

Drag and drop to complete the text.

bootstrap4

angular

memphis

index.html

puntero

home.exe

css

home

files

hojas de estilo

capas super sensibles

contenido simple superpuesto

Explanation

Question 7 of 20

1

analiza este codigo y responde cual es el resultado:

<div class="container fondo">
<p> texto ejemplo </p>
</div>
<div class="container" >
<div class="row">
<div class="col"> UNO </div>
<div class="col"> DOS </div>
</div>

Select one of the following:

Este codigo genera un contenido web responsive para contenedor de navegador chrome donde muestra la palabra row en una fila y luego muestra la palabra col 1 y col 2 alineadas
Este codigo genera contenido web responsive en un contenedor bootstrap , coloca un texto ejemplo de titulo y crea dentro de el una fila, y en esa fila dos columnas tipo flex mostrando las palabras UNO y DOS respectivamente.
Este codigo crea un contenedor coloca el titulo texto ejemplo, y crea aisladamente dos columnas llamadas con etiquetas UNO y DOS, esto ademas muestra la palabra col en cada uno y las divide en partes iguales.

Explanation

Question 8 of 20

1

Paquetes de software para diseño , edición y maquetado que funcionan con sistemas Windows, MacOSX y Linux sin necesidad de conexión a internet permanente son:

Select one of the following:

Invision, ProtoIO, SketchUP, Acrobat
Inkscape, Gimp, Adobe Illustrator, Adobe fireworks
Marvel, PhotoPro, Inkcapsule, InVideo

Explanation

Question 9 of 20

1

Si tienes poco tiempo (48 hrs) y una laptop con MS Windows, para presentar un prototipo funcional de una aplicacion movil con navegacion simple, y que no requiere composicion de imagenes, de la cual ya tienes requerimientos completos y dispones solo de las herramientas de software abajo listadas, cual seria la mas adecuada que seleccionarias para presentar el mejor trabajo posible?

Select one of the following:

sketch
proto.io
CorelDraw
photoShop

Explanation

Question 10 of 20

1

Se te encarga un proyecto innovador para reformular la interface de usuarios de un aplicativo movil. El proyeto sera construido basado en pensamiento de diseño, entonces el orden correcto de actividades agrupadas seria : 1) ❌ 2) ❌ 3) ❌ 4) ❌ 5) ❌

Drag and drop to complete the text.

empatia

colocacion

analisis

analisis y definicion

definición y empatia

empatia y segmentacion

ideacion

implementacion

imaginacion

prototipado

modelado

maquetado

testing

prototipo

focus group

Explanation

Question 11 of 20

1

La ley de Fitts para diseño de experiencia de usuario dice que: ‘El tiempo necesario para alcanzar el objetivo es una función de la distancia y tamaño que hay que recorrer hasta él.’

Select one of the following:

True
False

Explanation

Question 12 of 20

1

Según la Ley de Hick para diseño eficiente de experiencia de usuario que es mejor para un formulario de muy alta demanda de uso y que tiene 20 opciones a llenar ?

Select one of the following:

Un único formulario con 20 opciones hasta completarlo
Un formulario por etapas con 4 etapas y 5 opciones por etapa
Un formulario dividido en dos en la misma pantalla con 10 opciones por cada segmento

Explanation

Question 13 of 20

1

Si mas del 95% de sitios de e-commerce de tu región manejan una disposición producto con imagen a izquierda y detalles de precio a la derecha y tu estas a cargo del diseño de una experiencia simplificada de un nuevo sitio de e-commerce , que es mejor?

Select one of the following:

lo lógico sería que plantearas la misma estructura, pues un potencial cliente conoce el funcionamiento del e-commerce y espera algo así. te centrarías en mejorar a partir de ahí la experiencia .... ¡No le harías pensar nuevamente en como navegar!.
innovarías creando para el usuario una nueva estructura donde el precio no aparece sino solo el producto y debe dar click en el para que aparezca el precio... entonces creas una nueva experiencia y esto simplifica el requerimiento de agilizar la adopcion de los usrs de esa region.
colocas precio y detalles con mas interaccion, con un zoom cuando se acerca al producto, con mas detalles, mas colores, mas interactividad y asi simplificas la navegacion y la agilidad del sitio nuevo.

Explanation

Question 14 of 20

1

segun la ley de pragnanz que establece que los usuarios perciben las formas complejas de la forma más simple, cual de estas imagenes deberia ser representada como asociativa mas eficiente?

Select one of the following:

A
B
C

Explanation

Question 15 of 20

1

en el siguiente codigo CSS3 cual es el bloque que permite el cambio de color cuando pasas el mouse por sobre el objeto boton?

<style type="text/css">
.boton_personalizado{
text-decoration: none;
padding: 10px;
font-weight: 600;
font-size: 20px;
color: #ffffff;
background-color: #1883ba;
border-radius: 6px;
border: 2px solid #0016b0;
}
.boton_personalizado:hover{
color: #1883ba;
background-color: #ffffff;
}
</style>

Select one of the following:

padding
color: #ffffffff
background-color: #1883ba
boton_personalizado:hover

Explanation

Question 16 of 20

1

según la ley de Miller para diseño las personas pueden recordar hasta (X) elementos distintos en su memoria de trabajo. Es por ello que los menús de opciones y navegación en una página web más o menos están basados en este tamaño.
Escoje por favor que numero debería estar en donde se encuentra la (X). Recuerda la ley de Miller.

Select one of the following:

11
5
7
3

Explanation

Question 17 of 20

1

según el efecto Zeigarnik y las leyes de diseño cual de estas afirmaciones es cierta?

Select one of the following:

“Una buena UX contempla o intenta contemplar todas las opciones que un usuario se va a encontrar e intenta simplificar el camino para que complete el servicio que estás ofreciendo”.
"hay que crear iconos símiles al máximo posible y ampliar su tamaño"
"el color azul zimarro es mas visible a la mayoria de usuarios"
"es mejor unificar efectos de colores a no mas de dos variantes en una misma pagina web o pantalla de aplicacion"

Explanation

Question 18 of 20

1

Que es el customer jorney map?

Select one of the following:

es una herramienta lean CX para crear mapas de viaje customizables para empresas de diversas industrias.
es una herramienta de Design Thinking que permite plasmar en un mapa, cada una de las etapas, interacciones, canales y elementos por los que atraviesa nuestro cliente desde un punto a otro de nuestro servicio
es un mapa interactivo creado por software para diagramar etapas de atencion a clientes en procesos de manofactura.
son las etapas de mapa de trabajo en el diseno de software para clientes diversos

Explanation

Question 19 of 20

1

el codigo padding-right: 10px; define el movimiento vertical de 10 posiciones y X (unidades) de click para un objeto?

Select one of the following:

True
False

Explanation

Question 20 of 20

1

Si te piden seleccionar 2 paquetes de diseño gráfico comerciales, lideres del mercado y reconocidos, cuales marcarias?

Select one or more of the following:

Photoshop
MathLab
Gimp
ACDSee Pro
Inkscape

	Created by Frank Jarrin G about 6 years ago

Evaluacion UX criterios y experiencia general 102

TEST UX-DEV 102

Question 1 of 20

UX es un indicador de experiencia de usuario que nos ayuda como métrica de satisfacción sobre maquetas diseños y prototipos de aplicaciones.

Select one of the following:

Explanation

Question 2 of 20

La consistencia en el diseño de prototipos para una nueva experiencia de usuarios se refiere a:

Select one of the following:

Explanation

Question 3 of 20

la ❌ y ❌ son conceptos requeridos mínimos a cumplir para un diseno ❌ de experiencia de usuario. En donde se representan la motivacion, etiquetado e informacion para interactuar antes de que se realice una ❌.

Drag and drop to complete the text.

Explanation

Question 4 of 20

con Bootstrap se puede :

Select one of the following:

Explanation

Question 5 of 20

Cuales de los siguientes conceptos pertenecen a los pilares básicos de usabilidad?

Select one or more of the following:

Explanation

Question 6 of 20

si tienes ❌ instalado y tu archivo ❌ en formato responsive deberas tener las carpetas ❌ para ❌ y js para componentes...

Drag and drop to complete the text.

Explanation

Question 7 of 20

analiza este codigo y responde cual es el resultado: <div class="container fondo"> <p> texto ejemplo </p> </div> <div class="container" > <div class="row"> <div class="col"> UNO </div> <div class="col"> DOS </div> </div>

Select one of the following:

Explanation

Question 8 of 20

Paquetes de software para diseño , edición y maquetado que funcionan con sistemas Windows, MacOSX y Linux sin necesidad de conexión a internet permanente son:

Select one of the following:

Explanation

Question 9 of 20

Select one of the following:

Explanation

Question 10 of 20

Se te encarga un proyecto innovador para reformular la interface de usuarios de un aplicativo movil. El proyeto sera construido basado en pensamiento de diseño, entonces el orden correcto de actividades agrupadas seria : 1) ❌ 2) ❌ 3) ❌ 4) ❌ 5) ❌

Drag and drop to complete the text.

Explanation

Question 11 of 20

La ley de Fitts para diseño de experiencia de usuario dice que: ‘El tiempo necesario para alcanzar el objetivo es una función de la distancia y tamaño que hay que recorrer hasta él.’

Select one of the following:

Explanation

Question 12 of 20

Según la Ley de Hick para diseño eficiente de experiencia de usuario que es mejor para un formulario de muy alta demanda de uso y que tiene 20 opciones a llenar ?

Select one of the following:

Explanation

Question 13 of 20

Si mas del 95% de sitios de e-commerce de tu región manejan una disposición producto con imagen a izquierda y detalles de precio a la derecha y tu estas a cargo del diseño de una experiencia simplificada de un nuevo sitio de e-commerce , que es mejor?

Select one of the following:

Explanation

Question 14 of 20

segun la ley de pragnanz que establece que los usuarios perciben las formas complejas de la forma más simple, cual de estas imagenes deberia ser representada como asociativa mas eficiente?

Select one of the following:

Explanation

Question 15 of 20

Select one of the following:

Explanation

Question 16 of 20

Select one of the following:

Explanation

Question 17 of 20

según el efecto Zeigarnik y las leyes de diseño cual de estas afirmaciones es cierta?

Select one of the following:

Explanation

Question 18 of 20

Que es el customer jorney map?

Select one of the following:

Explanation

Question 19 of 20

el codigo padding-right: 10px; define el movimiento vertical de 10 posiciones y X (unidades) de click para un objeto?

Select one of the following:

Explanation

Question 20 of 20

Si te piden seleccionar 2 paquetes de diseño gráfico comerciales, lideres del mercado y reconocidos, cuales marcarias?

Select one or more of the following:

Explanation

analiza este codigo y responde cual es el resultado:

<div class="container fondo">
<p> texto ejemplo </p>
</div>
<div class="container" >
<div class="row">
<div class="col"> UNO </div>
<div class="col"> DOS </div>
</div>