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
Parte 1:
1. Identifica 10 elementos físicos con los que el hombre interactúa. Por ejemplo: la puerta es
un objeto que nos permite entrar o salir de un lugar físico y la interfaz que utilizamos para
hacer uso de ella es la perilla. Puedes apoyarte de imágenes de Internet. De estos
elementos ¿cuáles crees que son más significativos en la interacción humana de la vida
diaria?
2. Entra a la siguiente página y elige 5 artículos o señales con diseños inadecuados de
interacción: http://www.baddesigns.com/examples.html
Explica con tus palabras por qué se considera como un diseño inadecuado. Agrega 5
artículos más que no se muestren en la página y menciona qué modificarías del diseño
para corregirlo.
Parte 2:
3. 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.
c. Apóyate con pantallas de la interfaz y describe en qué consiste el error.
4. 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.
Realiza las siguientes actividades y entrega un reporte con tus resultados.
Parte 1:
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 realiza un cuadro comparativo donde respondas 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 responde lo siguiente: ¿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é?
3. Maestros Online www.maestronline.com
Parte 2:
3. Elige 5 factores humanos que impacten en el diseño interactivo y explica por qué un
diseñador debe considerarlos.
4. 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.
Técnica Descripción Ventajas Desventajas Cuándo usarlas
5. 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)
6. 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.
7. 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.
8. 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.
Parte 1:
1. Busca 3 páginas de Internet de algún tema que te guste; pueden ser de comics, deportes,
música, tu artista favorito, etc.
2. Revisa cada página y describe qué tipo de contenido encuentras en cada una.
3. Ahora revisa cómo está organizado el contenido en cada una y responde:
a. ¿Cuál prefieres y por qué?
b. ¿Cómo están organizados el texto y las imágenes?
4. Maestros Online www.maestronline.com
c. ¿Puedes realizar acciones en la página? ¿Qué tipo de acciones?
4. Ahora, en las mismas páginas busca si hay secciones que te permitan llenar información o
de ayuda. Responde lo siguiente:
a. ¿Funcionan bien?
b. ¿Te ayudan a encontrar información en la página?
Parte 2:
5. Revisa los ejemplos de navegación que propone la siguiente página: http://ui-
patterns.com/patterns
6. Selecciona un ejemplo de cada uno de los siguientes tipos: Tabs, Jumping in hierarchy,
Menus y Content.
7. 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”
8. Busca y describe el proceso para generar prototipos.
9. Genera una tabla comparativa donde incluyas sus ventajas y desventajas
Realiza las siguientes actividades y entrega un reporte con tus resultados.
Parte 1:
1. Describe con tus propias palabras qué es usabilidad y accesibilidad.
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?
Parte 2:
5. Maestros Online www.maestronline.com
6. Selecciona una empresa de tu interés a la que quieras hacer una página web y realiza lo
siguiente:
a. Selecciona las facetas de la experiencia del usuario que vas a utilizar en la página.
Justifica tu elección.
b. 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.
c. 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.
d. Realiza un prototipo de baja fidelidad (boceto, prototipo en papel o storyboard) de un
sistema en web para la empresa seleccionada.
e. Construye un prototipo de alta fidelidad para uno de los departamentos de la empresa
que incluya al menos tres escenarios.
f. Realiza un ejercicio de evaluación al prototipo de alta fidelidad, considera elementos
de usabilidad y accesibilidad.