Universidad del Norte Villafañe Atencio Juan Camilo. Una Aproximación A La Usabilidad En La Web.
Una Breve Mirada A La Usabilidad En La Web
Villafañe Atencio, Juan Camilo
villafanej@uninorte.edu.co
Universidad del Norte
Barranquilla, Colombia
Resumen—Dado el auge que ha tenido el internet y las
aplicaciones online, se ha visto necesaria la creación de
organizaciones tales como la W3C, la cual regula los estándares
relacionados con el uso y desarrollo de aplicaciones para la web. Sin
embargo, a pesar del trabajo de esta y otras organizaciones, los sitios
en internet a veces no son “user friendly” debido a ciertas fallas de
diseño o porque simplemente son complicadas para un público
determinado. Adicionalmente estos sitios manejan una alta
concurrencia de visitas, lo que hace mandatorio que este tipo de
páginas sigan reglas de diseño estipuladas para mejorar sus defectos.
Es aquí donde entra la usabilidad en las páginas web, un principio
que dictamina pautas para hacer más fácil la vida a los visitantes de
estos sitios.
Índice de Términos—web, diseño, usabilidad,
informática, estética
I. HINTRODUCCIÓN
ACE 20 AÑOS LAS PERSONAS NO SE HUBIERAN PODIDO
IMAGINAR LAS COSAS QUE HOY EN DÍA SE PUEDEN REALIZAR
CON LA AYUDA DE UN COMPUTADOR, Y QUE NOSOTROS
DAMOS POR SENTADAS. Cosas tales como pagar una
factura en línea sin salir de la casa, asistir a una
cátedra virtual, hablar con una persona que está del
otro lado del mundo, etc. Todo esto fue posible
gracias a internet, y aún hoy no agotamos sus
posibilidades con nuevas tecnologías online como
VoiceXML. Con todo esto, se podría pensar que ya
lo más difícil se realizó, sin embargo es necesario
no solo pensar en la tarea que se desea completar
sino también en el cómo y con qué herramientas se
logrará. Tomemos como ejemplo una oficina
gubernamental. Un alto número de personas asisten
a estos lugares para conseguir ciertos tipos de
certificados o documentos, debido a esto el número
de personas que estos establecimientos manejan es
muy grande. Para solucionar esta situación se
elabora un sitio web, por medio de este las personas
podrán solicitar el documento en cuestión sin el
problema de las largas filas o sin tener que pensar

Artículo Diseño de Software Bajo la Web
en problemas como el medio de transporte, el
tráfico o el clima. En teoría todo suena bien, pero en
la vida real ciertos sitios en internet resultan en una
experiencia tan engorrosa para la gente que estos
prefieren tener la certeza de conseguir su
documento yendo físicamente al lugar (en algunos
casos) que perder el tiempo buscando en la página.
Esta situación no es ficticia ya que muchas personas
se quejan a diario de eventos similares. Por esta y
muchas otras razones surgió el campo de Análisis
Web1, una industria que mueve millones de dólares
con el fin de estudiar el desempeño de páginas web
populares, y poner fin a estos problemas. A través
de diferentes técnicas y herramientas aplicadas a los
archivos de registro de las páginas, es posible contar
el número de usuarios únicos conectados a las
páginas o la duración de las sesiones de los
mismos, para así aumentar el número de visitantes y
lo más importante, retenerlo. Entre más se mejore
este aspecto, se mejorará el desempeño de la página,
lo que se verá reflejado en mayores ganancias.
II. PRINCIPIOS PARA AUMENTAR EL ATRACTIVO DE LAS
PÁGINAS WEB
Tomando como ejemplo el tema de la sección
anterior, muchas industrias han volcado su atención
al internet, viéndolo como una potencial fuente de
aumentar el desempeño de sus negocios, tales como
la industria bancaria o grandes tiendas comerciales.
Estas empresas ven como una gran desventaja el
simple hecho de no tener una página en internet,
mientras que sus demás competidores ya están
consolidados en el negocio, lo que le brinda aún
más importancia a este aspecto. No obstante, el
incursionar en este campo mediocremente puede no
solo significar que la competencia tome
considerable ventaja sino también pérdidas
financieras y la pérdida de la fidelidad de los
clientes. De acuerdo a estudios realizados2 por
Universidad del Norte Villafañe Atencio Juan Camilo. Una Aproximación A La Usabilidad En La Web.
compañías especializadas, el 65% de las personas
que buscan comprar algo en tiendas en línea
desisten debido a que la página posee problemas de
diseño. Tomando esto en consideración, a
continuación se enumeran algunos de los aspectos
más importantes que se deben tener en mente al
diseñar una página web3:
• Confiabilidad: una sitio confiable es aquel
que brinda su servicio 24/7, es decir, cada
vez que el usuario lo requiera, y siempre
provee información consistente.
• Usabilidad: El enfoque de este artículo, aún
así tan importante como las otras. Una
página con alta usabilidad destaca de entre
otras páginas similares, toma en
consideración las necesidades del cliente y
satisface todas sus necesidades. Según el
estándar ISO 9241: “el extremo hasta el cual
un producto puede ser usado por usuarios
específicos para alcanzar metas especificas
con efectividad, eficiencia y satisfacción en
un contexto específico”.
• Seguridad: un sitio web exitoso trata la
información personal que le brindan sus
usuarios como lo más importante, ya que de
lo contrario se arriesga a perder la
confiabilidad de las personas, así como
evitar problemas legales y financieros.
Adicionalmente tenemos además otros aspectos
importantes concernientes a la información en las
aplicaciones web, tales como la manera en que se
presenta la información, de qué manera se encuentra
distribuida y la navegabilidad de la misma:
• Estructura: declara la organización de la
información y cómo será administrada por la
aplicación.
• Navegabilidad: representa que tan accesible
es la información.
• Presentación: describe cómo se muestra la
información al usuario.
III. ESTÉTICA VS. USABILIDAD
Es cierto que si un sitio web posee una alta
usabilidad se destacará de entre los demás, sin
Artículo Diseño de Software Bajo la Web
2
embargo si no es visualmente atractivo, sin importar
qué tan fácil de usar sea, no será capaz de satisfacer
a todos los usuarios. Es por eso que al momento de
diseñar un sitio o aplicación web es necesario
considerar un balance entre la usabilidad y la
estética del mismo. Por un lado tenemos el enfoque
estético de la aplicación, el cual gira en torno a
hacer al sitio más agradable a la vista, mientras que
por otro lado tenemos la usabilidad, la cual se
enfoca principalmente en la funcionalidad del
mismo. Ambos aspectos tienen la posibilidad de
dictaminar la popularidad de un sitio web, por lo
que no es tarea fácil encontrar una relación
balanceada entre ambos. Desde la perspectiva de los
diseñadores gráficos, la interfaz debe ser
visualmente interesante, estéticamente atractiva,
única y entretenida. Sin embargo los expertos en
usabilidad difieren al decir que un diseño muy
llamativo puede distraer al usuario, por lo que la
interfaz debe ser diseñada de la manera más
simplista posible4.
En la siguiente sección nos enfocaremos en ambas
partes del problema individualmente para analizarlo
más de cerca.
A. Usabilidad
Como ya hemos venido diciendo, la usabilidad es
uno de los aspectos más importantes en el diseño de
aplicaciones y sitios web. Si se ignora este aspecto
en la fase de diseño de la aplicación, en algún
momento la efectividad y reputación de la misma se
verán afectadas. Generalmente, la usabilidad mide
qué tan fácil es para el usuario desplazarse a través
de las opciones que brinda la aplicación en cuestión
y con cuanta facilidad encuentra lo que está
buscando. Esto también depende del tipo de
usuario, ya que no existe un solo tipo de los
mismos, por lo que es necesario satisfacer al mayor
demográfico posible. Existen diferentes factores
capaces de medir qué tan manejable es la página
para el usuario común, entre las más populares
encontramos el tiempo de carga de la página,
problemas de navegación (eficiencia), qué tan fácil
de entender es la información brindada al usuario
(satisfacción) y el tipo de ayudas visuales provistas
al usuario, entre otras. Retomando el tema del tipo
Universidad del Norte Villafañe Atencio Juan Camilo. Una Aproximación A La Usabilidad En La Web.
de usuario indicado para evaluar el desempeño de la
página, en vez de teorizar para averiguar qué tipo de
usuarios pueden encontrar la página lo mas
utilizable posible, lo mejor es crear un sistema de
inspección de usabilidad. De esta manera, el usuario
puede dejar “feedback” o comentarios que
retroalimenten el proceso de desarrollo de la página
y así todos los involucrados reciben ganancias, por
un lado el usuario gana una página hecha a su
medida mientras que los encargados de la página
ganan usuarios o clientes fieles.
Criterio de Medida
usabilidad
Capacidad de Tiempo que le toma al usuario realizar una
aprendizaje tarea en la aplicación
Satisfacción del Sistema de retroalimentación (comentarios)
usuario
Confiabilidad Capacidad de completar la tarea correctamente
Eficiencia La manera en que los usuarios utilizan el
sistema para completar la tarea
Figura 1. Tabla de criterios de usabilidad.
Por último, al usuario común le disgusta el exceso
de ciertos elementos tales como las propagandas,
que si bien son necesarias para el crecimiento del
negocio, un exceso de las mismas puede tener el
efecto contrario al deseado. Entre otras encontramos
además:
• Fuentes ilegibles
• Requerir subscripción a través de otro
servicio
• Mensajes emergentes (popups)
• Uso excesivo de Flash en banners o en el
index
• Links rotos
• Frames
Minimizando o evitando utilizar completamente
muchos de estos elementos se le hace saber al
usuario que se toma en cuenta su opinión y que se
desea que su estancia en la aplicación sea
placentera.
B. Estética visual
Artículo Diseño de Software Bajo la Web
3
La palabra “estética” se refiere al estudio de lo que
es placentero a la vista y a la belleza. En el
desarrollo de software, se relaciona con el diseño de
las interfaces de usuario. En el diseño web, un
diseño visual puede ser lo que atraiga a un usuario
nuevo o que lo aleje, enfatizando que la primera
impresión es la más importante.
A diferencia de la usabilidad en la web, no existe
una manera confiable de medir qué tan visualmente
atractiva es una aplicación, por lo que existe un
debate entre expertos en el tema5. Estos sugieren
medir aspectos tales como el balance de los colores,
la simetría, qué tan sobrecargada de elementos se
encuentra la aplicación, el orden, entre otros. Sin
embargo sí encontramos elementos que al usuario le
pueden llegar a parecer molestos en exceso, como
por ejemplo colores brillantes, colores de fondo y
colores de fuentes discordantes, etc.
Cuando se crearon los primeros sitios web, la
estética visual se tenía muy poco en consideración,
ya que no había elementos tecnológicos avanzados
para enfocarse en la apariencia visual de las páginas
como tenemos ahora, además que se ignoraba este
aspecto completamente (formularios simples,
ambiente consola). Sin embargo como se ha venido
diciendo a través del artículo, la estética de las
aplicaciones web es importante en tanto que define
la primera impresión que se lleva el usuario al
ingresar, ya que antes de utilizar la aplicación el
usuario evalúa la apariencia del sitio, y dependiendo
de su forma de ser puede dejar el sitio o quedarse si
la interfaz le produjo una buena o mala impresión.
IV. CONCLUSIONES
En este artículo se miraron aspectos importantes
acerca de uno de los aspectos más importantes pero
al mismo tiempo ignorado del diseño de
aplicaciones web: la usabilidad. Hemos visto
además que es necesario balancear la estética visual
así como la usabilidad para así lograr una aplicación
web popular que pueda atraer usuarios así como
mantenerlos, así como brindarles una opción para
mejorar la aplicación a través de sus comentarios.
Universidad del Norte Villafañe Atencio Juan Camilo. Una Aproximación A La Usabilidad En La Web. 4

REFERENCIAS

[1] The research of Web Usability design. Pei Yan, Jiao Guo
Computer and Automation Engineering (ICCAE), 2010
The 2nd International Conference on

[2] J. Nielsen, “Did Poor Usability Kill E-Commerce?” Alert

box, 19 Aug. 2001

[3] Usability Evaluation Based on Web Design Perspectives

Conte, T.; Massollar, J.; Mendes, E.; Travassos, G.H.;
Empirical Software Engineering and Measurement, 2007.
ESEM 2007. First International Symposium on

[4] Balancing between usability and aesthetics of Web design

Yusof, U.K.; Leng Khang Khaw; Hui Yang Ch'ng; Neow,
B.J.; Information Technology (ITSim), 2010 International
Symposium in

[5] J. M. Zain, M.Tey and Goh Ying Soon, “Using Aesthetic

Measurement Application (AMA) to measure aesthetics
of Web page interfaces”, Proceedings of the 4th
International Conference on Natural Computation
(ICNC'08), IEEE Press, Oct. 2008, Volume 6, pp. 96 –
100.

[6] http://www.usabilidad-web.com/

Autor
Juan Camilo Villafañe Atencio
Ingeniería de Sistemas
Universidad del Norte

Artículo Diseño de Software Bajo la Web