Diseño interactivo s14

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 [email protected]


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.


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.


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.

Education

Diseño interactivo s14