Saltar al contenido principal
LibreTexts Español

2.1: ¿Cómo Diseña Documentos Efectivamente?

  • Page ID
    96985
  • \( \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}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    DISEÑAR PÁGINAS Y DOCUMENTOS CENTRADOS EN EL LECTOR

    Construyes tus comunicaciones a partir de elementos visuales: las marcas oscuras de tus palabras, frases y párrafos contra el fondo claro de la página, así como tus dibujos, gráficas y tablas. Tus lectores ven el diseño visual de estos elementos antes de que lean y entiendan tu mensaje. Y lo que ven tiene un efecto poderoso en el éxito de tus comunicaciones, en su usabilidad y persuasión.

    Aquí hay formas en que un buen diseño mejora la usabilidad.

    • Un buen diseño ayuda a los lectores a comprender su información.
    • Un buen diseño de página ayuda a los lectores a localizar información rápidamente.
    • Un buen diseño ayuda a los lectores a notar contenido muy importante.

    Aquí hay algunas formas en que el buen diseño afecta las actitudes de los lectores, aumentando así la persuasión de una comunicación.

    • El buen diseño anima a los lectores a sentirse bien con la comunicación en sí.
    • El buen diseño anima a los lectores a sentirse bien sobre el tema de la comunicación.

    UN ENFOQUE DE DISEÑO CENTRADO EN EL LECTOR

    Debido a que el diseño de páginas puede tener un impacto tan significativo en la usabilidad y persuasión de su comunicación, debe abordar el diseño de la misma manera centrada en el lector que usa al redactar texto y gráficos. Piensa continuamente en tus lectores, incluyendo quiénes son, qué quieren de tu comunicación y el contexto en el que van a estar leyendo.

    ELEMENTOS DE DISEÑO DE LA COMUNICACIÓN

    Es útil pensar en los bloques de construcción del diseño de páginas de la manera en que lo hacen los diseñadores gráficos profesionales. Cuando miran una página, ven seis elementos básicos:

    1. Texto: Párrafos y oraciones.
    2. Encabezados y Títulos: Etiquetas para secciones de su comunicación.
    3. Gráficos: Dibujos, tablas, fotografías, etc., incluyendo sus leyendas.
    4. Espacio en Blanco: Áreas en blanco.
    5. Encabezados y pies de página: Los elementos, como los números de página, que aparecen en la parte superior o inferior de cada página en un documento de varias páginas.
    6. Características físicas: Estas incluyen papel, que puede tomar muchas formas y tamaños, y encuadernaciones, que vienen en muchas formas.

    CREAR GRÁFICOS

    PLANEACIÓN

    1. Identifica lugares donde los gráficos aumentarán la usabilidad de tu comunicación.
    2. Identifica lugares donde los gráficos aumentarán la persuasión de tu comunicación.

    Nota: Asegúrese de no agregar gráficos a áreas que alteren el flujo del documento/comunicación. Agregar gráficos en lugares entre párrafos u otros saltos lógicos en el documento.

    SELECCIONAR

    1. Seleccione los tipos de gráficos que mejor soporten las tareas de sus lectores.
    2. Selecciona los tipos de gráficos que influirán de manera efectiva en las actitudes de tus lectores.
    3. Selecciona los tipos de gráficos que mejor soporten tu caso.

    DISEÑANDO

    1. Diseña gráficos fáciles de entender y usar.
    2. Diseñarlos para apoyar las tareas de sus lectores.
    3. Diseña gráficos que tus lectores encuentren persuasivos.
    4. Mantenga sus gráficos lo suficientemente simples para un uso fácil.
    5. Etiquete el contenido con claridad.
    6. Proporcione a sus gráficos títulos informativos.
    7. Abordar los gráficos con un resumen de resultados o leyendas sobre el gráfico.

    USANDO EL COLOR

    1. Usa colores para apoyar tu mensaje.
    2. Usa el color para énfasis, no para decoraciones o distraer demasiado del texto del cuerpo.
    3. Elige una combinación de colores, no solo colores individuales.
    4. Proporcionar un alto contraste entre el texto y el fondo.
    5. Seleccione colores con las asociaciones adecuadas.
    6. Limite el número de colores.
    7. Usa el color para unificar la comunicación general.

    INTEGRANDO CON EL TEXTO

    1. Introduce primero cada gráfico en el texto.
    2. Dígale a sus lectores las conclusiones que desea que extraigan de la gráfica.
    3. Proporcione todas las explicaciones que sus lectores necesitarán para entender y usar cada gráfico.
    4. Localice cada gráfico cerca de sus referencias.

    DIRIGIRSE A UNA AUDIENCIA INTERNACIONAL

    1. Consulta tus gráficos con personas de otras naciones para mayor claridad cuando sea posible.
    2. Verifique sus gráficos con tecnología para detectar problemas al intra-convertir entre sistemas informáticos.

    USANDO GRÁFICOS ÉTICAMENTE

    1. Evita elementos que puedan inducir a error a tus lectores.
    2. Obtener permiso del propietario de los derechos de autor de cada imagen que no sea de dominio público.
    3. Dar crédito a todos los involucrados en el desarrollo o investigación de la gráfica.
    4. Asegúrese de que el gráfico beneficiará al documento en general y no solo agregará desorden innecesario.


    LICENCIAS Y Atribuciones

    FUENTES ADICIONALES PARA FORMATEAR:

    Encabezados: Cómo hacer que su texto sea escaneable” de David McMurrey bajo la licencia (CC BY 4.0).


    This page titled 2.1: ¿Cómo Diseña Documentos Efectivamente? is shared under a CC BY license and was authored, remixed, and/or curated by Chelsea Milbourne, Anne Regan, Morgan Livingston, & Sadie Johann.