Espacio Personal
Pública
Proyecto completo en Figma: https://www.figma.com/file/ZOxffPmoeI61PQ9yLfL29K/ScamScan?node-id=0%3A1&t=pU9tQyhvqKJ1dN6N-1
Prototipo usable en Figma: https://www.figma.com/proto/ZOxffPmoeI61PQ9yLfL29K/ScamScan?page-id=0%3A1&node-id=1-2&viewport=-156%2C369%2C0.16&scaling=contain&starting-point-node-id=1%3A2
Pública Buenas tardes a todos. A continuación les adjunto el documento pdf correspondiente con el Reto 4. Diseño de una interfaz de usuario para entornos virtuales 3D inmersivos.
En este enlace podéis acceder al proyecto de Figma:
https://www.figma.com/file/Co0yd1X4MRUZMvZ2i59Kqa/Meta-Memories?node- id=0%3A1
Y en este otro enlace podéis acceder al prototipo usable de la interfaz:
https://www.figma.com/proto/Co0yd1X4MRUZMvZ2i59Kqa/Meta-Memories?page- id=0%3A1&node-id=0%3A1&viewport=620%2C420%2C0.06&scaling=contain&starting- point-node-id=1%3A2
Muchas gracias por su atención.
Pública Buenas tardes a todos. A continuación les adjunto el documento pdf correspondiente con el Reto 3. Diseño de una interfaz gestual o conversacional.
En mi caso, he elegido una interfaz conversacional.
En este enlace podéis acceder al proyecto de Figma:
https://www.figma.com/file/zR3ZRaaXXcrWVtFffb3x2u/Future-Interfaces?node-id=0%3A1
Y en este otro enlace podéis acceder al prototipo de la interfaz del dispositivo móvil:
https://www.figma.com/proto/zR3ZRaaXXcrWVtFffb3x2u/Future-Interfaces?page-id=0%3A1&node-id=2%3A35&viewport=360%2C207%2C0.51&scaling=min-zoom&starting-point-node-id=2%3A35
Muchas gracias por su atención.
La interfaz seleccionada para el análisis heurístico es la Sede Electrónica de la Agencia Tributaria.
Actualmente nos encontramos en la Campaña de la Renta 2021. Esto quiere decir que desde el 6 de abril al 30 de junio los trabajadores españoles tienen que realizar y tramitar su declaración de la renta para justificar ante la Agencia Tributaria sus ingresos.
Se ha elegido para el análisis esta interfaz ya que durante los últimos años se está incentivando a los ciudadanos realizar la declaración de la renta mediante la sede electrónica (borrador web) y la atención en oficinas ya es algo residual.
Si el objetivo de la Agencia Tributaria es que la declaración de la renta se haga online, la página web debe cumplir la mayoría de las heurísticas para que sea accesible a todo el mundo, no sólo a los ciudadanos más familiarizados con la tecnología.
La metodología utilizada para la evaluación heurística sin usuarios ha sido realizar la declaración de la renta para así poder empatizar de forma más cercana con potenciales usuarios.
Teniendo los principios heurísticos de Nielsen como base del análisis se han llegado a las siguientes conclusiones:
La Sede Electrónica de la Agencia Tributaria requiere de un acceso personal para poder actuar de forma propia y proceder a las gestiones burocráticas correspondientes.
El principio de visibilidad del estado se cumple ya que en la parte superior derecha el sistema te informa si estás conectado o no.
Este principio defiende que el sistema debe hablar el mismo lenguaje que los usuarios. Por ejemplo, utilizar elementos cotidianos como la basura para saber que es la opción de eliminar el producto.
En el caso de la Sede Electrónica de la Agencia tributaria este principio se cumple.
Es cierto que al ser una interfaz enfocada a la información y la burocracia la interacción entre el usuario y el sistema está centrada en rellenar campos y la navegación no es tan abierta.
En este ejemplo se observa que, al rellenar el borrador, se identifica la opción de editar la información con un lapicero.
Este principio defiende que los usuarios deben poder volver fácilmente a un estado anterior.
Este principio también se cumple. La Sede Electrónica de la Agencia Tributaria ofrece una navegación con opciones de deshacer y con la posibilidad de moverte por los diferentes apartados sin perder la información.
De hecho, si estás en el proceso de ejecutar la declaración de la renta y por cualquier circunstancia tienes que interrumpir el proceso, cuando accedas de nuevo a la web te permitirá avanzar en el punto que lo dejaste como se indica en la siguiente imagen.
Este principio defiende que es conveniente seguir y repetir algunos patrones para no confundir a los usuarios.
Este principio no se cumple. Las secciones de la web tienen diferentes tipografías, diferentes distribuciones e incluso diferentes estilos de diseño según el apartado
La pantalla principal presenta un diseño plano y minimalista mientras que apartados más específicos presentan diseños antiguos que no se han actualizado.
Este principio defiende que es mejor prevenir los errores que generar mensajes una vez se produzcan.
Este principio no se cumple. Cuando se realiza el trámite del borrador Web de la declaración de la renta, una vez lanzada la declaración el sistema te avisa de errores que haya localizado una vez el usuario ha intentado guardarla.
Este principio defiende que hay que intentar en la medida de lo posible mostrar objetos, acciones y opciones para minimizar el uso de memoria del usuario.
Este principio se cumple ya que, dentro del Área Personal del usuario, se encuentran diferentes secciones con datos censales, notificaciones, expedientes y documentos pendientes de firma como se muestra en la imagen.
Este principio defiende que es importante personalizar las acciones frecuentes. A veces hay que crear atajos para mejorar la usabilidad para los usuarios expertos.
Este principio se cumple. La Sede Electrónica de la Agencia tributaria tiene dos menús desplegables con información sobre la propia Agencia Tributaria y otro de información y gestiones.
Además, tiene otro botón en el que te dirige a un menú con todas las gestiones.
Este principio defiende que es necesario intentar simplificar y eliminar el contenido irrelevante para que el usuario sólo se fije en lo realmente importante.
Este principio se cumple en la Sede Electrónica en general, sobre todo en la pantalla principal.
En la pantalla principal los trámites se muestran con un icono y el título de un color y el subtítulo explicativo en otro color de tal forma que es sencillo localizar lo que el usuario necesita.
No obstante, en trámites específicos no se cumple este principio, como por ejemplo en el borrador web de la declaración de la renta.
Este principio defiende que los mensajes de error deben expresar claramente cuál ha sido la causa del problema.
Este principio se cumple, ya que cuando surge un error dentro del sistema, este te indica cuál es y te redirecciona a él mediante un botón para modificarlo.
Este principio defiende que en algunos casos puede ser necesario que el usuario necesite ayuda. Es necesario que ésta sea fácil de encontrar, útil y si puede ser no demasiado extensa.
Este principio se cumple a medias.
Es cierto que el sistema ofrece diferentes manuales, videos y folletos informativos sobre los diferentes trámites que se realiza, pero la información es demasiada amplia y considero que solamente es accesible a quien esté familiarizado con sistemas informáticos y sepa rescatar información válida debido a la gran cantidad de información que se ofrece.
También se ofrece una atención especializada mediante llamada telefónica, pero esta tiene un horario determinado y no es inclusiva para personas con discapacidad auditiva o vocal.
1º. Ayuda y documentación.
La información ofrecida por el sistema es agobiante y desordenada. Este sistema debe ser usado por personas con alto conocimiento y uso de páginas web, pero también por trabajadores que no tengan los mismos conocimientos.
Propuesta:
Ofrecer un chat en directo para solicitar ayuda, no solamente la llamada telefónica. También podría haber desplegables laterales con ayudas según el trámite que se esté realizando, en vez de soltar toda la información en el menú de ayuda. De esta forma se simplificaría y sería una información enfocada al trámite concreto que se está realizando.
2º. Consistencia y estándares.
Es un problema que la interfaz cambie tanto en función de qué trámite se esté realizando o según la información que se esté consultando.
Propuesta:
Universalizar el flat design de la página principal y extenderlo a todos los trámites. Utilizar una interfaz limpia y minimalista para el borrador web de la declaración de la renta.
3º. Reconocimiento ante que recuerdo.
A pesar de que el principio se cumple, tienes que entrar en el área personal para poder observar tus trámites activos y las notificaciones.
Propuesta:
Sería interesante establecer un sistema de notificaciones en el banner superior de tal forma que si hay alguna novedad en algún trámite se te avise en forma de globo. De forma similar a cuando existe una notificación en una aplicación móvil.
4º. Prevención de errores
Este principio no se cumple, por tanto, sería interesante que, durante la realización del trámite, si el usuario está cometiendo algún error, el sistema le advierta.
Propuesta:
Símbolo de alarma o tipografía en color rojo si el usuario está cometiendo algún error durante el trámite.
5º. Flexibilidad y eficiencia de uso.
Este principio se cumple en cuanto a que el menú principal tiene secciones desplegables.
Propuesta:
Incorporar un menú desplegable con las acciones más realizadas en la Sede Electrónica de la Agencia Tributaria. De esta forma, la mayoría de los usuarios podrían acceder a la tarea que quieren realizar con un único desplegable, es decir, con un click.
Pública Esta primera PEC consiste en la deconstrucción de una interfaz gráfica para así analizar elementos gráficos e interactivos.
En mi caso, he decidido analizar la web de «elPeriódico» en sus versiones de escritorio, tablet y móvil.
El primer paso es analizar las diferentes versiones para poder obtener las tipografías, las gamas cromáticas, las retículas, etc.
A continuación comparto un análisis de las retículas en columnas. Son 12 columnas en ordenador, 2 columnas en iPad y 1 columna en iPhone.
Una vez analizadas las diferentes versiones, se han realizado las guías de estilo para mostrar los elementos funcionales y gráficos de los diferentes breakpoints.
Estos son los UI kits de ordenador, iPad y iPhone ordenados de izquierda a derecha.
Después de elaborar las guías de estilo, es momento de comenzar con el prototipado. El resultado es el siguiente, con la representación de la interacción solicitada en el enunciado de la PEC.
Para una consulta más concisa, proporciono un enlace de visualizado del proyecto en Figma:
https://www.figma.com/file/IRhWvSgQkjXygJ169VOf0C/PEC1.-Deconstrucción-de-una-interfaz-gráfica-Manuel-Méndez?node-id=0%3A1
Un cordial saludo.
Manuel Méndez García.
Pública Cuando empezó el curso, al introducir el término de «Arquitectura de la Información (AI)» se calificaba como la disciplina que se encarga de organizar entornos informacionales para facilitar una mejor usabilidad y comprensión a las personas que lo utilizarán.
Es decir, la creación de un diálogo entre la persona y el producto, servicio o sistema.
Desde el primer momento se ha hablado de la Arquitectura de la Información como un pilar fundamental de la experiencia de usuario (UX).
La AI es un pilar fundamental para la creación de cualquier desarrollo de producto o servicio, sea digital o no.
Esta ubicuidad hace referencia a que la información se debe filtrar, organizar y estructurar en cualquier proceso de desarrollo o diseño.
Una vez terminado el curso, la idea de la ubicuidad de la Arquitectura de la Información no se ha ido. Pero, es cierto, que el proyecto de innovación que se ha desarrollado en la asignatura ha sido la creación de un producto digital: El diseño de una App nativa para el CCCB.
Genera conflicto defender la ubicuidad de la AI y expresar que no sólo hay AI en los productos digitales y a la vez prototipar uno. Pero, analizándolo bien, es la realidad material en la que nos ha tocado vivir.
En un mundo de desarrollo tecnológico tan elevado es normal que la industria actualmente se encuentre en el desarrollo de software, desarrollo de Apps, etc.
Es importante aceptar esta realidad material sin olvidar que hay AI el de diseño y prototipado de una App para el CCCB pero también hay AI cuando nos organizamos la agenda de la semana.
La ubicuidad de la AI hace que se pueda apreciar en cualquier entorno en el que exista la necesidad de estructurar un conjunto de datos o dónde haya una necesidad de información.
Bibliografía:
Este es un espacio de trabajo personal de un/a estudiante de la Universitat Oberta de Catalunya. Cualquier contenido publicado en este espacio es responsabilidad de su autor/a.