Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Personalizar parametros - Usar enlaces en lugar de combos.


Como ofrecer al usuario herramientas que son faciles de usar - Usar enlaces en lugar de combos al seleccionar parámetros de una búsqueda o presentación.


Resumen:

  • A la hora de ofrecer parametros para organizar o personalizar la informacion dentro de una pagina, es mejor utilizar enlaces en lugar de combos.
  • En este articulo veremos los pasos tomados a la hora de diseñar esta herramienta.
  • Como "vender" esta solucion al cliente.
1. El encargo.
El cliente (una entidad financiera) presentaba a sus clientes via web el estado de sus cuentas. Esta informacion se puede organizar usando unos filtros (fecha, moneda y formato de la informacion).

El cliente tenia desarrollado un prototipo que requeria algunos retoques.

El encargo solo requeria una mejora estetica y eso fue lo que se hizo en un primer paso.

Parámetros complejo
Pulsar para ampliar

Pese a identificar algunos problemas de usabilidad, esta version se presento como solucion al encargo del cliente. Un primer paso para ganar la confianza del cliente es resolver el problema que pide sin dar rodeos.

El problema de usar los combos es que "gritan" trabajo. Los combos no son una solucion, son un problema.


2. Simplificando la herramienta.
Como alternativa se presento este diseño donde se esconde la opcion de "Time Frame" bajo "more options" ofreciendo una herramienta de aspecto mas amigable.

Parámetros simple
Pulsar para ampliar


Pese a ofercer un aspecto mas amigable, al tener todas las opciones como un "conjunto", se transmite la sensacion de "mucho trabajo". En el caso de querer cambiar solo la moneda parece que tienes que trabajar con todo los parametos.

Por otro lado, la seleccion del formato con "check box" e iconos no me parecia demasiado clara.


3. La alternativa.
La alternativa que se presento ofrece al usuario los parametros en forma de enlaces.

Parámetros con enlace
Pulsar para ampliar


En lugar de ofrecer el parametro del tiempo como un combo donde se selecciona el mes y año se ofrecen los parametros de tiempo mas comunes y las monedas y formato se presentan desplegados.

Todo claro, todo a la vista y se dejo el boton de "more options" para aquellos usuarios que necesiten especificar un "time frame" especifico. Este boton de "more options" abre una ventana con los combos de "time frame" y el boton de "aceptar parametros".

Los enlaces ofrecen una presentacion menos trabajosa de cara al usuario y mas facil de usar (cada parametro se fija con un click).

Esta version puede crear una sensacion abrumadora por el numero de elementos desplegados pero en la facilidad de uso y agilidad son sus ventajas.

Otro comentario que este diseño puede presentar es que cada paramentro necesita un click lo cual puede resultar en un incremento en el numero de peticiones en el servidor.



4. Como "vender" esta solucion al cliente.
Diseños centrados en el usuario pueden ser menos explosivos que diseños "molones" y con ello algo mas dificiles de usar. Para ello, existen las siguientes herramientas.
  • Demostrar que tambien se puede hacer el diseño "molon". Si el cliente no ve su idea en la version molona, puede ser que nunca llegue a comprar la idea "usable".

  • Documentar la solucion con ejemplos en sites del entorno. (En este caso, Yahoo! Finance sirvio de modelo a seguir).

  • Construir un prototipo y dejar que el cliente lo pruebe. Crear prototipos consume mucho tiempo y esfuerzos, pero son parte del proceso. Si existe la motivacion y capacidad, son un extra que ayudara a que el desarrollo llegue a buen puerto.

  • Presentar un test de usuarios (si es posible). En el proceso de diseño no siempre es posible probarlo todo, pero quizas un test informal pueda servir de orientacion.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada

 Autoría, licencia y acciones sobre este artículo

Informe de César Martín*
URL: http://www.unosaficionados.com

Este artículo tiene licencia Copyleft.
Puedes reproducirlo citando al autor y enlazando su página web.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Usabilidad en la web

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Usabilidad


 Comentarios de los visitantes
Aun no hemos recibido comentarios de este artículo.
Puedes ser el primero en enviar tu comentario.



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Usabilidad en la web
Categorías
+Usabilidad

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia