Diana López Aguilar

Actividad 2. Diseño de la interfaz

Indicaciones de la actividad:
a) Selecciona un sitio web dinámico de los nueve citados, puede ser cualquiera de
los tres propuestos a continuación (Diario, Tienda Departamental, Organización no
Gubernamental):

Tabla 1. Sitios Web

Sitios Ejemplos
 El universal
Diario  The New York Times

 Al Jazeera

 Sears
Tienda Departamental  Sams Club

 Aldi

 Amigos de Inharrime
ONG Organización no
 Fundación Michou y Mau
Gubernamental
 Futuro Verde

b) Investiga en cualquier fuente de información, cuáles son los estilos de interacción

del diseño de la interfaz y construye el siguiente organizador:

Tabla 2. Estilos de Interacción

Estilo de interacción Definición Características
MENUS Y NAVEGACION ENTRANAMIENTO
Estilo 1 REDUCIDO MENUS
TECLEO
…
MANIPULACION DIRECTA REPRESENTACION
Estilo n CONTINUA DE OBJETOS
Y ACCIONES

c) De acuerdo con los estilos de interacción, identifica sus características del Sitio
Web que seleccionaste, argumenta y presenta captura de pantalla para cada
estilo.
 Tabla 3. Identificación de los Estilos de Interacción del Sitio Web
Estilo de interacción Argumentación Captura de Pantalla
ESTILO DE MENU Y
NAVEGACION
Estilo 1

MANIPULACION DIRECTA

Estilo n

d) Verifica cuantos de los 12 principios relevantes para el diseño de interfaces

señalados en el contenido de la unidad 2, se aplican en el Sitio Web. Utiliza la tabla
siguiente:

Tabla 4. Principios del Diseño de Interfaces

Descripción del sitio WEB

Nombre: https://www.eluniversal.com.mx/

Público al que está dirigido: Público en general.

Objetivo: realizar las acciones tendientes a lograr que la Información de Interés
Nacional se sujete a los principios de accesibilidad, transparencia, objetividad e
independencia.

Criterio Si Cumple No Comentarios

 cumple

1. ¿Es claro en X Es un nombre pequeño y

nombre del sitio Web? entendible.
2. ¿Es posible entrar X Su correo que proporciona es
en contacto con el atencion.usuarios@inegi.org.mx
autor por e-mail?
3. La página, ¿es X Representa una organización
personal o representa reconocida.
alguna organización
reconocida?

4. El website, ¿tiene X Las imágenes que utiliza el sitio

títulos y tienen tamaños adecuados y
encabezamientos colores que permiten entender
adecuados, claros y adecuadamente que es lo que
descriptivos? se quiere seleccionar.
5. La información, X No se detecta ningún error
¿está libre de errores gramatical ni ortográfico.
gramaticales y
ortográficos?
6. ¿Contiene además X Solo tiene imágenes, texto
de texto, imágenes, sonidos y multimedios no los
sonidos y contiene.
multimedios?

7. La información, ¿es X Maneja un portal de

fiable y está transparencia
actualizada?

8. El acceso al sitio X No presenta retardo alguno para

Web, ¿es rápido? ingresar.
 9. Desde la página
principal, ¿se ve cómo
está organizado el
sitio y las opciones
disponibles?
X Muestra distintos apartados que
permiten ver que existe una
organización adecuada.

10. Los íconos, X Utiliza imágenes relacionadas a

¿representan lo que se requiere consultar.
claramente su
propósito?

e) Diseña dos interfaces para el caso de estudio propuesto en la actividad anterior,

asegúrate que cumpla con al menos 4 de los principios relevantes para el diseño de
interfaces.

Tipo de arquitectura
Red
La estructura de red es una organización en la que aparentemente no hay ningún orden
establecido, las páginas pueden apuntarse unas a otras sin ningún orden aparente.
Este tipo de organización es la más libre, pero también es la más peligrosa ya que si no
se informa al lector de en dónde se encuentra, puede perderse o puede no encontrar lo
que anda buscando o no llegar a ver lo que le queremos mostrar. Por eso es muy
recomendable asociar la estructura de las páginas con alguna estructura conocida, como
por ejemplo la de una ciudad.
 • Estilo de
interacción que
maneja
Menús y
formularios.
Se muestran las
opciones
disponibles para el usuario en pantalla „La selección se hace mediante la tecla inicial,
introduciendo el número asociado o moviéndose mediante las teclas de cursor.
Manipulación directa.
Las pantallas gráficas de alta resolución y los dispositivos apuntadores, como el ratón,
han permitido la creación de los entornos de manipulación directa. Estas interfaces
suponen un cambio de una sintaxis de comandos compleja a una manipulación de objetos
y acciones.

Interfaces gráficas.
Posee un monitor gráfico de alta resolución y un dispositivo apuntador (generalmente
ratón). Incorpora elementos de interfaz estándar como ventanas, iconos, menús y
diálogos. Existen controles gráficos (widgets) para la selección e introducción de la
información.