UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE

ARQUITECTURA DE LA INFORMACIÓN

La arquitectura de la Información es la disciplina encargada del

estudio, análisis, organización, disposición y estructuración de la
información en espacios de contenidos y de la selección y presentación
de los datos en los sistemas de información interactivos y no interactivos.

Fue definida por primera vez por Richard Saul Wurman en 1975 “El estudio de
la organización de la información con el objetivo de permitir al usuario encontrar
su vía de navegación hacia el conocimiento y la comprensión de la
información“.

LA EXPERIENCIA DE USUARIO (UX)

La experiencia de usuario o User Experience es el conjunto de
factores y elementos relativos a la interacción del usuario, con un entorno
o dispositivo concretos, cuyo resultado es la generación de una
percepción positiva o negativa de dicho servicio, producto o dispositivo.
Ésta depende no solo de los factores relativos al diseño (hardware, software,
usabilidad, diseño de interacción, accesibilidad, diseño gráfico y visual, calidad
de los contenidos, buscabilidad o encontrabilidad, utilidad, etc) sino además de
aspectos relativos a las emociones, sentimientos, construcción y transmisión de
la marca, confiabilidad del producto, etc.

La experiencia de usuario como disciplina se aplica tradicionalmente a los

sistemas informáticos y en particular al diseño de páginas web, pero hoy se ve
ampliada a otros campos, ya que tomados como una "experiencia" casi
cualquier producto o servicio, éstos comienzan a "diseñarse" buscando la
máxima satisfacción del consumidor ahora visto como un "usuario" que transita
tales experiencias.

INTERFAZ DE USUARIO (IU)

UI (por sus siglas en inglés User Interface) o en español Interfaz del

Usuario, es la vista que permite a un usuario interactuar de manera
efectiva con un sistema. Es la suma de una arquitectura de información +
elementos visuales + patrones de interacción. Se refiere a la creación de la
interfaz, que puede ser gráfica o desarrollada por tecnologías como HTML,
CSS, YUI, jQuery, etc.
Una buena UI nos permite dar una buena UX, pero no lo es todo, es un
instrumento.

1
 UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE

Diseñador UX

El diseño de UX es un proceso de diseño estratégico de varios pasos

que tiene como objetivo crear un producto o sitio que los clientes/usuarios se
sienten atraídos, encuentren fácil de usar y comprendan rápidamente. Y a
través del proceso de diseño de UX, llegamos a la solución de interfaz de
usuario correcta.

Mucha gente piensa que el trabajo de UX es establecer rutas para especificar

dónde van los elementos, y lo hacen de una manera que el usuario no se
confundirá al usar la aplicación.
Claro está que es una parte de su trabajo, pero eso no es ni de cerca la parte
más importante. Para entender el papel de UX, es necesario pensar en lo que
define el éxito de lo que se está construyendo.
Cuando un usuario interactúa con el producto, y obtiene el valor que se les
prometió de una manera positiva, entonces, es seguro que ha construido con
éxito un producto utilizable.

Una parte importante del trabajo del diseñador UX es saber todo lo que hay
que saber acerca de sus usuarios, y mantener su experiencia consistente a
través de todas las fases de su proyecto. Esto significa que el diseñador UX
necesita estar involucrado en cada paso del proceso, desde el concepto hasta
la ejecución de la aplicación.

La contratación del diseñador UX desde el principio es una parte crucial para la

construcción de un producto que la gente desee, y la necesidad de usarlo
regularmente.

Las responsabilidades del diseñador UX pueden incluir tareas como:

 Realización de pruebas de usuario
 Entrevistas cara a cara
 Investigación de temas
 Creación de “user personas”
 Estudio de análisis detallado
 Prototipado
 Diseños

2
 UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE

Diseñador UI

La interfaz de usuario o UI es el conjunto de elementos de la pantalla

que permiten al usuario interactuar con una página web.
Un UI Designer se encarga de crear visualmente la interfaz del producto para
que vaya acorde a la experiencia del usuario.

La mayoría de personas piensa que el trabajo del diseñador UI se basa

únicamente en hacer que la interfaz parezca bonita y atractiva.
Aunque técnicamente es correcto, no es la parte más importante. No es solo
como luce visualmente, si no como funciona, donde está ubicado y qué
dificultad tiene para que los usuarios puedan interactuar.
Por ejemplo, si creamos un diseño web para una tienda online, probablemente
especificaremos donde se situará el precio del producto y como se
representará.

Es tarea del diseñador UI convertir ese elemento de una forma que el usuario
entienda qué es lo que hace y cómo funciona mirándolo a primera vista. Algo
nada fácil de conseguir.
El diseñador UI también podría sugerir diferentes ubicaciones para situar cada
elemento, o diferentes tipos de elementos para crear una interfaz mejor.
Además construye herramientas para que los usuarios interactúen de forma
agradable.

Las responsabilidades del diseñador UI pueden incluir tareas como:

 Diseño de interfaz
 Diseño visual
 Diseño de interacción
 Establecer pautas visuales

En resumen, un diseñador UX está a cargo de los resultados generales del

proyecto. Esto significa que necesitan estar involucrados en muchos lugares
diferentes al mismo tiempo, garantizar que el valor al usuario nunca se diluya o
se encuentre comprometido y que represente los mejores intereses de la
experiencia del usuario.
Por otro lado, el diseñador de interfaces tiene un papel más centrado, estando
a cargo de sólo un área específica del proyecto, asegurando que la interfaz es
atractiva a la vista y se puede interactuar con ella de una manera exitosa.

3
 UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE

IMPORTANCIA DE LA ARQUITECTURA DE LA INFORMACIÓN

Para alcanzar con éxito la tarea de arquitectos, tenemos que controlar el

número de clics que necesita un usuario para conseguir su objetivo. Se dice
que el máximo debe ser de tres, ya que más de eso supone la obligación
de revisar la gestión de contenidos para facilitar su acceso.
Cada clic de más significa un aumento en las posibilidades de que un usuario
se vaya de nuestro web frustrado por no encontrar lo que busca.
Para darnos cuenta de la importancia de la AI necesitamos conocer los costos
que supondría no tener bien organizados nuestros contenidos:

1. Costo de no encontrar la información

Si el usuario no encontrara la información en tu web o el producto que busca en tu
tienda-online, significaría, por ejemplo en el caso de la tienda, no vender un producto.
2. Costo de encontrarla
Pero ¿qué me cuentas? Si el cliente ha encontrado la información”. Sí, pero, ¿y si ha
tardado el doble de tiempo en encontrarla de lo que debería?
Imagínate una intranet de una empresa en la que los trabajadores acceden a una base
de datos continuamente para poder responder las consultas de los clientes.
Si no tenemos esos contenidos bien estructurados, una consulta que puede durar un
minuto se puede convertir en dos, y al cabo del día, ese trabajador a lo mejor sólo ha
podido responder 5 consultas.
Si los contenidos estuvieran bien estructurados, ese mismo trabajador podría haber
resuelto a lo mejor 8 o 10. ¿Entiendes lo que quiero decir?
3. Costo de la construcción
Con la ayuda de la AI conseguimos estructurar los contenidos previamente.
De esta forma, no trabajamos a ciegas con posibles errores o agrupando la info de una
manera no lógica, lo que acarrearía costos como los indicados en el punto anterior… Y
un aumento de costos en volver a reorganizar la información.
4. Costos de mantenimiento
Una información bien organizada nos permite saber en todo momento dónde encontrar
cada porción de la misma para, llegado el momento, poder actualizarla o borrarla en
poco tiempo.
5. Formación de los trabajadores
Imaginemos que contratamos a un nuevo trabajador para ayudarnos en la gestión de
nuestro e-commerce.
Si tenemos todo en sitios lógicos y toda nuestra web está bien estructurada, el tiempo
que nos cuesta formar a ese nuevo trabajador será menor que si necesitamos el doble
de tiempo para explicarle dónde está cada producto.
6. Costos de valor de marca
Una mala experiencia del usuario en nuestra web es uno de los peores daños que
nuestra marca puede sufrir.
Un usuario que se va de nuestra web porque no ha encontrado lo que busca será un
usuario que puede ir diciendo lo mala que es la web, con lo que nuestra imagen de
marca puede verse resentida.

4
 UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE

FASES DE LA ARQUITECTURA DE LA INFORMACIÓN

Podríamos decir a grandes rasgos que la Arquitectura de la información se

compone de dos fases: Recopilar y mostrar esta información.

► En la primera fase tenemos que organizar todos los datos posibles que la
empresa y la audiencia nos puedan dar. Tenemos que recopilar información,
definir los objetivos principales que queremos obtener y estudiar a la audiencia.

► En la segunda fase tenemos que saber cómo mostrar esta información

para ese público en concreto.
Para ello necesitamos tener un inventario exacto de los contenidos a mostrar
para poder estructurar toda la información. Tenemos que implementar un
sistema de categorías para poder ir agrupando cada porción de la misma.
Una vez que tenemos toda la información agrupada, pasaremos a la fase de
navegación. Tenemos que definir el sistema de navegación que ayude a
navegar de una sección a otra: menús, botones, barras de desplazamiento o
enlaces son herramientas que tiene el AI para poder ir definiendo este sistema
de navegación.

Y por último, tenemos que saber mostrar esta información antes de empezar a
implementarla. Para ello contamos con herramientas gráficas que nos permiten
realizar mockups o wireframes, y los árboles de contenidos para poder
mostrarla de manera gráfica.

La arquitectura de la información es un recurso muy útil a la hora de diseñar y

estructurar cualquier tipo de información. No lo dejes a la suerte. Estudia lo que
quieres mostrar, cómo quieres mostrarlo y a quién.

5
 UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE

ARQUITECTURA DE LA NFORMACIÓN WEB

Sin duda, el árbol web es una de las herramientas más útiles y

necesarias en la arquitectura de la información. De ahí que sea una de las
primeras fases que se implementan a la hora de crear un site.

Para definirlo, podríamos decir que se trata de la representación

gráfica de la estructura de navegación de un sitio web, con la que podemos
ver de forma general y esquemática qué información se ofrecerá al usuario y
cómo va a estar distribuida entre las diferentes secciones.

ALGUNOS EJEMPLOS

6
UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE

7
UF1843 APLICACIONES TÉCNICAS DE USABILIDAD Y ACCESIBILIDAD EN EL ENTORNO CLIENTE