A continuación se muestra un intercambio de problemas y soluciones, con todas mis sugerencias de rediseño explicadas junto con el razonamiento detrás de estas decisiones.
Problema 1: No hay un formato claro en términos de iconos, imágenes, colores, etc.
Solución 1: Uniformidad y jerarquía en el tipo y los elementos de la interfaz de usuario, un tema recurrente e identidad de marca.
Las diversas imágenes hacen que la interfaz de usuario esté extremadamente llena sin ningún punto de interés. Tampoco hay ninguna identidad de marca visible en toda la aplicación.
¡Así que estaba a las puertas de Internet en busca de información!
estudié Diseño de materiales de Google biblioteca (¡esta selección nunca deja de sorprenderme!) y navegué por varias aplicaciones que encuentro extremadamente bien diseñadas y que son muy fáciles de usar, como Swiggy, Zomato, Yulu, Big basket (¡gran fan!🙋🏽♀️)
Mi objetivo es utilizar mucha más iconografía y colores de marca (he tratado de permanecer lo más cerca posible de la marca original) y minimizar el uso de imágenes y proporcionar más espacio en blanco.
Panel de estado de ánimo y elementos de la interfaz de usuario
Problema 2: Desplazamiento vertical interminable sin apenas generar información o interés.
Solución 2: utilizar el desplazamiento horizontal para reducir el desplazamiento vertical general en la página de inicio y cubrir más ofertas.
Hay varias imágenes de ofertas individuales además de la primera diapositiva de imágenes destacadas. Muchos usuarios mencionaron que no se desplazan porque lleva demasiado tiempo. Entonces, decidí proporcionar varios controles deslizantes de imágenes, que muestran las principales ofertas, en varios cruces de la pantalla de inicio.
Esto mantendrá al usuario interesado en toda la página y también cubrirá todas las ofertas necesarias, como ofertas festivas, ofertas diarias/mensuales, ofertas de pago, etc.
Problema 3: mala accesibilidad a las funciones, estilo de interfaz de usuario obsoleto
Solución 3- Agregar una barra de navegación inferior con las funciones principales.
Las barras de navegación inferiores son más accesibles y fáciles de usar, dada su ubicación estratégica en la pantalla del teléfono.
Imagen cortesía de: Fundación de Diseño de Interacción
Por lo tanto, agregar una barra de navegación inferior que contenga las funciones principales como “Inicio”, “Buscar” (aparte de la barra de búsqueda principal), “Perfil”, “Carrito” y “guardado para más tarde” (listas) sería una buena adición y Haría que la pantalla principal se viera limpia y menos abarrotada.
Problema 4: Funciones mal ubicadas, flujo de usuarios confuso.
Solución 4: Mover “Categorías de productos” a la parte superior de la pantalla de inicio, debajo de la diapositiva de la imagen principal, para facilitar el acceso.
Las “Categorías” se encuentran dentro del menú de hamburguesas y al final de la página principal, lo que las hace repetitivas y mal ubicadas. Planeo colocar las categorías en forma de desplazamiento horizontal debajo de la diapositiva de la imagen principal.
Comparación funcional: pantalla de inicio
Problema 5: funciones especiales que no se muestran y no están disponibles para un fácil acceso.
Solución 5: mostrar características especiales
Compartir un carrito, el pedido de recarga y el pedido de complementos son las mejores funciones de la aplicación DMart, pero no se promocionan lo suficiente como para que los usuarios lo noten rápidamente y lo utilicen. Por tanto, moverlo a la parte superior de la página, debajo de las categorías, será una buena solución.
Funciones en la parte superior de la página, presentación de diapositivas que explica el uso.
Problema 6: búsqueda basada únicamente en la entrada de palabras clave.
Solución 6: la búsqueda se simplifica al proporcionar funciones como ordenar/filtrar y recomendaciones de búsqueda
La barra de búsqueda ahora mostrará sus búsquedas anteriores junto con las búsquedas recomendadas basadas en búsquedas de usuarios populares.
La página de resultados de búsqueda también contendrá una opción de clasificación/filtro para ordenar los resultados de la búsqueda según el tipo de producto, rango de precios, rango de descuento, categorías, calificaciones, etc.
Problema 7: no se puede obtener información de entrega antes de agregar artículos al carrito.
Solución 7- Para proporcionar información sobre los espacios de recogida/entrega disponibles para pedidos-
Los espacios disponibles para la recogida/entrega del pedido no se proporcionan hasta que terminemos de agregar todos los artículos al carrito y pasemos a elegir entre Recogida/entrega.
Muchos usuarios se quejaron de que les frustraba que no hubiera espacios de entrega disponibles y hubieran dedicado todo su tiempo a agregar artículos al carrito para su pedido.
Propongo proporcionar los últimos plazos probables de entrega para los pedidos realizados en ese momento en la propia página principal. Esto ayudará a los usuarios a decidir si quieren dedicar tiempo ahora o si realizarían el pedido más tarde.
Comparación funcional- Buscar
Problema 8: no hay forma de comparar las opciones disponibles para el mismo producto
Solución 8: Proporcionar un menú desplegable para varias variedades de un producto para comparar precios en el mismo lugar.
DMart es bien conocido por sus productos al por mayor como comestibles, artículos de tocador, etc. Dado que hay varias opciones en términos de cantidad y tipo para un solo artículo, propongo proporcionar un menú desplegable para comparar las distintas variedades de un solo producto a la vez. un solo punto, sin desplazarse interminablemente.
Comparación funcional- Carrito
Problema 9: Funciones mal ubicadas, lo que crea un flujo de usuarios confuso.
Solución 9- Reunir funciones aliadas, haciéndolas inherentemente accesibles.
La página “Mi cuenta” debe incluir detalles sobre direcciones, pedidos anteriores, opciones de pago guardadas, etc. de una manera fácilmente accesible (preferiblemente con la menor cantidad de clics posible), algo que el diseño actual no admite.
El rediseño se adaptará a las direcciones de entrega y pedidos anteriores y también agregará nuevas funciones como reseñas y calificaciones de productos, notificaciones de productos u ofertas agotados, etc.
Este proyecto definitivamente fue muy desafiante, pero también una experiencia de aprendizaje increíble. Aquí hay algunas lecciones importantes que aprendí de esta experiencia:
La investigación es clave.
Por mucho que intentes estar en el lugar del usuario, al final del día, ser diseñador siempre juega un papel en el pensamiento de diseño. Por lo tanto, es muy importante realizar tantas encuestas de usuarios, cuestionarios, pruebas de usuarios, etc. Aquí es donde se puede vislumbrar cómo se utilizaría la aplicación en el mundo real.
2. El rediseño nunca está completo.
Cada día se crean nuevas tendencias, nuevas formas de hacer que el viaje del usuario final sea fácil e interesante. En este mundo en constante cambio y lleno de mejoras, el proceso de diseño tampoco se detiene en uno o dos diseños/rediseños.
Es un proceso continuoy aceptar esa realidad brinda esta sensación de libertad de expresión y creatividad y algo que esperar con ansias todos los días.
3. Del mismo modo, no se pueden abarcar todos y cada uno de los temas.
Está muy bien dicho: “Por mucho que lo intentes, siempre quedará algo fuera”.
Como individuo, tener en cuenta que tiene que haber un punto en el que hay que detenerse es una comprensión importante. Tratar de cubrir todos los aspectos y posibilidades es como saltar a esta madriguera de la que no pueden salir (¡manténganse a salvo y cuerdos!)
¿Te gustó este artículo? ¡Espero que lo hayas hecho! 😁
Envíeme sus comentarios a divyav1232@gmail.com o no dude en ponerse en contacto conmigo si cree que hay margen de mejora. ¡Me encantaría poder discutir, aprender y perfeccionar mis habilidades y conocimientos!
Además, si conoces o te encuentras con el equipo de diseño y backend de DMart, ¡me encantaría que pudieras contactarme con ellos! (Si están leyendo esto, ¡pongámonos al día!) Me encantaría comprender el proceso de primera mano y analizar las posibilidades.
Linkedin | Instagram | Facebook