Actividad3.

3 Diseño-PrototipoBajaCalidad Interacción Humano Computadora

7º semestre, I-2017
Lic. Mgr. Corina Flores Villarroel

Actividad 3.3
Diseño de Prototipo de Baja Calidad y Evaluación

Los prototipos de baja fidelidad, son un conjunto de dibujos que

representan cómo estarán organizados los elementos en las
páginas, de tal manera que implementan aspectos generales del
sistema sin entrar en detalle
https://olgacarreras.blogspot.com.es/2007/02/wireframes.html

"El diseño no es sólo lo que se ve y se siente. El diseño es

cómo funciona“. Steve Jobs
Introducción
Antes de construir los prototipos de baja calidad o fidelidad, debemos tener el sistema de
organización claramente definido ya que a partir de éste se podrá con facilidad establecer
el sistema de navegación anticipando el hecho de que el usuario sea capaz de moverse
con facilidad en el sitio y trabajar a la par en el sistema de etiquetado contemplando el uso
de un lenguaje (textual o metafórico) conocido por el usuario. Con estos sistemas, el
diseñador está listo para trabajar en la construcción de prototipos de baja fidelidad.

En esta actividad nos concentraremos en trabajar exclusivamente en los prototipos de

baja fidelidad contemplando algunos aspectos que en los siguientes párrafos serán
citados.

Los prototipos son muy útiles para refinar la especificación de requisitos funcionales del
software, específicamente en todo lo que tiene que ver con la descripción de pantallas o
formularios de entrada de datos, formulario de salida de datos (consultas), reportes, las
opciones de navegación y, en general, toda la carta de navegación del usuario a través
del software (http://www.gazafatonarioit.com/2012/07/el-uso-de-prototipos-en-el-ciclo-
de.html)
Actividad3.3 Diseño-PrototipoBajaCalidad Interacción Humano Computadora
7º semestre, I-2017
Lic. Mgr. Corina Flores Villarroel

Objetivo
Realizar el prototipo de baja calidad del sitio

Requisitos mínimos a realizar

1. El prototipo debe cumplir con los siguientes aspectos:

1.1. Ser consistente con el sistema de organización general y el descrito en detalle a

través de la técnica HTA

1.2. Contemplar el sistema de etiquetado para lo cual se sugiere revisar el enlace

1.3. Construir el prototipo, con ayuda de herramientas gratuitas contemplando la

siguiente información:

Inventario de contenido. Qué contenido debe estar presente en

cada página o ventana, es opcional comenzar a llenar algunos
campos con información, o solo nombrar títulos.

Elementos de la página. Cabeceras, enlaces, listas, imágenes,

formularios, etc. sin detalles visuales menos artísticos

Etiquetado. De vínculos, títulos, etc.

Layout. Que se refiere a la disposición, ubicación, colocación y

agrupación de los elementos de la página (cabeceras, pies, áreas
de contenido, titulares, etc.) tomando en cuenta los Principios de
Gestalt. Mostrar además la estrategia de navegación y la
priorización de contenidos dentro de cada pantalla, así como la
agrupación en barras laterales, barras de navegación, áreas de
contenido, etc.

Comportamiento. Mediante la visualización de formas, mensajes,

notas asociadas a los elementos para indicar cómo se mostraran
(nº de elementos, visualización por defecto) o definir el
comportamiento funcional cuando un elemento se activa (enlace
externo, mensajes de alerta, etc.)

1.4 Evaluar el prototipo, aplicando una de las técnicas de la evaluación conocida

como Recorrido/ensayo cognitivo combinando con la técnica pensando en voz
Actividad3.3 Diseño-PrototipoBajaCalidad Interacción Humano Computadora
7º semestre, I-2017
Lic. Mgr. Corina Flores Villarroel

alta, también pueden revisar las transparencias publicadas en dropbox cap.7

Prototipos en el enlace

Realizar la evaluación con 5 participantes

¿Cuándo entregar?
La entrega del prototipo de baja calidad y un documento que informe acerca la
evaluación debe efectuarse hasta el día martes, 20/06/17 hasta horas 23:50 p.m.
en https://sites.google.com/site/ en la sección Actividad 3.4 y en sus carpetas
respectivas de cada equipo. El informe de evaluación debe sintetizar los
resultados de la evaluación describiendo aquellos aspectos que el usuario ha
observado, sugerido o comentado en voz alta, puesto que éstos serán los insumos
para hacer los cambios o adiciones necesarias, por tanto este informe debe estar
respaldado por las grabaciones de video como evidencia de las pruebas
efectuadas.
El día martes 20/06/2017, se procederá con la exposición de trabajos por cada
equipo, previo un sorteo con los equipos presentes.

Para guiarse con este punto 1.3. se recomienda visitar el

siguiente sitio http://www.wireframeshowcase.com/ en el que se muestran
una lista de ejemplos sobre los que pasando con el mouse, sobre el
prototipo, se consigue ver la versión terminada, cuando construyamos el
prototipo de alta calidad estaremos en busca de alcanzar el resultado final

Evaluación
1. Es importante hacer notar que la evaluación de esta parte es por 20 puntos, los
mismos que serán desglosados de la siguiente forma:

Tarea Puntaje
Sistema de navegación y etiquetado 10
mas el desarrollo del prototipo
Evaluación del prototipo con el usuario 5
Control de lectura a efectuarse el día 5
22/06/2017 en horario de clases
Actividad3.3 Diseño-PrototipoBajaCalidad Interacción Humano Computadora
7º semestre, I-2017
Lic. Mgr. Corina Flores Villarroel

Aquí vale hacer notar que la actividad 3.2 se ha calificado por 15

puntos solamente que corresponden a: HTA, sistema de organización y card sorting, los
restantes 10 puntos son trasladados a esta actividad 3.3 sumando además 5 puntos por la
evaluación del prototipo y 5 por el control de lectura, haciendo en total los 20 puntos.

Referencias Bibliográficas

[1] Carreras Olga. Arquitectura de Información. Fundamentos,

http://olgacarreras.blogspot.com.es/2011/07/arquitectura-de-informacion-
fundamentos.html#tit3

[2] Jacob Nielsen. Usabilidad: Diseño de sitios Web. Madrid: Pearson Educación, 2000

[3] Flores Villarroel Corina, Diseño centrado en el usuario: Prototipado y evaluación