Login | Register
My pages Projects Community openCollabNet
Project highlights: Browse templates | Download | Words-of-wisdom | Translations: Spanish

Diseño > Interfaz del Usuario

Información de la versión

Proyecto: NOMBREDELPROYECTO
Número Interno de Versión: X.Y.Z
Documentos Relacionados:
LIGAS A ESTÁNDARES RELEVANTES
LIGAS A OTROS DOCUMENTOS

Overview

TAREAS: Responda las pregunta abajo para ayudar a diseñar la interfaz del usuario de su sistema. Se proveen algunos ejemplos abajo. Añada o elimine texto según necesite.
¿Cuáles on los hechos más importantes que un desarrollador debería saber sobre la interfaz del usuario de este sistema?
PÁRRAFO O VIÑETAS
¿Cuáles son los objetivos clasificados para la interfaz de este sistema?
  1. Comprensibilidad y Capacidad de Aprendizaje
  2. Soporte de Tareas y Eficiencia
  3. Seguridad
  4. Consistencia y familiaridad

Metáforas, Ejemplares y Estándares

¿Cuál es la metáfora central del deseño de esta UI?
PÁRRAFO
¿Qué sistemas específicos tiene interfaces de usuario similares a UI que Ud. quiere construir? ¿Qué aspectos específicos son similares?
  • amazon.com: Nuestro sitio de e-commerce tendrá tiendas y departamentos y capcidad de búsqueda como este sitio.
  • Microsoft Office: Utilizaremos barra de herramientas configurables de la misma forma que las utiliza Office 2000.
  • UI EXISTENTE: DESCRIPCIÓN
¿Qué estándares de diseño para UI, guías y estilos está siguiendo?

Modelos de Tareas

¿Qué tipo de usuarios utilizarán este sistema?
Vea el documento de requerimientos del usuario.
¿Qué tipos de tareas realizarán los usuarios?
Vea el conjunto de casos de uso.

Modelo de Contenido / Contexto de Interacción

TAREAS: Enliste los contextos de interacción. Cada contexto de interacción is un "lugar" donde los usuarios ven información y donde seleccionan comandos u opciones. En una interfaz gráfica del usuario, un contexto de interacción será eventualmente implementado como una ventana o un cuadro de diálogo. En otras aplicaciones, un contexto de interacción puede ser implementado como, por ejemplo, una página web, un menú de voz o un panel de control físico.
SUGERENCIA: Cada contexto de interacción es un mod exclusivo: el usuari puede usar solo un cotexto de interacción a la vez. Todos los componentes dentro de un contexto son visibles y utilizables al mismo tiempo. Por ejemplo, si una ventana tiene tres pestañas, esos son los tres contextos de interacción porque solo una pestaña puede ser usada a la vez.
TAREAS: Para cada contexto de interacción enumere los componentes abstractos dentro de ese contexto. Cada componente es una pieza de información, o una facilidad de la interfaz del usuario. En una GUI, cada componente abastracto eventualmente se convertirá en una característica particular, pero la selección de características específicas viene después. Escoja los componentes abstractos que correspondan al paso 2 en el ejemplo de prototipos HTML.
SUGERENCIA: La mayoría de ñps casos de uso de alta frecuencia deberían ser llevados a cabo solo en un contexto de interacción. Un caso de uso que requiera tres contextos de interacción puede ser difícil de utilizar. De cualquier forma, los contexto de interacción con demasiados componentes pueden ser difíciles de utilizar también.
Contexto de Interacción
--Componentes Abstractos de la UI
Propósito Contenidos / Prioridades / Comportamientos
Diálogo de Inicio de Sesión Verifica que el usuario actual es realmente la persona que dice ser.
--Pregunta Le indica al usuario qu este diálogo es para iniciar sesión. "Por favor inicie su sesión".
--Área de Mensaje Le da al usuario información sobre el proceso de inicio de sesión. Inicialmente en blanco. Cambia a "Verificando el nombre de usuario y la contraseña" cuando el usuario presiona "Entrar". Cambia a "Nombre de usuario o contraseña inválidos, por favor inténtelo de nuevo", si el inicio de sesión falla..
--Nombre de usuario Identica la cuenta del usuario que el usuario actual está intentando accesar. El nombre de cuenta del usuario. Regex: [-_a-z0-9]{1-16}. La aplicación no debería de hacer nada que ayude a los usuarios a adivinar los nombres de usuario. Por ejemplo, no debería de haber un caja de opciones que muestre a los usuarios que han entrado recientemente, y no debería de ofrecer auto-completado.
--Contraseña Verica que el usuario actual conoce una contraseña secreta que solo el verdadero usuario de esa cuenta debería conocer. La contraseña deberá tneer de 4 a 16 caracteres. No mostrar la contraseña en la pantalla. La aplicación no deberá hacer nada que pueda ayudar a los usuarios a adivinar las contraseñas.
--Inicio de sesión Permitir al usuario a indicar que han terminado de ingresar su nombre de usuario y su contraseña. "Inicio de sesión" solo se activa cuando el nombre de usuario != "". Si el nombre del usuario o su contraseña son incorrectos, espere unos segundos y entonces borre todos los campos.
--Pérdida de Contraseña Permita al usuario a iniciar un prceoso de generar una nueva contraseña para un nombre de usuario dado. "¿Olvidó su contraseña? Dé click aquí." Solo válido cuando el nombre del usuario != "".
NOMBRE-DE-LA-PÁGINA PROPÓSITO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
>NOMBRE-DE-LA-PÁGINA PROPÓSITO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
NOMBRE-DE-LA-VENTANA-PRINCIPAL PROPÓSITO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
NOMBRE-DE-DIÁLOGO PROPÓSITO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
NOMBRE-DE-DIÁLOGO PROPÓSITO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO
--RESUMEN-DE-NOMBRE-DE-COMPONENTE PROPÓSITO CONTENIDO

Consideraciones Técnicas / Contextualización Operacional

¿Cuáles son sus supuestos acerca de los dispositivos de salida?
Asumimos que el usuario cuenta con un monitor de 17" o más grande con resolución de 1024x768 pixeles que puede mostrar miles de colores(16 bit o más). Asumimos que cuenta con equipo básico para repdrducir audio y que puede reproducir archivos de audio simple.
Tenemos muy pocas suposiciones sobre los monitores de los usuarios o sus navegadores web, excepto que son capaces de ver una página web de alguna forma. No utilizaremos ninguna cracterística que involucre audio.
Este sistema necesita un monitor con 320x200 pixeles, que despliegue 16 colores y que tenga bocina de sistema.
¿Cuáles son sus supuestos sobre los dispositivos de entrada que se usarán?
Asumimos que el usuario solo cuenta con un teclado y un ratón estándar.
Este sistema tiene un teclado con los dígitos del 0 al 9, las teclas "OK", "Cancel", y cuatro botones de menú junto al lado derecho del monitor.
¿Cuáles son sus supuestos sobre la cantidad de tiempo que lso usuarios invertirán en sus tareas?
Se espera que los casos de uso UC-02 y UC-04 tomen unos cuantos minutos cada uno. El caso de uso UC-00 debería tomar menos de 5 segundos cada uno. Todos los demás casos de uso deberían tomar menos de 30 segundos cada uno.
¿Qué administradores de ventanas, librerías de UIu otras tecnologías de UI utlizará?
Java Swing Standard sin librerías adicionales.
HTML simple y CSS con imágenes GIF simples.

Lista de Pendientes de la Interfaz del Usuario

TAREAS: Responda las siguientes preguntas para yudar a evaluar el sieño. Puede añadir o eliminar preguntas según convengan a su proyecto.

Comprensibilidad y Capacidad de Aprendizaje

¿Hay etiquetas o íconos que puedan ser malinterpretados?
1-3 ORACIONES
¿Son el estado y el lugar en que se encuentra el usuario claramente visibles? Por ejemplo, un contador de pasos en el asistente (paso 2 de 5), o modo de edición contra modo de visualización.
1-3 ORACIONES
¿Las opciones avanzadas están claramente separadas de las opciones más comúnmente usadas?
1-3 ORACIONES
¿Hay opciones o comandos invisibles? Por ejemplo, presionando la tecla de control mientras abre una caja de diálogo para ver opciones avanzadas.
1-3 ORACIONES

Soporte a Tareas y Eficiencia

¿Cuáles casos de uso forzan al suaurio a trabajar en más de dos contextos de interacción?
1-3 ORACIONES
¿Cuáles casos de uso forzan al usuario a realizar pasos lentos o difíciles en la UI? Por ejemplo, teclear un número de código largo como un ISBN, u operaciones de arrastre largo con el ratón.
1-3 ORACIONES

Seguridad

¿Existen acciones peligrosas o irreversibles que puedan ser hechas en un solo paso?
1-3 ORACIONES

Consistencia y Familiaridad

¿Los elementos de la UI en su sistema funcionan de la misma forma que lo hacen en sistemas existentes que haya identificado?
1-3 ORACIONES
¿Todos los elementos en su sistema que se ven igual funcionan de la misma forma?
1-3 ORACIONES
¿Todos los elementos comparten consistentemente características visuales como fuentes o combinaciones de colores? ¿Hay alguna razón por que la que puedan diferir?
1-3 ORACIONES
¿Las etiquetas son consistentes en el sistema? Por ejemplo, usar "adelante/atrás" en algunos contextos y "siguiente/anterior" en otros.
1-3 ORACIONES
TAREAS: Revisar las notas de sabiduría y discutir formas de mejorar esta plantilla.
Compañía Propietaria
Copyright © 2003 Jason Robbins. Todos los derechos reservados. Términos de la Licencia. Mantenga esta leyenda derechos donde utilice este archivo como plantilla - Traducción al español por Interplanet, México, D.F.