CLASE N: 7 PERODO 22/05/2017 al 26/05/2017

TIEMPO: 2 horas

FECHA: 22/05/2017

TEMA DISCUTIDO: Diseo de interfaz, Principios y reglas de oro en el diseo de IU

PROBLEMA: Carencia de informacin sobre los diferentes lineamientos

establecidos para un correcto diseo de la interfaz grfica de
usuario

OBJETIVO: Describir los diferentes lineamientos establecidos para un correcto

diseo de la interfaz grfica de usuario, mediante la disertacin de
estos conceptos

Desarrollar de acuerdo a lo que se vio en clase

Datos interesantes discutidos:

Actividades durante la clase:

Descriptores analizados:

Presentacin

Resumen conceptual de lo que se vio en clases, incluyendo imgenes, etc:

Diseo UI

El diseo UI podra definirse como una nueva tendencia en el diseo web que se
enfoca en crear una interface entre las personas y los diferentes dispositivos
digitales.

Estos diseos deben de incluir en la interaccin los elementos fsicos o de hardware

y elementos lgicos o de software, ya que se debe contemplar todo aquello con lo
que el usuario tendr interaccin.
Principios y reglas de oro en el diseo de UI

Si deseas crear interfaces memorables y libres de frustraciones para los usuarios,

te recomendamos seguir las 8 reglas de oro de Ben Shneidermans. l es cientfico
y profesor de Interacciones entre humanos y computadoras en la Universidad de
Meryland y sus reglas han sido aplicadas por grandes compaas como Apple,
Google y Microsoft.

1. Consistencia

Mediante el uso de iconos familiares, colores, jerarqua, call-to-action al momento

de disear, utilizando el conocimiento previo que tiene el usuario. Esto har que los
usuarios apliquen este conocimiento previo en vez de tener que aprender cmo se
usa algo a lo que ya estn acostumbrados. Esto ayuda a que los usuarios puedan
realizar lo que desean ms rpidamente.

2. Atajos. Permite que lo usuarios frecuentes usen atajos

Con el constante uso de un producto o servicio, se demandan formas ms rpidas

para realizar las tareas. Como ejemplo, tanto PC como MAC ofrecen atajos del
teclado en sus diferentes softwares para copiar, pegar o cambiar de herramienta,
as mientras el usuario va adquiriendo experiencia, pueden navegar y utilizar la
interfaz ms rpido y sin esfuerzo.

3. Retroalimentacin informativa

Los usuarios deben saber en donde estn y que es lo que est pasando todo el
tiempo. Por cada accin, debe existir una retroalimentacin legible y razonable. Un
buen ejemplo sobre esto es siempre mantener informado al usuario del paso en el
que va dentro de un proceso como lo puede ser un cuestionario de mltiples
pginas. UN mal ejemplo puede ser las pantallas ed alerta de Windows que
muestran cdigos de error incomprensibles para el usuario.

4. Dilogo. Disear textos de dilogo para cerrar procesos

NO dejes que los usuario adivinen. Debes decirles cual ha sido el resultado de sus
acciones o actos. Por ejemplo, los usuarios aprecian un mensaje de GRACIAS y
una prueba de su recibo de compra cuando completan una transaccin en lnea.
5. Manejo de errores. Ofrece una forma sencilla de corregir errores

A nadie le gusta que le digan que se equivoc, especialmente los usuario. Los
sistemas deben de ser diseados para ser lo ms a prueba de tontos que se
pueda, pero cuando inevitablemente los errores sucedan, asegrate que los
usuarios reciban una solucin simple y paso a paso para resolverlo lo ms pronto
posible. Por ejemplo, al llenar formularios, resalta las casillas que olvid llenar para
que las identifique rpidamente.

6. Permite la facilidad de regresar sobre sus propios pasos

Cada diseador debe ofrecer formas obvias y sencillas de como retroceder o revertir
sus acciones. Esto debe de permitirse en varios puntos, ya sea despus de una
accin, una captura de datos o una secuencia de acciones. Como el mismo
Shneiderman deca Esta funcin libera ansiedad, como el usuario se da cuenta que
el error puede corregirse, le da el valor para explorar opciones, funciones o
caractersticas desconocidas

7. Fomenta la sensacin de control

Permite que tu usuario sea el que inicia las cosas. Dales la sensacin de que estn
en completo control de los eventos que ocurren en el espacio digital. Gana su
confianza diseando el sistema para que se comporte como ellos esperan.

8. Reduce la carga de memoria a corto plazo

La atencin humana es limitada y solo somos capaces de mantener 5 objetos/ideas

en nuestra memoria a corto plazo al mismo tiempo. Por esto, la interfaz debe ser lo
ms sencilla posible y con una jerarqua de informacin evidente. Elige
reconocimiento en vez de recuerdo. Reconocer algo es ms fcil que recordar algo
porque el reconocimiento incluye claves que nos ayudan a recordar objetos
almacenados en nuestra basta memoria. Por ejemplo, es comn que prefiramos
preguntas de opcin mltiple a preguntas abiertas, ya que en la primera podemos
reconocer la respuesta y no saberla de memoria como en el segundo caso.
Reflexionar

Qu cosas fueron difciles?

No hubo complejidad en entender dichos temas
Cules fueron fciles?
Comprender los temas expuestos
Por qu?
Los temas fueron fcil de entender
Qu aprend hoy?
Principios y reglas de oro en el diseo de una interfaz de usuario
 CLASE N: 8 PERODO 22/05/2017 al 26/05/2017

TIEMPO: 3 horas

FECHA: 24/05/2017

TEMA DISCUTIDO: Estilos de Interaccin, Formatos Individuales de Interfaz

PROBLEMA: Carencia de informacin sobre los diferentes lineamientos

establecidos para un correcto diseo de la interfaz grfica de
usuario

OBJETIVO: Describir los diferentes lineamientos establecidos para un correcto

diseo de la interfaz grfica de usuario, mediante la disertacin de
estos conceptos

Desarrollar de acuerdo a lo que se vio en clase

Datos interesantes discutidos: Estilos de Interaccin, Formatos Individuales de

Interfaz.

Actividades durante la clase:

Exposicin

Descriptores analizados:

Presentacin

Resumen conceptual de lo que se vio en clases, incluyendo imgenes, etc:

Reflexionar

Qu cosas fueron difciles?

No hubo complejidad en entender dichos temas
Cules fueron fciles?
Comprender los temas expuestos
Por qu?
Los temas fueron fcil de entender
Qu aprend hoy?
Estilos de Interaccin, Formatos Individuales de Interfaz