UX LHF (Low Hanging Fruit) #3: nic.ar / tramitesadistancia.gob.ar

Hoy, Julio 2024 y un contribuyente/usuario como yo todavía tiene que lidiar con pantallas como esta para renovar un dominio.

Aquí tenés tu Estado Presente.

Para que no te agarren desprevenido y te digan: “no, pero esto está a la última tecnología, es difícil de hacer, es difícil de cambiar”, etc, BULLSHIT.

Bueno, quizás sea difícil de cambiar.

Pero vamos, no me voy a poner a contar cuántos fallos pueden encontrarse en esta Interfaz, de Arquitectura de la Información, de Flujos de Trabajo, de Experiencia de Usuario, de tecnología, lenguajes y patrones antiguos que seguramente se estén usando aquí y en todas las webs del Estado…

vamos muchachos, compañeres, que podemos hacerlo mejor…

Necesito Renovar un Dominio registrado en nic.ar

Todo empezó con esta bella notificación (me pregunto si alguien guardará por algún lado; los antiguos mails SOLO texto de ni.ar, que supo ser pionero. La administración de los dominios se hacía a través de unos emails SOLO TEXTO que requerían algún específico formato para funcionar…) en fin, continuemos, la notificación:

A viajar, clickeamos en “¡Renovalos ahora!”… caemos acá (https://nic.ar/ingreso):

Por suerte algunos de estos trámites los tengo ya hechos; no quiero imaginar lo sufribles que son (amigo lector UXer con ganas de hacer contenido; te invito a hacer algo similar a este artículo, me lo dejás en los comentarios; o estás invitado a escribir un guest post, ver Colaboraciones/Se Necesitan).

En mi caso, ingreso con “N° DE CUIT/CUIL Y CLAVE FISCAL”, siguiente pantalla (ya estoy logueado):

Vemos ahora que el dominio (la URL; la dirección en la barra de navegación), cambió a:

https://tramitesadistancia.gob.ar/tramitesadistancia/pretramite;idTipoTramite=425

ya esto es BAD UX EXPERIENCE.

BAD INFORMATION.

MALA EXPERIENCIA DE USUARIO.

Es CASI IRRELEVANTE que el Estado mantenga su web/dominio “tramitesadistancia.gob.ar” como backend (una línea de código; por ejemplo: https://stackoverflow.com/questions/7053401/url-rewriting-invisibly-how-to-prevent-rewritten-url-to-appear-in-the-address)

¿Me vas a decir que no se puede hacer? ¿Cuántos niveles de autoridad lleva hoy en día una decisión o cambio así, en una web del Estado? Quiero imaginar que; COMO MUCHO, 3.

Como IDEAL, un flaquito empleado público puede hacerlo porque LE PINTÓ y es una MEJORA OBVIA; lo deja logueado en el sistema y ya está hecho;

cualquier cosa se revierte IGUAL DE FÁCIL; revirtiendo UNA LÍNEA DE CÓDIGO.

(estoy exagerando la simpleza de esto, obviamente, pero se entiende)

Lo Positivo y Good Win: Clara Acción a Realizar

Más de uno me dirá que todo lo que escribí antes ES UN DETALLE; pero amigo; así mejoramos; MEJORANDO LOS DETALLES.

Construír MIERDA es fácil. Lo difícil es que DEJE DE SER UNA MIERDA.

hacemos click en RENOVAR:

“Trámites” en nic.ar: ¿en qué carajo estabas pensando?

¿Qué pasa cuando clickeo en RENOVAR? Aparece este mensaje:

Te lo explico brevemente: recién, antes de ponerme a escribir todo esto; traté de pagar la renovación de mi dominio. No funcionó.

No solo NO FUNCIONÓ HOY. Sino que TAMPOCO HABÍA FUNCIONADO hace unos días.

Quisiera saber el Test-Coverage de todas las plataformas del Estado. Quisiera creer que POR LO MENOS el 1% de Nuestro Código; está siendo testeado AUTOMÁTICAMENTE…

Marcelo Mazza, July 8th 2024.

Esperá, quiero leer de vuelta ESE CARTEL ROJO que me salió, a ver…

Pero la puta, DESAPARECIÓ.

UX RULE: no dejes que los mensajes de error que necesitan una revisión por parte de tu usuario, desaparezcan de la interfaz.

Porque sino: cómo los arregla?

Menos mal que tengo el screenshot:

el dominio NN.com.ar posee trámites pendientes que deben completarse desde la opción Mis Trámites

En este momento, Querido Nic.ar, tus usuarios se preguntan: ¿y dónde carajo encuentro Mis Trámites?

Lo más caballeroso sería poner un link directamente en ese mensaje…

Pero Vamos, Que No Somos Estúpidos y ya vimos que por algún lugar dice MIS TRÁMITES; coincide por lo menos el texto, veamos qué tenemos:

Una pantalla bastante fea y desproporcionada (perdón Diseñimen responsable de esto; imagino que habrás hecho lo que has podido):

Acá van los trámites que iniciaste. Iniciá uno nuevo desde la sección “Iniciar Trámite”…

Pero, pero… ¿no estás confudido, conmigo? Si el mensaje anterior justamente me dijo que mi dominio poseía “trámites pendientes” dijo, o sea, entiendo que es un trámite que inicié… y sin embargo, esta pantalla no muestra nada.

Mmmh… no entiendo. Debo ser un Estúpido nomás.

NO USUARIO!
NO SOS ESTÚPIDO

LA ESTÚPIDA; ES LA INTERFAZ.

“Trámites” en tramitesadistancia.gob.ar: ¿en qué carajo estabas pensando?

Yo le hablo al “Querido Nic.ar” y sin embargo acá estoy lidiando con “Trámites a Distancia”… debería decir, más bien: Querido Estado, ¿TE PODÉS PONER DE ACUERDO?

Carajo, mierda. Sigamos buscando el trámite… todo esto porque el botón de RENOVAR dejó de funcionar.

La salida rápida sería esperar a mañana y volver a intentarlo; pero vamos que AYER ya lo había probado y HOY ya ES, y MAñANA, ya SERÁ TARDE…

De repente, con un hilo de esperanza leo “Borradores” sobre La Izquierda, y me ilusiono un poco, clickeo, y a ver…

Ahí tenemos el trámite. Veamos, quiero renovar mi dominio, así que empiezo a clickear, mirá esto, observá por favor poné pochoclos:

No hay que ser un genio para VER CLARAMENTE que eso, ESTÁ MAL HECHO, Querido Estado.

Lo Lamento por Los Responsables.

Pero HÁGANSE CARGO, POR UNA VEZ, SE LO PEDIMOS POR FAVOR.

AYUDENNÓS, POR FAVOR AYUDENNÓS (NO ES GRACIOSO)

Bueno, como habrás visto en el video, me costó como 1 MINUTO

SOLAMENTE ENCONTRAR

la acción que liberaba a este USUARIO de estar TRABADO en lo que trataba de lograr… vamos a la pantalla de pago:

Acá la acción principal está mal marcada, EDITAR no es la acción principal, sino que lo que debería ser CELESTE deberían ser esos botones de abajo:

  • “Tarjeta de Crédito”
  • “Home Banking”
  • “Rapipago”

Está pantalla está a medio cocinar… parece que alguien con muy básicos conocimientos de BOOTSTRAP; la hizo… imaginate ese Backend, amigo.

Vamos con Tarjeta de Crédito:

Probé con VISA antes y no funcionaba, probemos ahora con MASTERCARD:

Uso un gestor de contraseñas para este tipo de información (tarjetas de crédito) así rápidamente puedo llenar formularios. La inserción automática de esta información dispara este error en el formulario:

Se arregla re tipeando la información, que toma este formato:

De nuevo, un campo FÁCILMENTE SANITIZABLE con pocas líneas de JavaScript, irrelevantes.

Fin:


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *