Herramientas de prototipado UNIR

A la afirmación: «de varios bocetos se puede hacer un prototipo», escoge la respuesta que mejor se adapta a lo que piensas. No se puede, los bocetos son solo para generar ideas. Un prototipo lo es solo con diseño final. Para generar un prototipo necesitamos al menos wireframes. Sí, se puede hacer un prototipo con varios bocetos.

El entregable más caro de producir es…. Un prototipo funcional. Un mockup. Un prototipo con diseño final. El prototipo de un wireframe.

Ante la afirmación: «Un prototipo con diseño final es siempre la mejor forma de valorar múltiples ideas…», escoge la respuesta que más se adapta a lo que piensas. Es correcta porque con el diseño final se ve todo mucho más claro. No es la mejor opción porque lleva mucho tiempo y no se valoran varias ideas sino probablemente una sola. Para valorar ciertas ideas prefiero hacer bocetos o wireframes sin mucha complicación. La respuesta B y C son correctas.

La herramienta preferida por los diseñadores para bocetar es…. Cualquier software de diseño. Lápiz y papel. Sketch. Ninguna de las anteriores.

A la afirmación: «solo se puede testar con usuarios con un prototipo de diseño final», escoge la respuesta que más se adapta a lo que piensas. Es cierto, resulta fundamental testar con el prototipo del diseño final porque si no el usuario no sabría cómo es el producto. Para testar necesitamos al menos un wireframe, aunque es deseable hacerlo con un prototipo de diseño final. No estoy de acuerdo pues se puede testar con un simple boceto o el prototipo de un boceto. Ninguna de las anteriores.

Las herramientas más utilizadas hoy en día son: Sketch y Figma. Figma e Invision Studio. Figma y Adobe XD. Sketch e Invision Studio.

Uno de los puntos débiles de Sketch es que…. Está solo en inglés. No tiene mirroring. No está disponible para PC o Linux. No permite crear prototipos.

Invision Studio es una herramienta que destaca porque…. Está solo en español y francés. No tiene mirroring. No está disponible para MAC. Tiene unas capacidades de animación fantásticas.

Una de las cualidades importantes de Axure es que…. Permite exportar en Html. No tiene mirroring. No está disponible para MAC. No se pueden hacer prototipos interactivos.

Una de las cualidades importantes de Figma es que…. Está en castellano. Funciona en el navegador. Tiene aplicación para MAC y PC. Todas las anteriores son correctas.

Si quisiéramos hacer una web responsive de manera visual con la capacidad de exportar su código podríamos utilizar: Framer. Webflow. Protopie. Sketch.

Si quisiéramos hacer una aplicación para móviles con la capacidad de exportar su código a React podríamos utilizar: Adobe XD. Webflow. Protopie. Framer.

Si queremos aportar elegancia y sensación de movimiento a la página mientras nos desplazamos por la misma, utilizaremos el siguiente tipo de animación: Animación de marketing. Animación de transición. Animación de escrol. Animación de error.

Si quisiéramos exportar nuestro diseño a Flutter de Google, ¿qué herramienta utilizaríamos?. Supernova Studio. Protopie. Invision Studio. Figma.

¿Cuál de estos principios no se incluye dentro de los enunciados por Disney?. Timing. Arcos. Estirar y encoger. Retrasar.

El plugin más usado para controlar versiones en Sketch es…. Plant. Versions. Abstract. Ninguna de las anteriores.

El plugin más usado para pasar a desarrollo es…. Storybook. Zeplin. Lottie. Ninguna de las anteriores.

Adobe XD…. No tiene integrado sistema de versiones. Tiene un sistema de versiones completo. Tiene un sistema de versiones un poco limitado. Ninguna de las anteriores.

Figma…. No tiene integrado sistema de versiones. Tiene un sistema de versiones completo. Tiene un sistema de versiones un poco limitado. Ninguna de las anteriores.

Las opciones de paso a desarrollo de las aplicaciones de prototipado…. No son especialmente útiles. Son fundamentales en el proceso de diseño. Está bien tenerlas, pero no conviene usarlas demasiado, es mejor hablar con el desarrollador. Ninguna de las anteriores.

¿En qué porcentaje sufren los hombres y las mujeres problemas visuales cromáticos?. Un 23 % de los hombres y un 10.5 % de las mujeres. Un 16,5 % de los hombres y un 13,7 % de las mujeres. Un 10 % de los hombres y 5 % de las mujeres. Un 8 % de los hombres y un 0.5 % de las mujeres.

El ritmo vertical se define como…. El efecto que obtenemos al escrolar en una pantalla. El efecto que produce un correcto espaciado vertical de los elementos junto con una correcta jerarquía tipográfica. El efecto que se produce por el uso de una tipografía correcta. Ninguna de las anteriores es correcta.

A la hora de escoger colores para un producto digital debemos tener en cuenta…. Los gustos personales del cliente. La teoría del color exclusivamente. La teoría del color, el producto al que se van a aplicar, la posible imagen de marca y las idiosincrasias culturales del país del producto. Ninguna de las anteriores es correcta.

La retícula es…. Fundamental en cualquier diseño. Indispensable para vertebrar verticalmente cualquier tipo de producto. El eje sobre el que se posan todos los elementos de la página. Todas las anteriores son correctas.

Aunque haya muchas clasificaciones tipográficas, la que hemos estudiado aquí divide las tipografías en…. Serif, sans serif, slab, script, decorativas y de símbolos y ornamentos. Serif, sans serif, slab, decorativas y de ornamentos. Serif, sans serif, slab, script, decorativas, símbolos y ornamentos y venecianas. Ninguna de las anteriores es correcta.

Para seleccionar uno o más elementos de una lista se utilizan…. Radio buttons. Inputs. Checkboxes. Todas las anteriores.

Los toggle buttons o switches sirven para elegir entre…. Dos opciones. Tres o más opciones. No sirven para elegir entre opciones. Ninguna de las opciones anteriores es correcta.

Las migas de pan o breadcrumbs son…. Enlaces que te permiten navegar justo al nivel superior. Links que representan la navegación que se ha seguido en el sitio web o app. Un sistema de links clicables basados en la arquitectura de la propia página o aplicación para poder desplazarse hacia atrás. Ninguna de las opciones anteriores es correcta.

Las barras de progreso se utilizan para…. Informar del estado del sistema. Informar del estado del usuario en un proceso. Ninguna de las opciones anteriores es correcta. Son correctas A y B.

Las imágenes Hero suelen aparecer…. Al final de la página. A mitad de página. Al principio de la página. Todas las anteriores son incorrectas.

Brad Frost fue el inventor del…. Diseño atómico. Diseño basado en templates. Sistema de diseño original. Ninguna de las anteriores es correcta.

Los tokens son…. Prácticamente iguales a los átomos de Frost. Muy parecidos a las variables que usan los desarrolladores en css. Las unidades mínimas de un sistema de diseño, se componen de tipografías, colores, espacios…. Todas las anteriores son correctas.

Entre las cualidades de los sistemas de diseño podemos nombrar…. La escalabilidad. La reducción de costes. Reducción de tiempo de diseño. Todas las anteriores son correctas.

Las plantillas son…. Indispensables. Páginas con las que siempre arrancas un diseño obligatoriamente. Páginas preconfiguradas con elementos y patrones comúnmente usados para utilizar como punto de partida. Todas las anteriores son correctas.

La documentación en un sistema de diseño es…. Prescindible, nadie la usa. Imprescindible. Es mejor tenerla, pero no es obligatoria. Ninguna opción es correcta.

Los breakpoints son…. Las ocasiones en los que un diseño responsive se me val. Las partes inaccesibles de la pantalla. Los puntos en los que un diseño se readapta para ajustarse a la pantalla en la que se consume por medio de cambios en el CSS. Ninguna de las respuestas anteriores es correcta.

La zona del pulgar se encuentra…. En la parte inferior de la pantalla. En la parte superior de la pantalla. Depende del tamaño del dispositivo, pero normalmente suele ser la parte inferior y media de la pantalla. Ninguna de las respuestas anteriores es correcta.

El menú de hamburguesa…. Solo se utiliza en las versiones móviles. Solo se utiliza en las versiones de escritorio. Se utiliza más en escritorio que en móvil. Se utiliza tanto en móvil como en escritorio.

Un CTA es…. El acrónimo de call to activate. Un botón importante que se suele colocar en cualquier parte de la pantalla. Un botón cualquiera dentro de la página. El acrónimo de call to action, es el botón principal de la pantalla.

El diseño en las versiones de escritorio…. Son iguales de restrictivas que en el móvil. Son mucho menos restrictivas que en el móvil. Son más restrictivas que en el móvil. No tiene nada que ver con las versiones móviles.

El principio de estructura dice que…. El diseño debe organizar los contenidos solo cuando sean webs muy complejas. El diseño debe estructurar los contenidos basado en un orden jerárquico pero no importa basarse en modelos predefinidos. El diseño debe organizar la interfaz de usuario a posta, de manera significativa y útil basada en modelos claros y consistentes. Ninguna de las anteriores es correcta.

El principio de simplicidad dice que…. El diseño debe facilitar las tareas sencillas y comunes, comunicarse de forma clara y sencilla en el propio idioma del usuario. El diseño no puede simplificarse demasiado o acaba haciéndose complejo. Un diseño complejo es infinitamente más útil que uno sencillo. Ninguna de las anteriores es correcta.

El principio de visibilidad dice que…. El diseño debe hacer visible solo aquellas opciones principales, ocultando las secundarias. El diseño debe hacer visibles todas las opciones solo cuando sea estrictamente necesario. El diseño debe hacer visibles todas las opciones y conocimiento necesarios para que un usuario pueda llevar a cabo cualquier tarea sin distraer al usuario con información superflua o redundante. Ninguna de las anteriores es correcta.

El principio de retroalimentación dice que…. El diseño debe avisarte constantemente para que sepas que tienes una notificación. El diseño debe mantener a los usuarios informados de las acciones o interpretaciones, los cambios de estado o condición, y los errores o excepciones que son relevantes. El diseño debe mantener a los usuarios informados solo cuando haya errores críticos o notificaciones urgentes. Ninguna de las anteriores es correcta.

El principio de tolerancia dice que…. El diseño debe ser flexible y tolerante, reduciendo el costo de los errores y el mal uso al permitir deshacer y rehacer, y al mismo tiempo evitar los errores siempre que sea posible. El diseño no debe ser flexible con los errores, no debería dejar continuar a los usuarios hasta que sean solventados. El diseño debe ser flexible y tolerante, pero no debe reducir el costo de los errores, sino avisar de ellos hasta que sean subsanados. Ninguna de las anteriores es correcta.

Según Justin Baker, un asistente de voz debe tener tres dimensiones…. Afirmativa, simple y empática. Afirmativa, correctiva y empática. Afirmativa, selectiva y empática. Afirmativa, correctiva y resolutiva.

Cuando definimos nuestro flujo de diálogo tenemos que pintar lo siguiente: Palabras clave que conducen a la interacción. Ramas que representan a dónde podría conducir la conversación. Diálogos de ejemplo tanto para el usuario como para el asistente. Todas las anteriores son correctas.

Según Frederik Goossens, las intenciones pueden ser de …. Baja, media y alta intensidad. Baja, media, alta y altísima intensidad. Baja y alta intensidad. Todas las anteriores son correctas.

Cuando usamos el término utterances de un comando de voz nos referimos a.. Las intenciones del usuario. Los posibles enunciados que podemos usar para solicitar una misma función. Los problemas que puede tener el sistema a la hora de reconocer nuestra voz. A los resultados del comando de voz.

Cuando usamos el término slot de un comando de voz nos referimos a.. El tiempo de procesado entre el comando y la respuesta del sistema. Los silencios que se producen entre los diálogos. Las opciones que nos solicita el sistema para poder completar ese comando. Ninguna de las anteriores respuestas es correcta.

La Gestalt fue…. Una escuela de diseño alemana. Corriente psicológica en torno al color. Corriente psicológica en cuanto a las formas y estructuras. Ninguna de las anteriores respuestas es correcta.

El tiempo que lleva tomar una decisión se incrementa con el número y la complejidad de las opciones. Esta es la ley de…. Hick. Miller. Tesler. Ninguna de las anteriores respuestas es correcta.

La ley de Miller dice que…. Llegado un punto la complejidad de un sistema no puede reducirse. Los usuarios solo podemos mantener una media de 7 elementos en nuestra memoria de trabajo. Debemos ser liberales en lo que aceptamos de los demás y conservadores en aquello que hacemos o enviamos. Ninguna de las anteriores respuestas es correcta.

El efecto Von Restorff enuncia que…. Los usuarios juzgamos una experiencia en base en cómo nos sentimos en su momento álgido y en su final más que en la suma total o en la media de cada momento de la experiencia. Un 80 % del resultado proviene de un 205 de esfuerzo. Cuando hay varios objetos similares presentes, es más probable que se recuerde el que difiere del resto. Ninguna de las anteriores respuestas es correcta.

El efecto Zeigarnik enuncia que…. La gente recuerda mejor las tareas inacabadas o interrumpidas que aquellas que ha terminado. A igualdad de posibilidades la opción más sencilla es probablemente la correcta. Para cualquier tipo de sistema hay una cierta complejidad que no puede reducirse. Ninguna de las anteriores respuestas es correcta.

¿Cuál de las siguientes aplicaciones dispone de un sistema de aprobación de los archivos, añadir comentarios y trabajar en un mismo archivo a distintos diseñadores?. Abstract. Google Drive. Dropbox. Axure.

La ley de Fitts se basa en: El tiempo que necesita un usuario para llegar a un determinado punto. (Distancia y tamaño). El tamaño del componente al ser pulsado. La distancia que recorre un usuario hasta un determinado punto. Ninguna de las respuestas es correcta.

¿Cuál de los siguientes principios no se incluye dentro de los 12 principios de animación Disney?. Arcos. Acelerar y desacelerar. Timing. Lanzar.

A la hora de diseñar una nueva funcionalidad o elemento de la interfaz, debemos mantener al usuario informado de las acciones o interpretaciones, los cambios de estado o condición, y aquellos errores o excepciones que son relevantes. ¿De qué principio hablamos?. Visibilidad. Tolerancia. Reutilización. Retroalimentación.

En la actualidad existen métodos que nos permiten crear un sistema de tamaños tipográficos ¿De qué estamos hablando?. Pesos y estilo. Interlineado. Escala tipográfica. Espacio entre caracteres.

¿Qué ley habla sobre la correlación entre el atractivo estético y la percepción de la facilidad de uso?. La ley del efecto de la usabilidad estética. El umbral de Doherty. La ley de Miller. La navaja de Occam.

¿Qué ley habla sobre el efecto positivo sobre la productividad que tiene que el ordenador y los usuarios funcionen al mismo ritmo siendo el tiempo de respuesta óptimo 400ms? IBM System Journal. El umbral de Doherty. Ley de la región común. El principio de Pareto. Efecto Von Restorff.

¿Qué ley habla sobre el tiempo que necesita el usuario para llegar a determinado punto viene dado por la distancia y el tamaño del objetivo?. Ley de Fitts. Ley de Postel. Ley de Miller. Ley de Hicks.

¿Qué ley habla sobre que el tiempo que llevar tomar una decisión se incrementa con el número y la complejidad de las opciones?. Ley de Hick. Ley de Fitts. Ley de Miller. La navaja de Occam.

¿Qué ley dice que la mayor parte del tiempo se pasa navegando por otros sitios webs y que por eso es mejor que todos funcionen igual?. Ley de Jakob. Ley de Tesler. El principio de pareto. Ley de parkinson.

¿Qué ley hizo Werheimer y habla sobre que las personas percibirán e interpretarán las imágenes ambiguas o complejas de la manera más simple posible?. La ley de la región común. La ley del pico y final. El efecto Zeigarnik. La ley de miller.

¿Qué ley dice que los usuarios solo pueden mantener una media de 7 elementos en la memoria de trabajo?. Ley de Miller. Ley de Fitts. Ley de Hick. Ley de Postel.

¿Qué ley dice que en igualdad de condiciones la explicación más sencilla (o con menos suposiciones) es la más probable?. Navaja de Occam. Efecto von restorff. Ley del pico y final. Principio de pareto.

¿Qué ley dice que cualquier población que contribuye a un efecto común, es una proporción pequeña la que contribuye a la mayor parte del efecto?. Principio de Pareto. Ley del pico y final. Ley de Parkinson. Umbral de Doherty.

¿Qué ley dice que el trabajo se expande hasta llenar el tiempo disponible para que se termine y que somete a los usuarios a una presión o estrés?. Ley de Parkinson. Ley de la región común. Ley de Miller. Ley de Tesler.

¿Qué ley dice que los usuarios juzgamos una experiencia en base en cómo nos sentimos en su momento álgido y su final más que en la suma total?. La ley del pico y final. Efecto de la posición serial. Ley de postel. Ley de Fitts.

¿Qué ley dice que debemos ser liberales en lo que aceptamos en los demás y conservadores en aquello que hacemos o enviamos?. Ley de Postel. Ley de Fitts. Ley de Miller. Ley de Parkinson.

¿Qué ley dice que nos acordamos mejor del primer y último elemento? Y que está acuñada por Ebbinghaus. El efecto de la posición serial. El principio de pareto. Ley de Tester. Ley de la región común.

¿Qué ley dice que hay cierta complejidad que no puede reducirse?. Ley de Tesler. Efecto Von Restorff. Ley de Fitts. Umbral de Doherty.

¿Qué ley es conocida como el efecto de aislamiento y dice que cuando hay varios objetos similares presentes es más probable que se recuerde el que difiere del resto?. Efecto Von Restorff. Efecto Zeigarnik. Ley de Miller. Ley del pico y final.

¿Qué ley dice que la gente recuerda mejor las tareas inacabadas o interrumpidas?. Efecto Zeigarnik. Efecto posición serial. Efecto Von Restorff. Ley de Postel.

¿Qué herramienta permite trabajar con símbolos? (componentes entrelazados). Sketch. Figma. Adobe XD. Invision Studio.

¿Qué programa es el que ofrece mejores opciones de animación?. Invision Studio. Axure. Figma. Sketch.

¿Qué programa permite exportar en HTM, en javascript y tiene opciones para hacer diseños responsive nativas y está más centrada en la interacción que en el diseño?. Sketch. Figma. Invision Studio. Axure.

¿Qué programa se suele usar para realizar prototipos con diseños de otras aplicaciones?. Marvel. Axure. Invision Studio. Protoio.

¿Qué programa permite hacer diseños directamente en HTML y que sean responsive y que genere un solo código para PC y móvil?. Bootstrap. Github. Marvel. Axure.

¿Qué aplicación está solo para MAC y permite hacer lineas de tiempo para Figma y Sketch?. Principle. Supernova Studio. Origami. Protopie.

¿Qué aplicación te permite usar diseños de Sketch y cuenta con animación muy avanzada dejando exportar diseños para apps en Flutter?. Principle. Supernova studio. Invision Studio. Framer X.

¿Qué app fue creada por Facebook para hacer cajas de flujo y animaciones?. Origami. Principle. Protopie. Webflow.

¿Qué app permite hacer prototipos muy avanzados con videos, mapas, hojas de calculo, solo con código y con librerías ya incluidas?. Framer X. WebFlow. Protopie. Supernova studio.

¿Qué aplicación permite hacer prototipos responsive y alojarlos en HTML?. Webflow. Axure. Supernova studio. Framer X.

¿Qué aplicación se usa con Figma, Sketch, Adobe XD y usa gestos avanzados y permite meter videos y gifs y además funciona con sensores móviles?. Protopie. Webflow. Framer X. Supernova Studio.

¿Qué principio dice que se debe organizar la interfaz de maner útil basada en modelos claros y consistentes con estructuras evidentes y los elementos relacionados juntos?. Estructura. Simplicidad. Visibilidad. Tolerancia.

¿Qué principio habla sobre que se deben facilitar las tareas sencillas y comunes y los textos deben estar en el idioma del usuario y debe haber buenos accesos directos?. Simplicidad. Estructura. Tolerancia. Retroalimentación.

¿Qué principio dice que hay que hacer visibles todas las opciones sin distracciones y con un diseño que no abrume utilizando herramientas como el onboarding y el tooltip?. Visibilidad. Estructura. Tolerancia. Retroalimentación.

¿Qué principio dice que hay que mantener a los usuarios informados de cambios de estado, condición y los errores?. Retroalimentación. Visibilidad. Tolerancia. Estructura.

¿Qué principio habla sobre reducir el coste de los errores y dejar hacer y rehacer para tener flexibilidad?. Tolerancia. Retroalimentación. Reutilización. Simplicidad.

¿Qué principio habla sobre que se deben reutilizar elementos y componentes ya que denota coherencia y los usuarios tienen menos necesidad de pensar?. Reutilización. Tolerancia. Retroalimentación. Simplicidad.