Consejos, estrategias y buenas prácticas para el diseño corporativo en la UPV

Como responsable de la Unidad de Imagen Corporativa y Comunicación Gráfica, quiero darte consejos útiles que subirán el nivel de tus comunicaciones institucionales.

Desde el ACOM no solo ponemos a tu disposición plantillas corporativas para que no tengas excusas a la hora de hacer una buena comunicación corporativa. Además, trabajamos contigo para mejorar cualquier proyecto que tengas en mente!
// Yolanda Segura. Diseño, Identidad y Comunicación Corporativa en la UPV.

DISEÑO SOSTENIBLE

Buenas prácticas para un diseño sostenible en las organizaciones públicas 

---

---

   Usabilidad y Accesibilidad

:: Estructura de la web

Estructurar un sitio web implica organizar su contenido y diseño de manera lógica y coherente para facilitar la navegación y la comprensión por parte de los usuarios. Aquí hay algunos pasos y consideraciones para estructurar un sitio web de manera efectiva:

- Definir los objetivos y audiencia: Antes de comenzar a estructurar el sitio web, es importante tener claros los objetivos del sitio y quiénes serán los usuarios o la audiencia objetivo. Esto ayudará a guiar las decisiones sobre la estructura y el contenido del sitio.

- Crear un mapa del sitio: Un mapa del sitio es una representación visual de la estructura y el contenido del sitio web. Es una herramienta útil para planificar la organización de las páginas y la navegación del sitio. El mapa del sitio debe incluir todas las páginas principales y secundarias, así como la jerarquía de navegación entre ellas.

- Jerarquía de la información: Organiza el contenido del sitio en una jerarquía clara y coherente. Las páginas principales deben ser las más importantes y estar fácilmente accesibles desde la página de inicio. Las páginas secundarias pueden estar organizadas en subcategorías según sea necesario.

- Diseño de navegación intuitivo: Crea una navegación clara y fácil de usar para que los usuarios puedan encontrar rápidamente la información que están buscando. Utiliza menús desplegables, barras de navegación, enlaces relacionados y otros elementos de navegación para facilitar el acceso a todas las partes del sitio.

- Consistencia en el diseño y la estructura: Mantén una apariencia y una estructura consistentes en todo el sitio web para que los usuarios se sientan familiarizados y cómodos al navegar por él. Utiliza un diseño coherente, colores y tipografías consistentes, y asegúrate de que los elementos de navegación estén ubicados en lugares predecibles en todas las páginas.

- Optimización para dispositivos móviles: Asegúrate de que el sitio web esté optimizado para dispositivos móviles, ya que un número cada vez mayor de usuarios accede a internet a través de sus teléfonos inteligentes y tabletas. Utiliza un diseño receptivo o adapta el diseño para que se vea bien en pantallas de diferentes tamaños.

- Pruebas y ajustes: Realiza pruebas de usabilidad con usuarios reales para evaluar la efectividad de la estructura y la navegación del sitio web. Realiza ajustes según sea necesario para mejorar la experiencia del usuario y garantizar que el sitio sea fácil de usar y comprender.

:: Usabilidad

Definimos como usabilidad web, cómo de bien los usuarios pueden utilizar nuestro sitio web o sea su facilidad de uso. Una buena usabilidad significa que el sitio es fácil de navegar, tiene un buen diseño, es coherente en todas las páginas y es informativo y útil para el visitante.

Si pensamos en usabilidad al construir una página, tendremos en cuenta lo siguiente:

• Arquitectura de la Información
Estructura bien los contenidos y organízalos de acuerdo con una jerarquía bien definida acorde a tu estructura web. Presenta los contenidos de una forma clara y legible.

• Simplificar y Sintetizar
Revisa la información y elimina todo lo que es superfluo. Piensa en esta regla básica: “todo lo que no es necesario sobra”. Piensa también en la rapidez de carga. Es preciso proporcionar un entorno agradable que contribuya al entendimiento por parte del usuario de la información presentada.

• Pensar en el USUARIO
Para una experiencia positiva, el usuario no debe sentirse perdido en ningún momento. Siempre debe saber dónde se encuentra y cómo navegar por nuestro contenido (tiene que entender los elementos navegables, enlaces, botones, etc. usando un patrón). Para ello, el menú debe ser muy accesible y visible, y los títulos de los contenidos de cada apartado deben ser muy claros e identificables. Usa un mapa del sitio para el usuario y rastreadores web, sobre todo si tienes mucho contenido. Utiliza siempre etiquetas descriptivas en todos los elementos, enlaces, tablas, imágenes.

• Simplicidad. Menos, es más
Busca un diseño equilibrado, no saturado, con espacios libres, limpio y sencillo. Utilizar los textos, la jerarquía tipográfica, imágenes y recursos gráficos para facilitar al usuario que encuentre lo que busca, procurando que los distintos bloques de contenidos se muestren separados y con una clasificación lógica. No abusar de elementos animados, distraen y no siempre aportan. Usa el diseño de forma coherente en toda la web, no cambiar los patrones de estilo entre ellas. La interfaz ha de ser simple (que no simplista), fácil de aprender y usar, con funcionalidades accesibles y bien definidas.

• Interacción Intuible
Utilizamos el término “intuible” (en lugar de intuitivo), para expresar que «los usuarios pudieran intuir el funcionamiento de una aplicación simplemente por verlo y usarlo.» [Bruce Tognazzini]. Muy importante, no nos referimos solo a la navegación de la web, nos referimos a que el usuario pueda hacer muchas cosas de forma fácil e intuible: desplegar menús, descargar información, ampliar fotos o gráficos, etc. Utilizar el menú en tosas las páginas, ya que nuestro usuario puede llegar a una página distinta a la de inicio. Optimiza los formularios para que la interacción sea fácil. xPiensa en la navegación desde móvil y comprueba que sea fácil de utilizar.

• Responsive/Adaptable
Otro elemento básico es la adecuar la web a móviles y tablets porque, cada vez, son más los usuarios que utilizan estos dispositivos para navegar. Piensa como fluyen los contenidos, revisa siempre la vista móvil.

:: Accesibilidad

Lograr que la transformación digital beneficie a todas las personas es un gran reto en cuanto a accesibilidad. Esta aplicación no solo facilita el uso a personas con discapacidades, sino a otros colectivos como personas mayores e incluso jóvenes con menos habilidades digitales, y beneficia a todo el mundo.

La accesibilidad web permite que cualquier persona pueda navegar por un sitio web. Cuando una página web está diseñada, desarrollada y editada de acuerdo con estos criterios, todos los usuarios, incluidas las personas con discapacidad, pueden acceder a la información.

Esto incluye el etiquetado de palabras, títulos de páginas, encabezados, gráficos, enlaces, tablas y formularios, que son esenciales para que los dispositivos de tecnología asistida, como los lectores de pantalla automáticos, ayuden a navegar por Internet.

Por ley, la administración pública, las universidades y algunas empresas, como bancos, empresas de electricidad, de agua o servicios de transporte, entre otras, están obligadas a proporcionar su contenido web de forma accesible. Sin embargo, todos los ciudadanos pueden contribuir a la accesibilidad web, por ejemplo, compartiendo contenido en las redes sociales.

La ley obliga a administraciones públicas, universidades y ciertas empresas a ofrecer su contenido de forma accesible.

Las Pautas de Accesibilidad para el Contenido Web 2.1 (WCAG 2.1) aglutinan todos los requisitos para garantizar la accesibilidad de una web.



Cómo define la accesibilidad web el consorcio W3C

https://www.w3.org/WAI/fundamentals/accessibility-intro/es#what

Accesibilidad Web significa que sitios web, herramientas y tecnologías están diseñadas y desarrolladas de tal manera que las personas con discapacidades pueden usarlas. Más concretamente, las personas pueden:

• percibir, comprender, navegar e interactuar con la Web
• contribuir a la Web

La Accesibilidad web abarca todas las discapacidades que afectan al acceso a la Web, incluyendo:
• auditivas
• cognitivas
• neurológicas
• físicas
• del habla
• visuales

La accesibilidad web también beneficia personas sin discapacidad, como por ejemplo:
• personas utilizando teléfonos móviles, relojes inteligentes, televisores inteligentes y otros dispositivos con pantallas pequeñas, diferentes modos de entrada, etc.
• personas mayores cuyas habilidades cambian con la edad
• personas con “discapacidades temporales”, como puede ser un brazo roto o la pérdida de unas gafas
• personas con “limitaciones por su ubicación”, como puede ser bajo la luz del sol o en un entorno donde no se puede escuchar audio
• personas con conexión lenta a Internet o que tienen ancho de banda limitado o costoso

---

   UX/UI. Pautas para la web

:: Pautas de UI

La escritura cuidadosa de la interfaz de usuario (UI) agrega contexto a las interfaces visuales.

• Títulos y subtítulos
- Los títulos y subtítulos ayudan a estructurar el contenido.
- Utiliza bien mayúsculas y minúsculas.
- Una página solo debe tener un encabezado (H1).
- Utiliza subtítulos (H1, H2, H3, etc.) para que el contenido sea más fácil de escanear.
- Los encabezados deben seguir una jerarquía natural. Un H3 debe anidarse debajo de un H2.
- Las palabras clave relevantes deben incluirse en los encabezados, pero el SEO no debe ser el único factor que se considere al escribir. Deberíamos hablar como humanos.

• Navegación
- Utiliza siempre mayúsculas y minúsculas.
- La claridad es clave. Evita el lenguaje de marketing ambiguo.

• Botones
- Incluye siempre una acción.
- Texto corto, siempre claro y conciso.

• Listas numeradas
- Usar para pasos y conjuntos de información relevante.
- Usa puntuación si uno de los elementos de la lista es una oración completa.
- Listas de números solo cuando el orden es importante (instrucciones, procesos secuenciales).

• Links / Enlaces
- Incluir un enlace siempre que se haga referencia a contenido externo (por ejemplo, si citamos algo de Consellería mejor enlazamos a su site).
- Evite frases como "haga clic aquí". En su lugar, utilice un lenguaje que describa el contenido al que se vincula. Por ejemplo: descarga el documento.

• Formularios
- Las etiquetas deben ser claras y concisas.
- Usa mayúsculas y minúsculas para el formulario 'títulos'.
- Usa mayúsculas y minúsculas para formularios 'campos'.

• Alt Text / Texto alternativo
- Cada imagen debe tener texto alternativo.
- El texto alternativo describe brevemente una imagen en una o dos oraciones.

• SEO
- Escribe para nuestra audiencia, no para Google.
- Usa encabezados para estructurar adecuadamente el contenido de una manera lógica y analizable.
- Así como cada imagen debe tener texto alternativo, procura describir en el código elementos, tablas y todo lo que sea importante.

---

   El tono de la comunicación y el uso del lenguaje inclusivo

Siempre hablamos de una manera que refleja nuestra marca y valores. Las palabras que elegimos siempre ponen a nuestros usuarios en primer lugar, ayudándolos a comprender mejor nuestra institución.

:: Líneas principales

Seguir estos principios nos ayudará a escribir con identidad.

• Sencillo
Siempre se prefieren las palabras y oraciones simples.

• Humano
Deberíamos hablar con nuestros usuarios de forma cercana y relacionable, siempre es mejor que corporativo y frío.

• Considerado
‘Think about’ piensa siempre en el usuario. ¿Qué es lo más útil? ¿Qué es lo más relevante?

• Contextual
Siempre ten en cuenta el contexto. Ajusta el tono para que coincida con para quién está escribiendo y sobre qué está escribiendo.

:: Gramática

La gramática adecuada promueve la claridad y nos ayuda a hablar con una voz ‘profesional’.

• ‘Voz activa’
- Siempre usa 'voz activa' sobre voz pasiva.
[ https://edu.gcfglobal.org/es/crecimiento-profesional/identifica-la-voz-pasiva-y-activa-en-tu-escritura/1/# ]

• Acrónimos
- Siempre deletrear las siglas palabra por palabra la primera vez que las uses.
- Primer uso: Universitat Politècnica de València
- Segundo uso: UPV
- No es necesario un paréntesis, pero puede hacerlo la primera vez para asociarlos (UPV).

• Contracciones
- Añaden un tono amistoso e informal, pero debemos de medir el tono para no pasarnos.

• Uso de emojis
- Sé moderado. El emoji ocasional puede ayudar a transmitir emociones y agregar interés visual.
- Usa emojis con buen gusto y caundo la ocasión lo requiera.

• Argot y terminología
- Evita la jerga. Escribe en castellano correcto y sencillo.
- Los términos técnicos siempre deben ir acompañados de una definición clara.

---

Lenguaje inclusivo

Ten siempre presente el uso del lenguaje inclusivo en cuanto al género. La UPV debe tener la diversidad como una de sus prioridades en las comunicaciones. Sobre todo porque el lenguaje inclusivo ayuda a disminuir los prejuicios, la exclusión, el sexismo, la brecha de género y salarial, etc.

> Ya en 2018 una encuesta realizada por el Pew Research Center, concluyó que el 25% de los millennials y el 35% de las personas de la generación Z conocen a alguien que prefiere que se utilice un lenguaje de género neutro. [https://www.pewresearch.org](https://www.pewresearch.org/]

El género en el lenguaje

El valenciano y el castellano son idiomas que ofrecen suficientes soluciones a la hora de crear textos no sexistas sin necesidad de utilizar frases farragosas, plagadas de sustantivos en ambos géneros.

Resumen de la GC para descargar:

La Guía de Comunicación de la UPV nos facilita estas pautas para una redacción clara:

1. La mención expresa de los dos géneros no se recomienda de forma recurrente porque genera confusión y hastío, pero sí que se aconseja:
· en los vocativos: Atención, alumnas y alumnos, …
· en los formularios, encabezamientos y firmas: Estimada compañera: / Estimado compañero: en los contextos donde no es obvio que el masculino plural comprenda por igual a personas de ambos sexos. Entonces, cuando se mencionan los dos géneros, es aconsejable alternar el género para no empezar siempre con el masculino. Ej.: El equipo docente está integrado tanto por mujeres como por hombres.

2. Los sustantivos genéricos y abstractos hacen más plural el discurso, como pueden ser:
· los genéricos colectivos: persona + sustantivo, como las personas expertas (en lugar de los expertos), pero también otros sustantivos neutros como cónyuge, víctima, clientela, plantilla, etc.
· el empleo de perífrasis: mejor el ser humano que el hombre; el personal administrativo frente a los administrativos.
· omitir el sujeto: mejor pueden enviar su currículo que los interesados pueden enviar su currículo.
· la utilización de relativos: mejor quien solicite la ayuda que el alumno que solicite la ayuda.

3. Las profesiones, cargos, títulos, empleos y actividades que tengan flexión femenina se usan en esa flexión: rectora, decana, directora, presidenta, académica, catedrática, profesora, alumna, bedela, arquitecta, comunicadora, gestora, ingeniera, graduada, egresada, etc.
Se recomienda el uso del sustantivo en femenino, aun cuando este coincida con el nombre de una disciplina. Así, es plenamente correcto emplear física, técnica, matemática, política, informática, mecánica o música, del mismo modo en que empleamos con naturalidad frutero, aún cuando esta palabra puede tanto designar a un objeto como al hombre que ejerce esa profesión. 4. Los determinantes sin marca de género (por ejemplo, cada) también posibilitan el lenguaje inclusivo.

5. Omitir los determinantes (optan a la plaza profesionales) o conjugar las formas no personales de los verbos (es preciso matricularse antes) son algunas fórmulas que evitan los sustantivos solo en masculino.

6. La @, x o e en los textos escritos, son problemáticas porque:
· dificultan la accesibilidad para personas con discapacidad visual, ya que usan sistemas automatizados de transcripción auditiva de textos;
· las máquinas interpretan la @ como un símbolo para una dirección de correo electrónico o para una mención en las redes sociales, lo que puede llevar a errores;
· resultan imposibles de pronunciar cuando se leen en voz alta.

---

También pueden aplicarse al entorno de la universidad algunas de las directrices de Naciones Unidas.

Es importante no confundir el género gramatical (categoría que se aplica a las palabras), el género como constructo sociocultural (roles, comportamientos, actividades y atributos que una sociedad determinada en una época determinada considera apropiados para los seres humanos de cada sexo) y el sexo biológico (rasgo biológico propio de los seres vivos).

Los retos para una comunicación inclusiva en cuanto al género:



Estrategias útiles en lenguaje inclusivo en cuanto al género según NU:

- Evitar expresiones discriminatorias: Emplear las formas de tratamiento adecuadas. Evitar expresiones con connotaciones negativas.

- Visibilizar el género cuando lo exija la situación comunicativa: Emplear pares de femenino y masculino (desdoblamiento). Emplear estrategias tipográficas. Emplear “hombres y mujeres”/“varones y mujeres”.

- No visibilizar el género cuando no lo exija la situación comunicativa: Omitir el determinante ante sustantivos comunes en cuanto al género. Emplear sustantivos colectivos y otras estructuras genéricas. Usar sustantivos colectivos para referirnos a conjuntos de personas. Usar la palabra “persona”. Usar el pronombre relativo “quien(es)”, los pronombres indefinidos “alguien”, “nadie” y “cualquiera” y el adjetivo indefinido “cada” seguido de sustantivo común en cuanto al género.

---

   Consulta todo lo relativo a la Identidad Visual Corporativa de la UPV en:

www.upv.es/nueva-imagen/index.html