Allan Day
aday@gnome.org

This work is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.

Guías de diseño general y consejos.
Daniel Mustieles
daniel.mustieles@gmail.com 2011 - 2021
Alex Puchades
alex94puchades@gmail.com 2015
Nicolás Satragno
nsatragno@gnome.org 2013
Benjamín Valero Espinosa
benjavalero@gmail.com 2011
Jorge González
jorgegonz@svn.gnome.org 2009
Rosa Elena Pérez
rozydicemiau@gmail.com 2014
Oscar Rafael Arachi
arachi910@gmail.com 2014 - 2015
Miguel Ajuech
miguel.ann.28@gmail.com 2014
Adrián Pérez Domínguez
adrian@aztli.org 2015
Celina Osorio Ochoa
chelinoska@gmail.com 2015
Dario Amigon Espinoza
daramigon@gmail.com 2015
Yenisei Ramírez Pérez
yeniseirape@gmail.com 2015
José Roberto Ramíres Mendoza
aczella@gmail.com 2015
Bernardo Sánchez Romero
b.sanchez.rom@gmail.com 2015
Emmanuel Márquez Juárez
resident3333@gmail.com 2015
David Romero Serrano
lemi136@hotmail.com 2015
Omar Garcia Guzman
garciag.omar91@gmail.com 2015
Edilberto Huerta Niño
edilberto.huerta0290@gmail.com 2015

# Principios de diseño

Los siguientes principios de diseño constituyen un conjunto de reglas generales que, cundo se siguen, le permiten generar una experiencia de alta calidad a sus usuarios.

# De un enfoque claro a su aplicación

Los objetivos claros y bien definidos son la clave de un buen diseño. Identifique un conjunto coherente de funcionalidades que quiere proporcionar y tenga cuidado de no ampliar mucho el objetivo. Una aplicación que intenta hacer muchas cosas dispares terminará siendo muy compleja y potencialmente confusa para los usuarios.

Recuerde: las mejores aplicaciones ofrecen una solución elegante a un área de trabajo en concreto.

# Mantenga la complejidad de la interfaz de usuario al mínimo

Cada control o fragmento de información que añade a su aplicación genera trabajo adicional a los usuarios e incrementa la complejidad de su aplicación, haciéndola potencialmente más difícil y menos amigable de usar. Por lo tanto, incluya sólo los controles y la información esenciales en la interfaz de su aplicación.

Al agregar un nuevo control o parte de la información, siempre tome un momento para preguntarse si es necesario.

# Utilice la revelación progresiva para mostrar los controles cuando son necesarios

Mostrando cada control posible todo el tiempo hace una aplicación difícil de utilizar, ya que los usuarios tienen controles para navegar que a menudo no son relevantes. En su lugar, muestre solo los controles cuando son necesarios. Esto hace las aplicaciones más fácil de utilizar, incluso si se proporciona la mima cantidad de funcionalidades.

Hay varias maneras de revelar progresivamente los controles, el uso de diferentes vistas o modos, mostrar controles transitorios o flotantes cuando se seleccionan elementos con determinado contenido.

# Requiere el menor trabajo por parte del usuario como sea posible

Una aplicación que es laboriosa de utilizar puede convertirse en fuente de irritación, así que esfuércese para hacer el software manejable para sus usuarios, no al contrario. Cada vez que su aplicación requiera entradas de los usuarios, ya sea en la forma en que se utilizan los controles o se proporciona información, pregúntese si es posible hacer el trabajo por ellos.

Trate de evitar la necesidad de una ventana de configuración manual o un asistente, y hágalo fácil para regresar al contenido utilizado recientemente.

# Cree una jerarquía clara

La gente tiende a «leer» una interfaz de izquierda a derecha y de arriba hacia abajo. Los elementos que se encuentran en primer lugar se ven como dominantes sobre aquellos que vienen después. Utilice esta jerarquía implícita para comunicar qué partes de su aplicación son las más importantes.

Posicione los controles más importantes hacia la parte superior izquierda de su ventana, y coloque los controles dominantes a otros controles que los afectan. Consulte las guías de capa visual para obtener más detalles.

# De prioridad al contenido

Las aplicaciones suelen presentar contenido, ya sea imágenes, texto, mensajes o datos más complejos. Este es el contenido que a sus usuarios les puede interesar, y también demasiados controles o elementos de interfaz de usuario distraerán el enfoque de su atención.

De al contenido tanto espacio como sea posible en su interfaz de usuario, reduciendo el número de controles. No llene el objeto de interés primario con información secundaria.

# Anticípese a los errores

La gente comete errores. Anticipando esos errores se evitará consecuencias perjudiciales, y hará que su aplicación sea más placentera y satisfactoria de utilizar. La primera línea de defensa aquí es para diseñar la aplicación de modo que los errores no se puedan hacer. En segundo lugar, si es posible cometer un error, que sea fácil de recuperar.

Corregir automáticamente entradas potencialmente inválidas, y hacer siempre lo posible para deshacer operaciones destructivas.

# Evitar interrupciones

Las interrupciones causan frustración y molestia, y evitan que las personas se centren en lo que les interesa. Diseñe su aplicación para que se queda fuera cuando no esté en uso, y no sorprenda cuando esté en uso.

Use las notificaciones con moderación, evitando siempre la aparición de diálogos sin la intención del usuario, y evitando mecanismos disruptivos de retroalimentación como mensajes de diálogo.

# Ofrecer una búsqueda rápida y efectiva

La Búsqueda es un potente mecanismo que se puede utilizar para encontrar contenido rápidamente. Siempre le proporciona grandes cantidades de contenido, ya sea en forma de listas o tablas. Cuando proporcione una función de búsqueda, es vital que sea tan inmediata como sea posible, y que devuelva los resultados buscados por los usuarios.

GNOME 3 también ofrece un servicio integrado de búsqueda. Integrar la búsqueda en la aplicación ofrece al usuario una manera rápida y fácil para acceder a los contenidos proporcionados por su aplicación.

# Utilice las opciones de configuración con moderación

Agregar opciones a menudo parece ser una solución de diseño simple. Sin embargo, la mayoría de los usuarios nunca ven o utilizan las opciones de configuración. En lugar de agregar opciones, intente hacer el comportamiento predeterminado del trabajo de su aplicación para tantas personas como sea posible.

# Dele a su aplicación un nombre instructivo y un icono atractivo

El nombre y el icono de su aplicación son las dos cosas más expresivas acerca de ella, Así que diséñela para que comunique su funcionalidad e identidad. Asegúrese de que la gente entienda el propósito de su aplicación a partir del nombre. Asegúrese de que tiene un icono de aplicación bonito y reconocible, para dar a su aplicación una identidad visual atractiva y distintiva.

# Use de emoción y humor (con moderación)

Utilizados eficazmente, la emoción y el humor pueden mejorar la experiencia proporcionada por su aplicación, y ayudar a desarrollar una relación positiva con los usuarios. Sin embargo, tenga cuidado de no abusar de estas técnicas, (es mucho más efectivo elegir una pequeña cantidad de momentos para utilizar la emoción, en lugar de usarla a lo largo de toda la interfaz de usuario).

Sea acogedor cuando su aplicación se utilice por primera vez. Usar el humor cuando las cosas van mal es otra técnica efectiva.