¿Cuáles son los patrones de diseño UX alternativos (geniales) para las listas de selección múltiple en una aplicación móvil?

Answer 1

Estoy totalmente de acuerdo con Jason. Swipe es, en el mejor de los casos, aprendido. Nunca he visto a nadie probarlo en una prueba de usuario yo mismo. Siempre. Fuera de los juegos, suponga que toca todo y deje espacio para el desplazamiento (vea el elemento 4 aquí: dedos, pulgares y personas).

Encuentro aplicaciones que encuentro que deslizar en una lista significa: lo que quieran.

• Lista de opciones, luego elija qué hacer.
• Borrar
• Esconder
• retirar
• Opción Eliminar: deslice para revelar el botón para eliminar
• Cambiar la función básica (por ejemplo, tiempo)
• Despedir
• dormitar

Por lo tanto, en su mayoría cosas negativas, lo opuesto a “elegir este elemento” y por lo tanto totalmente indescifrable. No use deslizar para seleccionar elementos.

Entonces, ve con la interacción estándar. Casilla de verificación o similar. Ahora la interfaz puede ser mejorada si lo desea. Vea la aplicación de recordatorios de iOS. Cada “radio” en su propio color. Fácil de entender, atractivo, visualmente consistente. Encuentre algo que se adapte al resto de su estilo de aplicación / marca o robe algo así.

Un problema mayor para mí para la selección múltiple: tener una función “Ya terminé”. Asegúrese de que sea claro, obvio y sin ambigüedades. El botón en la esquina superior derecha según los valores predeterminados de iOS es menos aparente de lo que parece. Intenta obtener algo en la página o asegúrate de que todo esté confirmado de inmediato para que puedan usar Back. Ahora, haz ESO bonito también. Buena suerte. No estoy contento con mis respuestas hasta ahora sobre eso.

Más discusión sobre el patrón de lista de selección sin procesar aquí: 4a Cuarta Biblioteca de Patrones de Diseño Móvil

PD ¿Por qué iPhone? IME todos usan Android ahora. Ya no me piden que diseñe / nada / para iOS.

Answer 2

Desde un punto de vista rápido, lo de la música Beats es fundamentalmente un simple toque para seleccionar / deseleccionar la lista con una agradable reparación visual. Esa es probablemente su primera pista: no tiene que cambiar la funcionalidad fundamental, solo hágalo más divertido con el diseño y la animación. Puede haber un tema que puede elegir de su aplicación para inspirarse.

Un patrón alternativo sería arrastrar y soltar para seleccionar. Solo tiene un área de su pantalla que es su lista de cosas seleccionadas y arrastra elementos dentro y fuera de eso. Eso te dará algunas metáforas diferentes para jugar. Puedes tomar la delantera desde cualquier contenedor (bolsa, habitación, avión) y jugar con formas de sacar y meter cosas. O puede tener dos listas una al lado de la otra y arrastrar de una a otra, de forma similar a jQuery fieldChooser.

Su deslizamiento para seleccionar / deseleccionar es un comportamiento que los usuarios podrían elegir si usan la aplicación regularmente, pero como otros han dicho, es difícil ver qué beneficio agrega. Simplemente está complicando algo que es agradablemente simple y muy familiar para los usuarios.

Espero que ayude.

Answer 3

Use Bootstrap select (Enlace aquí: Bootstrap-select) para diseñar y agregar funciones de deslizamiento usando Jquery Mobile simple.

Para el efecto de burbuja, puede agregar su CSS personalizado encima. Avísame si necesita más ayuda.

Answer 4

Este sitio siempre tiene algunos buenos patrones de diseño móvil … http://pttrns.com/?did=1&scid=38

Answer 5

¿Cómo sabrá el usuario deslizar para seleccionar?

Android Gallery Multi Select funciona bien

a veces funciona una buena casilla de verificación antigua