Hay muchas cosas a considerar al elegir entre estos dos elementos de la interfaz de usuario. Algunos son :
Capacidad de compartimentar la aplicación:
Hay un conjunto de aplicaciones donde es muy natural segregar su aplicación, en el nivel superior, en un pequeño conjunto de compartimentos completamente funcionales. IPhone’s Dialer, Gallery, Clock son ejemplos de aplicaciones simples. Por ejemplo, en la aplicación Marcador, hay Favoritos, Recientes, Correo de voz, etc., como compartimentos funcionales separados (Pestañas). Cada uno de ellos generalmente funciona de manera independiente, con su propio flujo de navegación, desplazamiento, diseño de sus propios controles de interfaz de usuario, como botones, listas, etc. Al mismo tiempo, el usuario a menudo querría cambiar rápidamente entre estos compartimentos y, por lo tanto, la necesidad de un “Control táctil en pantalla siempre disponible”. Ese es el propósito del control TAB. Cabe señalar que para poder cambiar “rápidamente”, las siguientes pautas son críticas:
* Evite la adición / eliminación dinámica de pestañas dentro de un control de pestañas
* evite mover la posición de la pestaña dentro del control de pestaña
* evite desplazar / llenar el control de pestañas (iOS en realidad restringe el número de pestañas a 5 o menos, por esta razón, mientras que Android no lo hace. Tenga en cuenta que en IPhone5, el ancho del dispositivo no se modificó)
Además, para ayudar al usuario a cambiar entre pestañas, el control TAB siempre estará disponible en la pantalla, con algunas excepciones como hojas de acciones (por ejemplo, borrar todas las llamadas perdidas), notificación desplegable, vista modal (por ejemplo, agregar un Nuevo contacto) etc.
Como se puede ver, esto no está directamente relacionado con la simplicidad ni la cantidad de características en la aplicación. IPhones iTunes, AppStore son ejemplos sofisticados que utilizan controles TAB.
- ¿Cuáles son algunos ejemplos de páginas de productos realmente bien diseñadas?
- ¿Cuáles son las características definitorias del diseño Bauhaus?
- ¿Cuáles son algunos buenos ejemplos de diseño web íntimo?
- Si tuviera que rediseñar un sitio web o servicio sin la colaboración de los propietarios del sitio web o servicio antes mencionado, entonces escribir sobre ello en mi blog como una forma de crítica constructiva, ¿los propietarios del sitio web o servicio tienen derecho a tomar mi ideas?
- Cómo mejorar el diseño de mi logo
Jerarquía de información profunda:
La compartimentación anterior ayuda a aplanar la jerarquía de información en la aplicación. Sin embargo, si la aplicación tiene una jerarquía profundamente anidada y no puede compartimentarse dentro del límite de 5 pestañas, como en la aplicación iTunes, entonces la última pestaña se usa para cambiar a listas de pantalla completa. Esta solución ayuda al usuario a atravesar la jerarquía de información de la aplicación. Esto no es bonito, pero en realidad funciona mejor para dispositivos de pantalla pequeña. De hecho, la aplicación de configuración de iOS está tan anidada que el control TAB es redundante y la aplicación usa la lista de pantalla completa en toda la aplicación, sin controles de pestañas. Tal jerarquía profunda debería ser una excepción y generalmente es un signo de mal diseño.
Jerarquía plana, pero demasiados compartimentos:
¿Qué pasa si la aplicación puede compartimentarse, pero termina teniendo demasiados compartimentos? Este no es un escenario típico, pero los grandes conjuntos de datos compartimentados prevalecen en el mundo web, como en el caso de un conjunto de etiquetas en Blogs, o Categorías en Pinterest, etc. Estos se abordan en el diseño web, utilizando los controles de la interfaz de usuario como ‘listas desplegables’, pero son muy hostiles en las pantallas táctiles. Por lo tanto, la interfaz de usuario táctil ha evolucionado para proporcionar listas desplazables tan largas en una pantalla separada y, sin embargo, ha hecho que esta pantalla sea accesible mediante una simple acción del usuario (generalmente un deslizamiento o un botón en la esquina superior izquierda de la pantalla)
Contenido de cada compartimento:
El contenido afecta el comportamiento de navegación y, por lo tanto, influye en la elección del botón / deslizar el panel deslizable (o incluso un control de pestaña) Por ejemplo. Una entrada de noticias de Facebook que muestra una gran cantidad de imágenes cargadas, permite al usuario deslizar hacia la izquierda / derecha para ver todas las imágenes de tamaño medio cargadas, sin tener que abandonar esa vista de noticias. Este deslizamiento hacia la izquierda / derecha entraría en conflicto con el deslizamiento para deslizar hacia adentro / hacia afuera el panel. Sin embargo, no es tanto un problema aquí, porque siempre hay algunas partes de la pantalla que pueden responder al gesto de deslizamiento hacia atrás, en el panel principal.
Conflictos de gestos y navegación anidada de contenido en cada compartimento:
El contenido dentro de cada compartimento puede tener navegación anidada. Digamos que, en Facebook, usar el enlace al Centro de aplicaciones después de deslizar el panel principal llevaría al usuario a una lista de aplicaciones. Seleccionar una aplicación aquí navegaría al usuario a otra pantalla, con muchos deslizamientos locales hacia la izquierda / derecha. Esto rompe casi por completo el gesto de deslizar hacia adentro / hacia afuera. El mismo escenario para la aplicación de YouTube de Google en iOS6. A medida que aumenta la navegación anidada, las posibilidades de conflicto de gestos locales aumentan. (La solución es usar el botón en la esquina superior izquierda)
Ejemplos:
Pinterest maneja constantemente el gesto de deslizar bien, para el panel deslizable de entrada / salida.
Facebook lucha solo cuando el contenido del panel entra en conflicto y se anula.
Youtube tiene problemas graves con el gesto de deslizar, porque siempre tiene conflictos de gestos.
Flipboard lo evita por completo, al usar el gesto de deslizar para voltear (navegación local), y el botón para deslizar / deslizar globalmente, de este panel.
Soporte de plataforma:
El control de pestañas es parte de la plataforma en iOS y Android.
El control deslizable de entrada / salida se desarrolla principalmente a medida por los desarrolladores de la aplicación. iOS, tiene los paneles ‘Vista dividida’ compatibles con la plataforma. SplitView se usa con el gesto de deslizar en la aplicación Apples Trailers en iPad. No parece admitir el ancho flexible, ni el seguimiento preciso de los dedos, ya que son controlados y dictados por la plataforma.