5.8.2: Formateo

Última actualización
Guardar como PDF

Page ID: 96421

\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

Formateo

La legibilidad, el atractivo visual y la apariencia general de una página son importantes. Cuanto menos profesional y más fortuito parezca ser un documento, artículo o página web, mayor es la probabilidad de que los lectores pongan en duda la capacidad y autoridad del escritor. Los documentos en la web también deben reconocer de alguna manera la naturaleza de la propia Internet. Como observó Marshall McLuhan, “Los medios de comunicación son el mensaje”. Dado el cuerpo cada vez mayor de conocimientos al que se puede acceder en la Web, los lectores deben poder escanear documentos de la Web, para extraer rápidamente la información que es más interesante o vital para ellos, permitiéndoles así evitar o ignorar material que no lo es.

Lebilidad

La brevedad es lo mejor. Suficiente dicho.

Muchos documentos están organizados en una estructura en la que la información más vital viene primero, seguida de cada vez más detalles a medida que avanza el argumento. Esto se conoce como una “estructura piramidal”. Sin embargo, este formato también puede invertirse, en el que los detalles específicos vienen primero, y luego la perspectiva más grande sigue. Al considerar la disposición de cualquier documento en la Web, un escritor debe considerar esto.

Muchos lectores de documentos disfrutan de listas con balas.

Tienen beneficios. Las listas con boletines son:

Fácil y rápido de leer
Conciso
Puntos Clave
La gente le gustan los puntos

Sin embargo, las listas con boletines también pueden tener inconvenientes:

Muchos lectores no disfrutarán del contenido de su lista si dichos puntos son demasiado largos y extensos, particularmente si siguen y siguen sobre nada de importancia y básicamente derrotan el punto de tener una lista en primer lugar...
Si hay demasiados elementos en alguna lista, los lectores pueden sentirse abrumados
Repetición
Las listas pueden llegar a ser tediosas
Una lista puede no ser el formato adecuado para su mensaje

Jerarquías del Pensamiento

Al construir un documento web, debe considerar las jerarquías de pensamiento que va a construir. Las ideas deben agruparse en algún tipo de jerarquía, y no aleatoriamente (a menos que, por supuesto, esa sea tu intención expresada). Los encabezados y subencabezamientos deben ser claros y fácilmente comprensibles para sus lectores para que puedan entender fácilmente cómo las diversas ideas se relacionan entre sí en términos de orden e importancia. Tener una página que sirva como menú, tabla de contenido o índice (como la que está en la parte superior de esta página) es generalmente una buena idea. Los encabezados y subencabezados deben clasificarse en términos de tamaño y ubicación en la página de una manera que también permita al lector hojear y escanear la información que requiera.

En cuanto a los vínculos, la cantidad y colocación de los enlaces debe ser funcional. Demasiados enlaces pueden hacer que un documento parezca desordenado, o puede ser que en un intento de copiar o resaltar un pedazo de texto, el lector active inadvertidamente un enlace que no pretendía. Esto es molesto en el extremo. Además, los enlaces deben dirigir a los usuarios a sitios que te resultarán útiles, no solo aquellos que te gusten personalmente. Se pueden vincular las definiciones de términos oscuros, como en Wikipedia, sin embargo, los excesos de esto pueden distraer y romper el flujo general del texto.

Apelación visual

Cabe señalar aquí, que hasta el momento, esta página carece de atractivo visual, y estamos conscientes de ello... es un trabajo en progreso. Gracias.

Uso de fuentes

Las fuentes deben seleccionarse de manera que sean legibles y que se adapten a su mensaje.

Por lo general, deben evitarse las fuentes que son extremadamente complejas o detalladas, al igual que las fuentes que la mayoría de los usuarios no tienen en su biblioteca.

Aunque la mayoría de los navegadores permiten a los usuarios alterar el tamaño, más grande suele ser mejor...

Uso del color

El objetivo en el uso del color es expresar estilo artístico, intención y contraste.

Para más información sobre el uso y diseño del color, consulta la información en este enlace: Teoría del color

Evitar el desorden

El desorden debe evitarse en todo momento. Si una página es confusa u ocupada, los lectores pueden desatenderla por completo.

La animación inútil y parpadeante (como las que se ven en muchos anuncios web) es particularmente una distracción.

Menos es más.

Convenciones Únicas de la Web (Abreviaturas, Leet, Smilies)

Cada medio ha desarrollado convenciones que facilitan al lector encontrar cosas. La mayoría de las convenciones web han sido prestadas de los medios impresos. Una vez que se ha introducido un nuevo icono o formato en la web, si funciona rápidamente se convierte en una convención aceptada. Por ejemplo, el icono del carrito de compras es una convención recientemente desarrollada que se ha vuelto tan familiar que los diseñadores ya no necesitan etiquetarlo como “carrito de compras” ^[1].

Las convenciones web incluyen colocación y presentación visual de barras de navegación, botones de navegación, barras de búsqueda y logotipos. El principal beneficio de las convenciones web es que ayudan a los usuarios a encontrar cosas rápidamente a medida que se mueven de un sitio a otro. Esto se debe a que todos los sitios utilizan las mismas convenciones así como todos los periódicos usan titulares, subtítulos de imágenes, etc. ^[2].

Desafortunadamente, los diseñadores suelen tratar de evitar el uso de convenciones porque piensan que deberían ser (o quieren ser) más creativos. Pero como las convenciones funcionan y ayudan a los usuarios a navegar por la web fácilmente, probablemente deberías usarlas a menos que el valor de no usarlas claramente supere el costo. Es decir, o (1) con qué sustitues la convención es tan claro y autoexplicativo que es tan buena como la convención, o (2) tu innovación es tan valiosa que merece la pena que el usuario la aprenda ^[3]. También es importante colocar convenciones donde se colocan habitualmente. Hacer lo contrario confundiría y frustraría al usuario, lo contrario de lo que quiere hacer un buen diseñador ^[4].

Referencias

Krug, Steve. No me hagas pensar: un enfoque de sentido común para la usabilidad web. 2a ed. Berkely: New Riders Publishing, 2006. Imprimir. p. 34
Krug, p. 34-35
Krug 36
Krug 60-61