Resumen del proyecto
La página de inicio de la intranet ofrece una plataforma central para que todos los empleados accedan de manera rápida y eficiente a recursos e información importantes. Por lo tanto, la página de inicio actúa como un centro para proporcionar información sobre noticias actuales de la empresa y para acceder a documentos relevantes y aplicaciones importantes.
El desafío al diseñar esto es recopilar los diversos requisitos del uso diario y luego crear un diseño que garantice una fácil accesibilidad y facilidad de uso para todos los casos de uso específicos.
El reto
-
Entrevistas con usuarios
-
Análisis cualitativo de las entrevistas.
-
Generación de ideas y concepción de la nueva página de inicio.
-
Implementación de las nuevas ideas como prototipo interactivo.
Objectivos
-
El diseño del intranet fue actualizado por última vez hace tres años, cuando la empresa era significativamente más pequeña y enfrentaba otros desafíos.
-
La página ya no proporcionaba opciones de entrada adecuadas ni accesos directos rápidos.
-
Además, varios módulos ya no funcionaban correctamente y necesitaban ser revisados.
Problemas
Alcance del proyecto
-
Rediseño de la página de inicio
-
Entrevistas a usuarios
-
clasificación de tarjetas
-
Estructura alámbrica
Duración
-
Septiembre 2023 - Octubre 2023
Función
-
Solo UX
-
Ayuda con el diseño final de la interfaz de usuario y la implementación
Instrumentos
-
Equipos de MS
-
Miró
-
Figma
Proceder
01.
Investigación y Análisis
02.
Centrado de usuarios
03.
Conceptualización
04.
Creación de prototipos
01. Investigación y análisis
Realizar una evaluación comparativa del mercado y analizar los sistemas existentes es esencial al comienzo de un proyecto para crear una base sólida para los siguientes pasos. Sólo así se podrán conocer las tendencias actuales y comprender plenamente las posibilidades del proyecto. La investigación permite adquirir conocimientos generales sobre productos, desafíos y mejores prácticas comparables. Al analizar el existente, se comprende mejor las necesidades del cliente, la necesidad de determinadas innovaciones y se obtiene referencia para el desarrollo y optimización del sistema.
Investigación
He leído muchos informes diferentes y he investigado ejemplos de intranet para analizar sus características completas. Al hacerlo, llegué a una variedad de conocimientos e ideas. Los más importantes fueron:
1. Contenido actual
Los empleados deben mantenerse actualizados y enterarse rápidamente de anuncios y actualizaciones relevantes. puede informar sobre los desarrollos de la empresa.
2. Cultura corporativa
Énfasis en la cultura corporativa y enfoque en las necesidades y experiencias de los empleados.
3. Función social
Integración de funciones que promuevan la interacción social y el intercambio entre los empleados.
4. Navegación eficiente
Implementación de navegación intuitiva y una poderosa función de búsqueda para permitir a los usuarios encontrar información rápidamente.
5. Función de informes
Implementación de funciones de reporting para medir y mejorar continuamente el rendimiento de la intranet.
6. Diseño atractivo
Diseño de un tiempo & Diseños de intranet adecuados para garantizar una autopresentación atractiva y adecuada a la marca.
Análisis de la web anterior
De acuerdo con el dicho clásico de UX "Su sitio antiguo es el mejor prototipo de su nuevo sitio", analicé en detalle la estructura y funcionalidad del sitio web antiguo y creé los formularios abstractos presentados.
Esto deja claros los puntos débiles y el potencial de mejora. También conduce a la identificación de elementos probados. Esto constituye la base para un nuevo diseño optimizado.
02. Entrevistas a usuarios
Preparé y realicé entrevistas a usuarios para obtener información sobre las necesidades, comportamientos y expectativas de diferentes grupos de usuarios. Las personas fueron seleccionadas de modo que se incluyeran cinco niveles profesionales diferentes y varios departamentos. Esto ayuda a capturar una perspectiva amplia del usuario, identificar problemas y hacer que los diseños sean fáciles de usar para diversos casos de uso.
"...lo que definitivamente no encuentras en la página de inicio es información para el trabajo diario que realmente utilizas".
"Lo que importa es la mezcla variadade información interesante, pero deberías desglosarla mejor".
“Los deslizadores de noticias son realmente estúpidos porque generalmente solo muestran el último artículo y, por lo tanto, el más antiguo. También me faltan imágenes de las actualizaciones que te ayudarán a comprender rápidamente lo que está pasando”.
Durante el análisis de las entrevistas, analicé y categoricé cuidadosamente la información recopilada. Mi enfoque fue identificar declaraciones clave, agruparlas e identificar tendencias en las respuestas de los participantes. Esto me permitió reconocer similitudes y diferencias entre las declaraciones de diferentes participantes.
03. Concepción
Aquí es donde se determinan la funcionalidad y los conceptos básicos de la experiencia del usuario y el diseño del sitio web. Los hallazgos de las fases anteriores se convierten en soluciones centradas en el usuario y luego se esbozan las ideas por primera vez. Es el momento en que la visión toma forma y se convierte en planes claros y estructurados. A través de procesos creativos, coordinación e iteraciones, se crea un marco que sienta las bases para el diseño y marca el rumbo para el éxito del proyecto.
Visión del producto
El objetivo es implementar un rediseño centrado en el usuario que busque claridad, actualidad y una rica variedad de información. Un nuevo enfoque tiene como objetivo mejorar la experiencia del usuario. Además, se pretende garantizar que la página de inicio de la intranet sea un lugar donde se pueda acceder fácilmente a información relevante y significativa y, por lo tanto, pueda actuar como un punto de contacto central. Los siguientes principios son cruciales:
-
Clara categorización de mensajes.
-
Más actualidad
-
Imágenes significativas y titulares breves.
-
Configuración de uso mejorada para los controles deslizantes de noticias.
-
La mejor accesibilidad posible a la información
-
Centrarse en la facilidad de uso y la privacidad de los datos
-
Diseño moderno y claro
Esta visión del producto guiará el trabajo. El objetivo es crear una página de inicio que inspire, informe y haga que los empleados sean productivos, al tiempo que forma la base para una cultura empresarial positiva y productiva.
Wireframes
Los primeros pasos en la recopilación de ideas se dieron naturalmente mediante esquemas de lápiz y papel.
Idea 1
Las noticias más importantes se muestran en controles deslizantes en la parte superior derecha, orientados a la izquierda.
Una columna personalizada ocupa la parte derecha de la pantalla y se destaca claramente del resto.
idea 2
Las noticias más importantes llenan la sección principal y le dan a la página una clara orientación de noticias de arriba hacia abajo.
Las funciones personalizadas y personalizables se incluyen a continuación.
idea 3
Esta página tiene un diseño de dos partes, con la relevancia de los módulos ordenados en el orden de lectura habitual. Primero vienen los módulos de mensajes, luego el contenido personalizado y luego los módulos a personalizar.
Una vez tomadas las decisiones básicas, implementé el concepto basado en la idea 1 como un wireframe de baja fidelidad. También he desarrollado un tipo modificado de control deslizante de noticias más importantes, que garantiza la accesibilidad y ofrece una vista previa significativamente mejor de las próximas noticias.
Para la adaptabilidad del sitio web, desarrollé dos vistas de pantalla diferentes. Uno está optimizado para pantallas de portátiles estándar de 13 pulgadas (aprox. 33 cm), mientras que el otro también admite pantallas externas más grandes de 27 pulgadas (aprox. 69 cm).
Los dispositivos móviles se ignoraron en el diseño, que se basa en los resultados de las entrevistas a los usuarios.
04. Creación de prototipos
En la fase de creación de prototipos, el concepto se convierte en una realidad tangible. Aquí las ideas cobran vida y se transforman en prototipos funcionales que ilustran la experiencia del usuario. es la fase, donde los conceptos se pueden probar, revisar y optimizar para garantizar que cumplan con lossatisfacer las necesidades de los usuarios. Estos procesos iterativos y ajustes centrados en el usuario crean prototipos que sirven como base para la implementación.
Sistema de diseño
Este es el sistema de diseño que preparé y uso.
Sirve como referencia para el diseño futuro y como base para una posterior colaboración en equipo.
prototipo
Al final del trabajo se obtiene un resultado multifacético y bien pensado en forma de prototipo en el que se puede hacer clic. A petición del cliente, en este proyecto no se realizaron pruebas ni desarrollo posterior mediante pruebas de usuario sumativas.
Finalización del proyecto
Con el prototipo final logré con éxito todos los objetivos que me propuse al principio. En estrecha coordinación con el desarrollador front-end, se realizaron ajustes sutiles para garantizar que las funciones de usabilidad diseñadas se implementaran de manera óptima. La respuesta positiva del cliente y la presentación de la página de inicio recién diseñada el 1 de enero de 2024 confirman el éxito de mi trabajo.
Durante el proyecto quedó claro una vez más que la clave está en un enfoque bien fundamentado y centrado en el usuario y en el cuestionamiento constante de las ideas iniciales, así como del proceso de iteración en curso.
Próximos pasos
Como siguiente paso, planeo crear un breve vídeo explicativo sobre las nuevas funciones del sitio web en colaboración con el departamento de vídeos del cliente. El objetivo es proporcionar a todos los empleados el mejor uso posible.
Además, el rendimiento del sitio web se controla mediante métricas específicas, como los tiempos de carga, la frecuencia de uso de determinadas funciones del sitio y, si es necesario, una reducción en la frecuencia de uso de la función de búsqueda. Esto sirve para validar el diseño y mejorarlo aún más si es necesario.
Porque en el área de UUX siempre hay margen de mejora y los proyectos nunca están terminados al 100%. A diferencia de este informe de mi proyecto, que termino aquí :)