Visualización de datos: diseño para dispositivos móviles

Hasta hace unos años, cuando un diseñador crea un anuncio en papel o un folleto, que podía planear exactamente cómo se vería después de su impresión. El diseñador sabía el formato y cómo los clientes sería visualizarla. Sin embargo, la popularidad de los dispositivos móviles ha aumentado, y los diseñadores han tenido que enfrentarse a dos nuevos temas de diseño:

• Diseño de interfaces de dispositivos móviles

• Creación de aplicaciones para dispositivos móviles

Con la llegada de Internet, diseñadores en línea utilizan los pocos navegadores web que estaban disponibles para planear cómo sus diseños se vería en pantalla. Las herramientas disponibles eran un poco crudo, pero el diseño era bastante sencillo. Si probó cada navegador web, un diseñador podría determinar lo que necesitaba para arreglar lo que el diseño parecería justo en línea.

Ahora los diseñadores tienen que diseñar para una gran cantidad de dispositivos móviles, cada uno de los cuales tiene sus propias necesidades peculiares. En consecuencia, las complejidades de visualizaciones de diseño han crecido.

Abrazando el diseño de respuesta

Para hacer frente a la cuestión de los múltiples tamaños de pantalla y los sistemas operativos, los diseñadores utilizan el principio de diseño de respuesta (DR). RD se refiere a una interfaz o diseño que pueden reconfigurarse en función de dónde se está viendo. El término fue acuñado por Ethan Marcotte en un artículo de 2010 que reconoció la necesidad de diseñadores para abordar el tema de múltiples requerimientos de pantalla.

Un diseño de sitio web que es sensible todavía se ve bien si lo ve en su computadora de escritorio o en el teléfono inteligente. Los bordes e iconos redondeadas que son comunes en los dispositivos más pequeños caen automáticamente en su lugar.

En su artículo, Marcotte citó las tres áreas en RD puede tener el mayor efecto en el diseño web:

• Redes de fluidos: La rejilla es la herramienta que los diseñadores utilizan para diseñar sus diseños, con independencia de que esos diseños se pueden ver en línea o fuera de línea. En la siguiente figura, un diseño de cuadrícula se ha transformado durante tres formas de pantalla.

  
  Diseño de cuadrícula traducido a diferentes pantallas.

• Imágenes flexibles: Cuando usted tiene imágenes en un blog o en su sitio web, usted querrá asegurarse de que no están cortadas o distorsionadas. Asegurarse de que sus imágenes pueden reformatear sí es importante.

• Consultas de los medios de comunicación: Al introducir un término de búsqueda en un motor de búsqueda como Google o Bing, usted quiere ser capaz de ver los resultados en cualquiera de sus pantallas. Este es un principio clave de la RD. El contenido tiene que ser visto en cualquier dispositivo móvil de un usuario podría tener. Lo que hace que la visualización en una variedad de dispositivos de un desafío es que el diseñador no tiene manera de saber cuál será el resultado devuelto.

Estas ideas se aplican a las visualizaciones de datos también. Usted quiere asegurarse de que su red no se distorsiona cuando el saber de datos es visto en un dispositivo móvil. Las imágenes deben ser claras y la relación de aspecto (longitud a anchura) deben ser alineados independientemente del dispositivo que el usuario está trabajando con.

Siguiendo las normas de diseño de aplicaciones

Los diseñadores no sólo quieren una interfaz para quedar bien, sino que también lo quieren hacer todo tipo de trucos. Como resultado, el diseño aplicación se ha convertido en una disciplina en sí misma.

Usted puede preguntarse por qué debe preocuparse por el diseño de aplicaciones. Todo el que tiene que visualizar cualquier cosa en línea está sujeta a las mismas normas que cualquier diseñador de aplicaciones.

En su artículo "6 reglas simples de Apple para Diseñar un iOS App Killer", Pete Pachal describe lo que tenía que hacer para conseguir su aplicación de noticias Spun certificado de App Store de Apple. (En este escrito, la aplicación no está disponible en los EE.UU. App Store). El equipo de Pachal tuvo que trabajar con Apple durante cinco meses para conseguir todo lo perfeccionó. Durante ese tiempo, Pachal codificó seis reglas para su equipo, cuatro de los cuales se aplican al diseño a saber los datos:

• La simplicidad es la fuerza. Esta regla es, probablemente, la regla más importante para la visualización de datos. El objetivo es explicar o descubrir nueva información que se puede utilizar para desarrollar puntos de vista. Si te enfocas en demasiados puntos de datos, se perderá la historia. Si va a crear un tablero de instrumentos, esta regla es particularmente importante, ya que cada pieza de datos debe ser compatible con el todo.

• No sacrificar la calidad por el tiempo. Esta regla es importante para la visualización de datos. Si bofetada juntos una visualización que es difícil de descifrar o simplemente descuidado, nadie va a querer usarlo. Tómese el tiempo para desarrollar algo grande, y seguir perfeccionando con el tiempo.

• Recompensa al usuario con cada toque. Cada elemento del menú debe hacer algo útil. El enlace de impresión debería funcionar, por ejemplo. Además, cada clic debería proporcionar información.

• Detalles importan. Antes de que el usuario hace clic en un enlace en una visualización de datos, debe ser evidente en ese enlace le llevará a ella oa qué tipo de datos que va a ver.