www.maestronline.com ciencias_help@hotmail.com

1. Maestros Online www.maestronline.com
Solicita una cotización a través de nuestros
correos
Maestros Online
Diseño interactivo
Grupo de
problemas
Servicio de asesorías y solución de ejercicios
Envía tus actividades a
ciencias_help@hotmail.com

2. Maestros Online www.maestronline.com
1. Apoyándote del contenido de la siguiente
página http://www.webpagesthatsuck.com/.../ elige un ejemplo de:
a. Una interfaz que confunda al usuario por problemas de percepción ya sea por
uso inapropiado del color, mala distribución de elementos, íconos
inadecuados, etc.)
b. Una interfaz que provoque al usuario un modelo mental incorrecto de su
funcionamiento.
Apóyate con pantallas de la interfaz y describe en qué consiste el error.
2. Prepara una entrevista como parte del proceso de ingeniería de requisitos para
generar un sistema para una empresa.
Debes establecer lo siguiente:
a. Objetivo de la entrevista
b. Personas y puestos que serían entrevistados.
c. Realiza un cuestionario con al menos 10 preguntas.
1. Busca en Internet 3 páginas de organismos que se dediquen a la adopción de
mascotas.
2. Navega por sus páginas y responde lo siguiente:
a. ¿A quién está dirigida la página? ¿Cómo puedes saberlo con sólo navegar?
b. ¿Qué tipo de personas ves en las fotos de la página?
c. ¿Qué secciones encuentras en la página?
d. En las secciones de ayuda o voluntariado ¿hay varias maneras de hacerlo? Si
es así, ¿cómo es que la organización hace diferencia para acercarse a cada
uno?
e. Al revisar la página, ¿crees que dos personas totalmente diferentes, por
ejemplo un niño y una persona de la 3ª edad, puedan identificarse con la
organización para ayudar. ¿Por qué?
Realiza las siguientes actividades y entrega un reporte con tus resultados.
1. Elige 5 factores humanos que impacten en el diseño interactivo y explica por qué un
diseñador debe considerarlos.
2. Genera una tabla donde puedas comparar las ventajas y desventajas de las técnicas
de obtención de información y menciona en qué situación es mejor utilizarlas.

3. Maestros Online www.maestronline.com
Técnica Descripción Ventajas Desventajas Cuándo usarlas
3. Elabora tres perfiles de usuario utilizando el concepto “Personas” considerando que
serán los usuarios de la página web del Museo Soumaya.
(http://www.soumaya.com.mx)
4. Persona 1: Maestros
Persona 2: Estudiantes
Persona 3: Familias
Recuerda incluir los siguientes atributos:
a. Nombrar a la Persona
b. Realizar una breve descripción de sus antecedentes.
c. Descripción breve de sus necesidades.
d. Describir un escenario donde la “Persona” entre a la página web y haga uso de
su contenido.
5. Para la misma página web del Museo Soumaya describe cómo cubre las 7 facetas de
la experiencia del usuario.
a. Justifica tu respuesta para cada una de las facetas.
b. Si no cubre alguna de las facetas explica por qué no.
Navega en otras páginas web de museos de México y busca tres ejemplos que vayan en
contra de los principios de la comunicación con el usuario. Menciona y explica por qué no se
cubrieron los principios de comunicación con el usuario.
1. Revisa los ejemplos de navegación que propone la siguiente página: http://ui-
patterns.com/patterns
2. Selecciona un ejemplo de cada uno de los siguientes tipos: Tabs, Jumping in
hierarchy, Menus y Content.
3. Responde a los siguientes incisos:
a. Incluye el ejemplo (imagen)
b. Describe cuándo se utilizan
c. Describe las recomendaciones de uso a modo de “Best practices”
4. Busca y describe el proceso para generar prototipos.
5. Genera una tabla comparativa donde incluyas sus ventajas y desventajas.
1. Describe con tus propias palabras qué es usabilidad y accesibilidad.

4. Maestros Online www.maestronline.com
2. Describe las ventajas de realizar pruebas de usabilidad en un sistema.
3. Selecciona una aplicación móvil o una página web que te guste visitar regularmente.
4. Ahora muéstrasela a un adulto (pueden ser tus papás, tíos o maestros) y responde:
a. ¿Les gusta tanto como a ti?
b. ¿La pueden usar fácilmente?
c. ¿En qué aspectos es diferente a como tú la utilizas?
d. ¿Crees que un niño la pueda utilizar? ¿Qué diferencias habría en la manera de
usarla entre tú, un adulto y un niño?
5. Ahora revisa tu computadora o celular y menciona todas las características que
encuentres que pueden ayudar a una persona con necesidades especiales.
a. ¿Qué otra cosa se te ocurre que podría incluirse?
Selecciona una empresa de tu interés a la que quieras hacer una página web y realiza lo
siguiente:
1. Selecciona las facetas de la experiencia del usuario que vas a utilizar en la página.
Justifica tu elección.
2. Diseña una forma con al menos 10 controles (6 obligatorios). Incluye el mensaje de
error que debe aparecer, respeta los principios de comunicación.
3. Diseña la pantalla homepage donde presentes la página de la empresa, utiliza los
elementos de tipografía, color y espacio, así como el sistema de navegación. Si es
necesario puedes incluir pantallas adicionales.
4. Realiza un prototipo de baja fidelidad (boceto, prototipo en papel o storyboard) de un
sistema en web para la empresa seleccionada.
5. Construye un prototipo de alta fidelidad para uno de los departamentos de la empresa
que incluya al menos tres escenarios.
6. Realiza un ejercicio de evaluación al prototipo de alta fidelidad, considera elementos
de usabilidad y accesibilidad.