> Manuales > Usabilidad en la web

Se ofrecen consejos para la utilización de elementos de formularios, con objetivo de añadir funcionalidad a una página. Veremos ejemplos de utilización erronea y correcta.

Hay casos en los que los combos se utilizan para "ahorrar operativa al usuario"...
Veamos un ejemplo: Queremos comparar dos coches en la web de Supermotor

Que se les ocurrio, elijo la marca en un combo y se supone que "adivino" que en el combo de al lado se recargan los modelos:

  • Elijo la Marca A y el Modelo A (se recarga la pagina sin que yo lo indique)
  • Elijo la Marca B y el modelo B (se recarga la pagina otra vez sin que yo lo indique)
  • Y ahora es cuando puedo comparar.

  • RECUERDA: El usuario es el que tiene el control... no la maquina... NUNCA se deben ejecutar operaciones sin que el usuario lo haya ordenado. Entendemos que recargar la pagina es ejecutar una orden que el usuario ordena... nunca la debemos hacer si su permiso.
    Que ahorro hemos conseguido? Solo hemos conseguido que el usuario se vea recargando la pagina una y otra vez...


    Cual hubiera sido el modelo correcto (pensando en que hay usuarios no acostumbrados a internet y que no todos somos unos genios...):

  • Presentamos una pagina donde se indica con claridad que es lo que tiene que hacer el usuario.

    1 de 3: Elija las 2 marcas de coches a comparar: (lo mejor seria hacer la seleccion con radio button por columna de marcas)
    MARCA 1
    marca 1
    marca 2
    marca 3
    ....
    MARCA 2
    marca 1
    marca 2
    marca 3
    ....
    Siguiente: (enlace a la siguiente pagina) Seleccionar modelo dentro de las marcas escogidas.


    En este punto es bueno recordar que siempre debemos indicar el estatus del usuario (paso 1 de 3, siguiente operacion, etc...), recuerde que siempre es el usuario el que tiene el control, para poder tener el control es necesario estar informado de donde vengo, a donde voy, que puedo hacer entre medias, que ocurre si pincho aqui...)

    2 de 3: Elija los 2 modelos de coches a comparar: (hacer la seleccion con radio button por columna de marcas)
    Nombre de MARCA 1 / Seleccione modelo
    modelo 1
    modelo 2
    modelo 3
    ....
    Nombre de MARCA 2 / Seleccione modelo
    modelo 1
    modelo 2
    modelo 3
    ....
    Siguiente: (enlace a la siguiente pagina) Ver comparativa de modelos escogidos.


    Con este modelo se consigue que el usuario haga una seleccion basada en sus acciones, es el usuario el que indica cuando avanzar y cuando no, de tal forma que el controla la recarga de paginas y no somos nosotros quienes indicamos cuando recargar datos.

    Y dentro del caso de todo auto, no seria mejor hacer una seleccion previa en la que indiquemos que tipo de modelo queremos comparar? es decir, 4x4, turismos, etc... por que que sentido tiene comparar un 4x4 con un BMW descapotable...?




    Luego hay algunas paginas web, sobre todo aquellas que ofrecen operativa de algun tipo (vease webmail, bancos, tiendas, etc...) en muchos casos se hace necesario que el usuario haga algun tipo de seleccion multiple de datos.

    Esta seleccion multiple por lo general hace referencia a opciones cerradas (ciudad de residencia, año de nacimiento, etc) que pueden afectar al resto de la pagina. Por ejemplo si quiero abrir una cuenta en un banco si pongo como año de nacimiento 1998, no me dejara acceder por que se supone que debo ser mayor de 18 para acceder.

    Este tipo de operativa es correcta siempre y cuando no hagamos que estos combos sean operativos sin que el usuario lo indique.
    Esto quiere decir, si al elegir la fecha de nacimiento vas a recargar la pagina para validar la fecha, avisamelo.

    Que se recomienda en estos casos:
  • Procurar agrupar los datos a validar.
  • Que el usuario sepa antes de introducir datos, cuales son los margenes de rechazo (mayor de 18, vivir en Cuenca, ser Cura...).
  • Que el usuario sea el que indica cuando hacer la validacion.
  • En caso de introducir datos fuera de rango, explicarle por que ha ocurrido esto.
  • César Martín

    Especializado en usabilidad, hoy César es gerente de marketing y ventas de Docxp...

    Manual