Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Principios de diseño

Considera incorporar los siguientes principios en tu aplicación para optimizar la experiencia de usuario. Por favor ten en cuenta que estos son solo un pequeño conjunto de principios de diseño para que inicies, así que no son muy exhaustivos.

Se consistente

Se consistente en el lenguaje. Haz referencia a una acción o a un ítem con el mismo término, y usa cada término solamente para una acción o ítem.

Se consistente en la interfaz de usuario (UI). Por ejemplo, si colocas un botón de retorno en la esquina superior izquierda, este no debería aparecer en la parte inferior izquierda en otras pantallas dentro de tu aplicación.

Se consistente con los elementos visuales. Si dos elementos se ven iguales deberán tener el mismo comportamiento. Si dos elementos tienen diferentes funciones, deberán mostrarse distintivamente diferentes.

Se conciso y usa lenguaje apropiado

El texto que uses debe expresar la información más relevante de forma concisa. La mayoría de los usuarios no leen mucho antes de decidir continuar o abandonar una tarea.

Siempre provee pistas y respuestas inmediatas

Proporciona pistas que hagan aparente el correcto paso a seguir. Por ejemplo, un botón "+" grande indica agregar ítems si es el paso correcto a seguir.

Siempre dar una respuesta inmediata cuando el usuario realice una acción. Por ejemplo, si el usuario hace click sobre un botón de "mensaje nuevo", condúcelo directamente a la pantalla de crear un nuevo mensaje. Puedes además cambiar temporalmente el color del botón de nuevo mensaje y proveer una respuesta táctil para mostrar que tu aplicación entiende el comando del usuario.

Si una acción toma más de unos segundos, proporciona una actualización del estado. Por ejemplo, si tu aplicación se encuentra descargando mensajes nuevos, puedes mostrar el progreso con un icono de "cargando" o una barra de progreso.

Minimiza la digitación

Usa listas combinadas, checkboxes, radio buttons etc., siempre que puedas. Digitar en dispositivos moviles es a menudo una tarea lenta y tediosa.

Apunta a una experiencia placentera de primera ejecución

Las personas constantemente gastan solo un minuto o dos decidiendo si continuaran con una aplicación o la abandonaran:

  • Proporciona una introducción rápida a tu aplicación( y provee una forma fácil de terminar en cualquier momento)
  • Acceso instantáneo a características y sugerencias
  • Minimiza entradas de usuario iniciales
  • Expresa la información más importante de manera concisa.

Presenta opciones de accion si es posible

Si una alerta dice "Borrar todos los contactos?", debes proveer etiquetas de acción como "Eliminar" en lugar de "Ok".

También, intenta evitar usar alertas que solo notifican sobre una situación. Proporciona a los usuarios una selección de opciones para manejar la situación.

Enfocate en la tarea principal

Determina la tarea principal de cada pantalla y coloca caracteristicas relacionadas con la tarea principal en los lugares mas destacados.

Preparate para interrupciones

Las personas pueden usar tu aplicacion en cualquier lugar. Preparate para interrupciones guardando automaticamente el trabajo del usuario si es posible. Idealmente, la informacion y las tareas deben comportarse normalmente incluso sin una conexion a internet.

Etiquetas y colaboradores del documento

Etiquetas: 
 Colaboradores en esta página: Stojan, teoli, yvsmrds
 Última actualización por: Stojan,