¿Cuáles son buenas recomendaciones de fuente y estilo para grillas de datos densas?

Answer 1

La respuesta más simple es encontrar un tipo de letra delgado de la paleta disponible de una colección de fuentes de los usuarios. Eso significa fuentes seguras para la web.

En nuestro trabajo de diseño, generalmente especificamos Helvetica o Arial (o Helvetica con Arial fallback para Windows / IE) porque es una fuente relativamente delgada en términos de espacio entre letras y sus formas.

He descubierto que Lucida, Verdana o Georgia son tipos de letra más anchos en varias plataformas: Arial a la vista es el más delgado, incluso más delgado que Helvetica por un toque y se representa en el front-end, también lo es.

Si las fuentes seguras para la web no son una preocupación, tiene una variedad de cosas para elegir: un tipo de letra como DIN (http://new.myfonts.com/fonts/fon…) tiene proporciones delgadas y, sin embargo, es altamente legible.

Otros tipos de letra que puede considerar serían los que vienen en versiones condensadas: DIN viene en una versión condensada, he visto que Arial Narrow se usa para tal en el extremo (algo) seguro para la web y hay bastantes opciones excelentes para el tipo condensado . Otro popular que se utiliza en el espectro de fuentes web y está disponible a través de Typekit o FontSquirrel, etc. es Proxima Nova Condensed, por ejemplo.

En última instancia, está buscando un tipo de letra que ahorre espacio, sea legible, tenga claridad en tamaños pequeños y grandes y se vea bien en todas las plataformas.

Answer 2

1. Romper la monotonía. Alterna el fondo en grupos de 3 o 4 para ayudar a guiar los ojos a través de la página.
2. Utilice el formato condicional para resaltar filas importantes, por ejemplo, rojo, texto verde, negrita
3. Use líneas de cuadrícula de color claro o incluso mejor: elimínelas por completo
4. Cuando el texto sea corto (p. Ej., Códigos de país, “au”, “cz”, etc.), considere alinear el centro. Dado que con las fuentes proporcionales, es fácil encontrar cosas basadas en el ancho.
5. Ofrezca un “desplazamiento sobre la fila de detalles” para los datos que no caben en una cuadrícula. Es posible que una vez que haga esto, los usuarios prefieran menos en sus cuadrículas.
6. Asegúrese de que sus formularios utilicen todo el espacio horizontal disponible. Los usuarios realmente odian la barra de desplazamiento.

Answer 3

Me encanta todo lo que Chui y Naz dijeron y segundo, pero quiero asegurarme de que estás haciendo una elección acertada de diseño de producto.

Es mejor que los usuarios muestren solo columnas y filas que se aplican a la tarea en cuestión; La tarea que cumple el objetivo de los usuarios. Pocas personas tienen el objetivo de que tener una cuadrícula de 20 × 100 sea más fácil. Dices que tienes una audiencia heterogénea. Permítales identificarse en los roles que tienen y tareas específicas del rol.

Una gran cuadrícula es la forma más fácil para que un programador brinde mucha funcionalidad a muchas personas con diferentes necesidades, y con limitaciones de tiempo y recursos, a menudo es lo mejor que puede hacer. Si tiene tiempo para hacer un trabajo de diseño de un producto y una cantidad modesta de codificación adicional, la inversión vale la pena cada vez que el usuario ve exactamente lo que necesita y comenta: “Eso fue fácil”.

Answer 4

Voy a responder por Proxima Nova Condensed: es compacto y hermoso en la pantalla. Verdana Pro (Webtype> Fonts> Verdana Pro Family) también es estrecho y se ve nítido.

La serie Reading Edge de Font Bureau también es realmente económica y se ve muy bien ( http://www.fontbureau.com/Readin …).

Depende del formato específico de los datos y el tono del contenido también.