Descripción del proyecto

Este proyecto consiste en el rediseño de la página web para el restaurante Dong Sushi, cuyo objetivo es que lo clientes puedan hacer sus pedidos online sin problemas. Dong Sushi es un restaurante que ofrece una calidad excepcional en comida japonesa con sus platos recién hechos. Con este nuevo diseño, los clientes podrán realizar pedidos online de forma rápida y sencilla, a la vez ofrecer tener una experiencia agradable para el usuario. Esta futura página web funciona perfectamente en distintos dispositivos con el propósito de que los usuarios puedan pedir comida en cualquier momento y lugar.

Definición del problema

Hoy en día mucha gente está ocupada la mayor parte de sus días y no siempre encuentra el tiempo para cocinar. Muchas personas optan por pedir comida a domicilio, para así ahorrar tiempo sin renunciar a una buena comida. La página web actual del restaurante está anticuada, pero el principal problema es que no funciona correctamente, además de ser poco intuitiva. Además, no funciona correctamente en distintos dispositivos.

Roles

Research
Wireframe
User Flow
Diseño UX
Diseño UI
Prototipos

Proceso de diseño

Este proceso de diseño no es lineal. Se avanzó y retrocedió de una fase a otra para adaptarse a las necesidades de cada proyecto.
Research
Personas
Journey Map
Problem Statement
Puntos débiles
Análisis competitivo
IA
Wireframes
Prototypes
Mockups
UX Research Plan
Usability Study
Affinity Diagram
Insights

Emphatize

Búsqueda de información
Personas
Journey Map

Búsqueda de información

No items found.

Para entender mejora los usuarios, creé diferentes personas y un journey map. También realicé una serie de entrevistas y creé mapas de empatía para encontrar los puntos débiles y necesidades. Un grupo primario de usuarios identificado durante la búsqueda de información son los usuarios que disfrutan con la comida y pidiendo comida a domicilio online, ya que no tienen mucho tiempo para cocinar ni para ir a un restaurante. Estos son los insights clave:

  • Los usuarios prefieren utilizar la página web en vez de llamar por teléfono
  • Los usuarios prefieren la entrega a domicilio
  • Los usuarios no están a gusto con la página web actual

Personas

No items found.

User Journey Map

Definir

Definición del problema
Puntos débiles
No items found.

Ideate

Competitive Audit
Information Architecture
No items found.

Design:

Early Stage

Paper Wireframes
Digital Wireframes
Low-Fi Prototype

Paper and digital wireframes

El primer paso en la fase de diseño fue hacer una serie de bocetos en papel de algunas de las pantallas, para así probar las distintas ideas que tenía en mente. Se añadieron algunas anotaciones dibujando una estrella en los detalles que más gustaban, y que posiblemente aparecerían en los wireframes o bocetos digitales. Como muchos usuarios se quejaron de que tenían problemas utilizando la página web en su teléfono móvil, se diseñó también distintos tamaños de pantalla para asegurarse de que tiene una buena respuesta en varios dispositivos.

No items found.

Low-Fidelity Prototype

Se conectaron todas las pantallas implicadas en el flujo de uso o user flow primario para crear el prototipo de alta fidelidad. El user flow primario consiste navegar por el menú, añadir un producto a la cesta y completar el pedido. Gracias al feedback de los usuarios sobre mis diseños acerca de la organización de la página web y las nuevas funciones, pude implementar varias sugerencias a mi diseño inicial y así resolver varios problemas para el usuario.

Ver prototipo de baja fidelidad

Test

UX Research Plan
Usability Study
Insights
No items found.

Insights

Prioridad 0

1. Partiendo del tema de que: algunos no entienden el desglose de los gastos al finalizar su pedido, un insight o conclusión es: los usuarios necesitan mejores indicaciones en la página de confirmación del pedido.

2. Partiendo del tema de que: algunos usuarios tienen problemas retrocediendo en los pasos durante el proceso de finalizar el pedido, un insight o conclusión es: los usuarios necesitan un botón en la página para poder tomar pasos atrás en caso de ser necesario.

Prioridad 1

1. Partiendo del tema de que: varios usuarios no se sienten cómodos teniendo un único método de pago, un insight o conclusión es: los usuarios necesitan más métodos de pago como por ejemplo Paypal, Google Pay,etc.

Design:

Refining the Design

Mockups
High-Fi Prototype
No items found.

Prototipo de Alta Fidelidad

El prototipo de alta fidelidad tiene el mismo user flow que el prototipo de baja fidelidad. Se realizaron algunos cambios en el diseño sugeridos por los usuarios gracias al estudio de usabilidad.

Ver prototipo de alta fidelidad

Conclussion

Lo que aprendí

Los usuarios a los que se dirigía este proyecto se mostraron satisfechos con el nuevo diseño actualizado, y consideraron que la navegación era intuitiva, una página más atractiva y fácil de explorar. He aprendido que todas mis decisiones de diseño tienen un gran impacto en la experiencia del usuario. Como diseñadora, tengo que centrarme siempre en las verdaderas necesidades de los usuarios cuando pienso en crear soluciones de diseño.

Siguientes pasos

Realizar una segunda ronda de estudios de usabilidad para validar que todos los problemas que sufrían los usuarios han sido resueltos. Determinar si hay algún nuevo “pain point” que debe ser abordado. También pedir la opinión de compañeros diseñadores para mejorar el producto si es necesario.