Patrones de diseño UI / UX: ¿Cuáles son los mejores ejemplos de visualización de datos tabulares con ordenación en aplicaciones iOS?

¡Buena pregunta!

Yo diría que el mejor ejemplo es el más simple: el correo. Apuesto a que esperabas una respuesta más sexy y culminante, pero creo que el equipo de diseño de Apple acertó bastante bien.

Como puede ver, sus propiedades de diseño con respecto a los datos tabulares son:

  • Una columna, filas interminables
  • Una forma de editar toda la tabla (“Editar” → seleccionar elementos → “Listo”)
  • Una forma de editar una celda individual, la tendencia actual es “ocultar” acciones en una celda detrás de la celda con mosaicos deslizantes
  • Las acciones secundarias, como la búsqueda y el filtrado, están ocultas en la parte superior, detrás de la barra de navegación y, por lo general, pueden extraerse de debajo de la barra.
  • La búsqueda y el filtrado se realizan en el contexto actual, para simplificar la navegación.

Aseado, ¿verdad?

El diseño, especialmente en aplicaciones, siempre está en movimiento. Muchos diseñadores gráficos tienen ganas de reinventarse, de buenas y malas maneras, lo que a veces hace que sea difícil ver las bases fundamentales sobre las que todos (todavía) construimos.

Un hito para mí siempre ha sido los Principios universales de diseño “bíblicos” (Lidwell, Holden y Butler, sí, ese). Cuando se trata de diseñar datos tabulares, echaré un vistazo a los principios de:

  • Divulgación progresiva
  • Navaja de Ockham y 80/20 (¡por supuesto!)
  • Jerarquía (sin demasiados “estados”)
  • Reconocimiento sobre la recuperación (y evitar la necesidad de memorización)

¡Eso es!

Los diseños de la tabla de datos en el diseño de material de Google es un excelente ejemplo para las pantallas de datos tabulares. También presenta los filtros de paginación en las tablas. Visualmente es muy simple, limpio y altamente intuitivo. Siéntase libre de explorar más aquí (Tablas de datos – Componentes – Pautas de diseño de Google).

PD: Puede crear una versión de iOS de esto.

Esta aplicación de base de datos para administrar archivos de MS Access podría ser un ejemplo de lo que está buscando: