WODIIN
| Título | Oficina de Diseño - WODIIN Studio |
|---|---|
| Tipo de Proyecto | Proyecto de Taller |
| Palabras Clave | municipio |
| Asignatura | Taller de Diseño de Interacción |
| Del Curso | Taller de Diseño de Interacción 2023 |
| Carreras | Diseño |
| Alumno(s) | Maria Eliza Mondaca, Camilla Carella, Catalina Landeros Rojas, Anastasia Somerville, Constanza Pomodoro |
| Profesor | Herbert Spencer, Daniela Salgado |
Observación
El enfoque de la propuesta tiene que ver con la comunicación visual de la municipalidad y su identidad. Una de las características que identifica a Valparaíso son sus cerros coloridos, sin embargo, en la municipalidad, lugar donde cada porteño hace sus trámites, no presenta aquella identidad de la ciudad. Sabiendo esto se plantean las siguientes preguntas:
¿Cuál es la identidad de Valparaíso? ¿Qué es lo propio de la ciudad puerto?
Para ello se observan algunos de sus cerros, se identifica una composición de colores que se abstraen para generar propuestas de paletas de colores “porteños”.
¿Cuál es su relación con el diseño de interacción?
La propuesta busca implementar estos colores tanto en la presencialidad como en la plataforma digital, a través de la jerarquización de sus trámites. Cada color corresponde a una categoría en la plataforma digital, y a un área en el edificio de Av Argentina. De esta forma se construye un primer encaminamiento de lo digital y presencial. En los cuales las personas podrán ingresar a su trámite a través del lenguaje del color, con el objetivo de ayudar a la transición desde la presencialidad a la virtualidad con esta propuesta de estructura interactiva.
Observaciones
Aspectos negativos
- Hay una pizarra informativa pero poco atractiva, contiene mucha información poco precisa y con letra diminuta, teniendo una casi nula interacción y atracción, alguna llamada a leer la información que está siendo mostrada en la pizarra.
- Hay puertas con papeles pegados indicando “no golpear la puerta”, “golpear la puerta por favor”, “PASE”, “no pasar”, “puerta no habilitada ir a la puerta número X”. Todo esto vuelve más confuso y poco fluido el acontecer de los trámites en sus respectivos módulos.
- Muchos avisos con papeles impresos / pegados: poco legibles, sombríos, espacio desordenado, difícil de acceder y encontrar la información, esto lleva a preguntar hacia dónde dirigirse, aunque la información esté indicada.
- Poca señalización ya sea mediante letreros, señaléticas, volviendo difícil encontrar los trámites sin pasar a preguntar a algún guardia del establecimiento.
- Los usuarios se quejan sobre la falta de funcionarios para cada módulo o trámite, las filas se vuelven largas y provocando una falta de claridad.
- Reclamo por parte de los usuarios al no tener claridad a qué funcionario dirigirse, la falta de claridad en los roles que tiene cada funcionario vuelve engorroso el trámite e interrumpe la comunicación fluida entre el usuario con su objetivo.
- Las personas se preguntan entre ellas para dónde ir, consiguen información entre usuarios. Esto debería ser evitado ya que tiene que haber un claro sistema el cual seguir, un procedimiento que debería volver fácil su procedimiento.
- Gente reclama por la poca presencial del personal, los usuarios salen con una mala experiencia del trámite, no se cumplen con los plazos indicados por funcionarios o no hay horas disponibles hasta dentro de X meses, volviendo todo tardío cuando varios usuarios necesitan con urgencia los papeles.
- Desde el piso 2, el ambiente se torna oscuro, opaco y frío visualmente. El estar ahí del usuario lo vuelve en un aburrido y molesto habitar.
- Espacio apretado y poco accesible, descuidado, pequeños referentes a la identidad de Valparaíso que se ven opacados por el lugar hacinado y sombrío.
- Se generan aglomeraciones fuera de las oficinas al haber dudas y reclamos, dirigiéndose a la primera persona visible. ¿Hay una necesidad de tener asistencia por parte de una persona dentro de lo digital? Tal vez para tener aquel feedback el cual me deja con la certeza que he sido escuchado/a.
- Zonas preferenciales no especificadas o no hay, para personas con necesidades esto se vuelve en una mala experiencia ya que son pasados a llevar desde su derecho.
Aspectos positivos
- Box y mesones, existen dos habitaciones grandes la cual entregan un habitar íntimo, son procesos más largos que requieren de una privacidad.
- Box privado para exponer casos permiten espacio de privacidad y proximidad, en este caso la persona preferiría dirigirse al lugar por sobre tener atención en internet ya que existe una situación de posible tensión o empatía, de resolver las cosas directamente.
- Tramites más largo/ más silencioso/ privado —-> visitadores sociales, trámites más largos.
- Presencia de mural que identifica a Valparaíso - aplicar en web
- Indicaciones sobre información de piso. Diseccionado en carteles.
- Entre usuarios se preguntan a dónde dirigirse en los trámites.
- Una atención obligada por parte de los funcionarios al ver que su usuario no está satisfecho con su desempeño o resultado.
- Caja de autoservicio para sacar ciertos papeles, abren la posibilidad de poder tener cierta familiarización con lo digital al traspasar la mayoría de trámites a la página web.
Aspectos objetivos
- Dificultad al distinguir las zonas para realizar cada trámite en el recinto.
- Confusión y desorden, las personas no saben dónde ir, no hay señalización.
- Personas asisten con papeles, documentos, carpetas, en mano (hay un trabajo previo).
- Falta de transparencia en el seguimiento del estado de un trámite.
- Falta de comunicación previa sobre los documentos requeridos para cada trámite.
Objetivos y problemáticas
| General | Específicos | Problemáticas |
|---|---|---|
| Proponer un sistema en la web que permita facilitar la transición desde lo físico a lo digital para los usuarios de la municipalidad. |
|
|
Estudio y Desarrollo
Entrevista
Pauta entrevista
TRÁMITE PRESENCIAL
Respecto al trámite
- ¿Qué trámite viene a realizar?
- ¿Cómo ha sido su experiencia? / ¿Qué opina respecto al funcionamiento presencial de la municipalidad? (sean aspectos positivos o negativos)
Respecto a los tiempos de espera
- ¿Cuánto tiempo le dedica al trámite?
- ¿Cuánto consideran como tiempo razonable de espera?
Respecto a la interacción con el sistema
- ¿Cómo es el proceso de atención?
- Con respecto a la interacción con el otro usuario, ¿cómo consideras que es la comunicación?
- ¿Consideras que la cantidad de funcionarios son suficientes para lograr la atención diaria, con un tiempo razonable de espera?
Calificación del funcionamiento del sistema
- ¿Cómo mejoraría el método para que fuese más sencillo?
- Califique con 3 palabras el método actual (en cuanto a su efectividad)
- Menciona 3 características o elementos por mejorar del sistema
TRÁMITE ONLINE
Respecto a conectividad
- ¿Tienes acceso a internet? Del 1 al 7, ¿qué tan buena es tu conectividad?
- ¿Te manejas con el sistema online? Clasifique del 1 al 7 (teniendo en cuenta 1: nulo, 7: alto nivel de manejo)
- ¿Qué aparatos electrónicos utiliza?
Respecto a un acercamiento de la página web
- ¿Ha visitado alguna vez la página web de la municipalidad para realizar trámites? / si es que no, ¿Por qué?.
- De poder hacer este trámite por internet, ¿lo haría?, ¿por qué?
- ¿Qué trámite considera que es necesario realizar de manera presencial?
...En el caso de que utilice la página web
- Considerando las siguientes opciones, ¿con cuánta frecuencia ocupas la página?
Muy poco:___ Poco:___ Mucho:___ Bastante: _x__ ¿Por qué?
- Evalúa el uso de la página web del 1 al 7, considerando la facilidad al momento de navegar en ella
- ¿Qué cree usted que potenciaría / facilitaría el uso de la página web para la realización de trámites?
Sugerencias y retroalimentaciones (respecto a la página web)
- Menciona 3 características o elementos que consideras satisfactorios de la página web
- Menciona 3 características o elementos por mejorar de la página web
- Según tu experiencia hasta el momento, ¿tienes interés en continuar como usuario en la página web?
- ¿Tienes alguna opinión o comentario que deseas agregar?
Experiencia de los usuarios
Arquetipos
Mapa de navegación del recorrido presencial
Mapa de navegación del recorrido online
Cardsorting
Mapa de navegación enfocado en el Área Aseo y Medioambiente
Arquitectura de información
Prueba de usuario
Hallazgos en computador
- Mayor tamaño de texto y variantes de cuerpo de texto para facilitar la lectura
- Que tanto isotipo como texto de la municipalidad me lleven al inicio al tocar
- El buscador está muy pequeño, aumentar tamaño para que sea más visible
Hallazgos en celular
- Que tanto isotipo como texto de la municipalidad redirijan al inicio al tocar
- Separar más los iconos de perfil y menú de hamburguesa ya que están muy juntos y dificulta al presionar con el dedo
- Poner un botón más visible de "trámites” para la gente con menos conocimiento de web
Prueba de Usuario a MarceloRetroalimentaciones
- Al usuario le interesa saber cuando o cuanto se va a demorar el trámite para poder organizar sus tiempos
- Saber el costo del servicio otorgado por la Municipalidad
- Navegación más redundante
- Qué haya más opciones de navegación para llegar hacer el mismo trámite
Propuesta
Propuesta de transición
Para ayudar con la transición del espacio físico al virtual tomamos la municipalidad como base para generar mas familiarización con la web, donde cada piso tiene un color correspondiente a una categoría de tramite luego al momento de seleccionar el piso se abre una vista aérea del piso elegido donde en una “simulación” van a estar las oficinas con las subcategorías que este tramite tiene, así ayudar a ambientar al usuario en su experiencia.
Paleta de Colores
Se busca implementar el uso del color para ordenar y facilitar la realización de los trámites, los colores fueron seleccionados desde imágenes de Valparaíso para generar una identidad visual coherente con la realidad y lo particular de la ciudad. Luego de extraer los colores, se hace una selección de varias paletas monocromáticas para aplicar en las distintas categorías de la página web.
Wireframes
Propuesta de wireframes inicial
Propuesta de wireframes final
Entregables
Pantallas
Mesa de trabajo figma
Epica 1
Señora de 70 años busca el trámite "Retiro de ramas", sin embargo, ingresa equivocadamente a la categoría de tránsito, por lo que decide navegar en el buscador y encuentra su trámite, finalmente rellena el formulario correspondiente.
Prototipo celular figma
Prototipo computador figma
Epica 2
Persona adulta-joven, con dominio de sistemas digitales, inicia sesión y revisa el estado de un trámite anterior. Luego ingresa directamente al menú y realiza rápidamente el trámite “Retiro de ramas”, al finalizar revisa la notificación de que su trámite se ha hecho correctamente.
Prototipo celular figma
Prototipo computador figma
Epica 3
Persona adulta-joven, con dominio de sistemas digitales, inicia sesión. Luego ingresa directamente al menú y realiza rápidamente el trámite “Control de plagas”, al finalizar revisa la notificación de que su trámite se ha hecho correctamente.
Prototipo celular figma
Prototipo computador figma
Videos de pantallas
Épica 1: Rosa
Prototipo celular
Prototipo computador
Épica 2: Mario
Prototipo celular
Prototipo computador
Épica 3: Solange
Prototipo celular
Prototipo computador
Vocabulario Visual
Presentaciones
Primera presentación
Segunda presentación
Presentación Final
