Caso de estudio
Caso de estudio
Caso de estudio
web de valencia
web de valencia
web de valencia
Marca
1
Paso
Descripción del proyecto
Descripción del proyecto
La web de Valencia es una plataforma de que abarca demasiados usuarios por lo que debe estar preparada para solicitudes diarias y como no! tener una buena experiencia.
La web de Valencia es una plataforma de que abarca demasiados usuarios por lo que debe estar preparada para solicitudes diarias y como no! tener una buena experiencia.
Objetivo del proyecto
Objetivo del proyecto
Mejorar el flujo de usuarios para tener una experiencia mejor a la actual.
Mejorar el flujo de usuarios para tener una experiencia mejor a la actual.
¿Quienes participan en el caso?
¿Quienes participan en el caso?
Cristian Tascon
1
Paso
2
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
Arquitectura de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
2
Paso
2
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
Arquitectura
de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
2
Paso
2
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
Arquitectura de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
2
Paso
3
Paso
Arquitectura de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
Pautas y procesos
Pautas y procesos
1
Paso
Accesibilidad
Accesibilidad
El diseño cumple ahora las pautas de accesibilidad haciéndole entender al usuario lo que hace y haciéndole sentir control en cada proceso que realice.
El diseño cumple ahora las pautas de accesibilidad haciéndole entender al usuario lo que hace y haciéndole sentir control en cada proceso que realice.
Pautas de escritura
Pautas de escritura
Crear textos claros, concisos y atractivos que guíen al usuario y le ayuden a completar sus tareas.
Crear textos claros, concisos y atractivos que guíen al usuario y le ayuden a completar sus tareas.
Directrices de microcopias
Directrices de microcopias
Crear mensajes breves, claros y relevantes que guíen e informen al usuario en cada paso de su interacción con la interfaz.
Crear mensajes breves, claros y relevantes que guíen e informen al usuario en cada paso de su interacción con la interfaz.
2
Paso
Terminología
Terminología
Cree los términos y frases estándar que deben mantenerse iguales durante toda la experiencia del usuario, acelerando el proceso de diseño y unificando su voz.
Cree los términos y frases estándar que deben mantenerse iguales durante toda la experiencia del usuario, acelerando el proceso de diseño y unificando su voz.
Internacionalización
Internacionalización
Definir estándares para el manejo de contenidos traducidos a varios idiomas soportados por el producto. Incluye el manejo de casos extremos de traducción y bidireccionalidad de contenido.
Definir estándares para el manejo de contenidos traducidos a varios idiomas soportados por el producto. Incluye el manejo de casos extremos de traducción y bidireccionalidad de contenido.
2
Paso
3
Paso
Mapa de empatía
Mapa de empatía
User persona
User persona
Arquitectura de la información
Arquitectura de la información
Pruebas de usabilidad
Pruebas de usabilidad
Flujo de usuarios
Prototipo de baja fidelidad
Pruebas de baja fidelidad
Prototipo de alta calidad
Resultados
Resultados
Resultados esperados
Los resultados que tuvieron los usuarios al probar el prototipo comienza con la simplicidad de encontrar sus acciones al logearse en la app.
por otro lado el usuario mostró comodidad y rapidez al encontrar una empresa en la cual quería invertir con un a búsqueda rápida en el tipo de inversión que era “Financiero”.
la compra de la acción fue guiada por la propia interfaz guiando al usuario no entre pantallas si no en elección rápida como se suele hacer al comprar un producto de Apple pudiendo el usuario volver atrás sin volver a repetir el proceso de pasarela de pago.
a final lo que queríamos lograr es que el usuario pueda hacer las cosas mas simples sea alguien joven o un adulto mayor dandole todo el trabajo a través de heurísticas.
Los resultados que tuvieron los usuarios al probar el prototipo comienza con la simplicidad de encontrar sus acciones al logearse en la app.
por otro lado el usuario mostró comodidad y rapidez al encontrar una empresa en la cual quería invertir con un a búsqueda rápida en el tipo de inversión que era “Financiero”.
la compra de la acción fue guiada por la propia interfaz guiando al usuario no entre pantallas si no en elección rápida como se suele hacer al comprar un producto de Apple pudiendo el usuario volver atrás sin volver a repetir el proceso de pasarela de pago.
a final lo que queríamos lograr es que el usuario pueda hacer las cosas mas simples sea alguien joven o un adulto mayor dandole todo el trabajo a través de heurísticas.
Métricas cualitativas:
Métricas cualitativas:
Los 4 usuarios mostraron un nivel neutro durante su interacción con la aplicación. No se observaron expresiones faciales o lenguaje corporal que indicaran frustración, como fruncir el ceño, suspirar o movimientos bruscos.
Los 4 usuarios mostraron un nivel neutro durante su interacción con la aplicación. No se observaron expresiones faciales o lenguaje corporal que indicaran frustración, como fruncir el ceño, suspirar o movimientos bruscos.
Comentarios
Comentarios
Los usuarios completaron las tareas sin dificultad.
No se encontraron errores o dificultades significativas.
La interfaz de usuario fue considerada clara y fácil de usar.
Los usuarios completaron las tareas sin dificultad.
No se encontraron errores o dificultades significativas.
La interfaz de usuario fue considerada clara y fácil de usar.
Conclusiones
Conclusiones
Las aplicaciones sociales no son lo mismo que una aplicación fintech, por lo tanto los usuarios que pertenecen a este nicho suelen hacer compras dentro de la app con determinado tiempo o solamente echar un ojo a como van sus activos.
Las aplicaciones sociales no son lo mismo que una aplicación fintech, por lo tanto los usuarios que pertenecen a este nicho suelen hacer compras dentro de la app con determinado tiempo o solamente echar un ojo a como van sus activos.
Caso de estudio: rediseño de web ayuntamiento de valencia (ES).
Caso de estudio: rediseño de web ayuntamiento de valencia (ES).
Descripción del proyecto
La web del ayuntamiento de Valencia suele tener mucho trafico web por lo que se suele caer el servidor o lo que reportan los usuarios "No hay citas"
¿El problema?
¿El problema?
El problema principal de la web suele ser que al ser la web de un ayuntamiento existe mucho trafico por parte d elos ususarios.
El problema principal de la web suele ser que al ser la web de un ayuntamiento existe mucho trafico por parte d elos ususarios.
Así que su problema suele ser en trámites y gestión de tareas o citas previas, pero suele costar encontrar la manera de realizar algunas tareas ya que el lenguaje inclusivo no suele aplicarse.
Así que su problema suele ser en trámites y gestión de tareas o citas previas, pero suele costar encontrar la manera de realizar algunas tareas ya que el lenguaje inclusivo no suele aplicarse.
Esto resulta un problema porque no solamente algunos usuarios presentan problemas dentro de la web sino que se suele depender de la experiencia del usuario a saber encontrar alguna sesión o pedir alguna cita.
Esto resulta un problema porque no solamente algunos usuarios presentan problemas dentro de la web sino que se suele depender de la experiencia del usuario a saber encontrar alguna sesión o pedir alguna cita.
Ayuntamiento de valencia (Exterior)
Ayuntamiento de valencia (Exterior)
Investigación
Investigación
Para resolver esto a través del diseño es necesario mirar como se comporta algunos usuarios dentro de la web
Para resolver esto a través del diseño es necesario mirar como se comporta algunos usuarios dentro de la web
También analizar su lenguaje corporal para encontrar frustraciones
También analizar su lenguaje corporal para encontrar frustraciones
Realización de wireframes
Realización de wireframes
Mapa de calor
Mapa de calor
A primera vista observamos como el usuario enfoca en observar la ilustración del carrusel, seguido de esto observa los accesos directos que no abarca mucho contenido.
A primera vista observamos como el usuario enfoca en observar la ilustración del carrusel, seguido de esto observa los accesos directos que no abarca mucho contenido.
Web del ayuntamiento
Web del ayuntamiento
Compraración
Compraración
Como observamos en las dos imágenes anteriores se suele notar un cambio de distribución de contenido donde el usuario ya no enfoca solo imágenes sino el contenido en sí.
Como observamos en las dos imágenes anteriores se suele notar un cambio de distribución de contenido donde el usuario ya no enfoca solo imágenes sino el contenido en sí.
Web del ayuntamiento rediseño en Figma
Web del ayuntamiento rediseño en Figma
Presentamos el
Rediseño web del ayuntamiento de Valencia.
Presentamos el
Rediseño web del ayuntamiento de Valencia.
Ahora podemos observar como ha mejorado la web con incorporar un poco de estudio y datos de los usuarios.
Ahora podemos observar como ha mejorado la web con incorporar un poco de estudio y datos de los usuarios.
Web (Figma)
Web (Figma)
Estadísticas de Valencia
Estadísticas de Valencia
Ahora el usuario puede informarse de la evolución de valencia y sus alrededores con desde gráficos fáciles de entender.
Ahora el usuario puede informarse de la evolución de valencia y sus alrededores con desde gráficos fáciles de entender.
Widget informatico (Figma)
Widget informatico (Figma)
Estadisticas de Valencia
Estadisticas de Valencia
Visualiza todo sin tener que ser un experto.
Visualiza todo sin tener que ser un experto.
Ahora con Widgets
Calendario para eventos
Ahora con Widgets
Calendario para eventos
Ahora no te perderas las fallas de Valenvia.
Ahora no te perderas las fallas de Valenvia.
Fechas importantes en Valencia
Fechas importantes en Valencia
Ahora los usuarios pueden echar un vistazo de que se aproxima
Ahora los usuarios pueden echar un vistazo de que se aproxima
Enterate de lo último
Enterate de lo último
Las noticias más recientes
Las noticias más recientes
Accesos directos para persona de la tercera edad
Accesos directos para persona de la tercera edad
Sin olvidarnos de la población más longeva se diseña una mejor accesibilidad para encontrar rápido lo que se busca y de forma más fácil.
Sin olvidarnos de la población más longeva se diseña una mejor accesibilidad para encontrar rápido lo que se busca y de forma más fácil.
No hace falta que escribas…..
No hace falta que escribas…..
El chat integrado con IA recopila información de otros usuarios para saber que es
lo que mas se busca dentro de la web para tenerlo a la mano.
El chat integrado con IA recopila información de otros usuarios para saber que es
lo que mas se busca dentro de la web para tenerlo a la mano.
¿Valencia entrando con IA?
¿Valencia entrando con IA?
Pues no se esperaba más de las artes y las ciencias con un asesor que te indica que hacer para realizar un trámite o usarlo sin que tenga que estar dentro el horario de oficina, solo preguntáselo y te dará la respuesta que necesitas o los documentos requeridos.
Pues no se esperaba más de las
artes y las ciencias con un asesor que te indica que hacer para realizar un trámite o usarlo sin que tenga que estar dentro el horario de oficina, solo preguntáselo y te dará la respuesta que necesitas o los documentos requeridos.
