Skip to main content
Question

How to take account of user's previous actions? (e.g. ticket booking or group creation)

  • April 29, 2024
  • 2 replies
  • 135 views
Lucrezia

hi everyone. I am a student attending a course on human centered design and as final assignment we are asked to create a high-fidelity prototype of an app we invented.

My team and I decided to create an app from which you can book museum tickets of all museums in our country and in Europe, to avoid purchasing them from 100 different websites. In the med-fi demo, you can buy tickets for vatican museums in Rome and then you will be able to view them by clicking on the Ticket section in the nav bar on the bottom (kinda like Airbnb). The demo also allows you to create groups where you can add people you will travel with and share the tickets you bought with everyone in the group, to avoid sending them via message.

The problem is that when someone plays the demo, I want it to take into account whether the user has created a group/added tickets to that group and if they have bought tickets. I want it to work in a way that if the user purchases tickets and then goes back to home or goes to the user account settings or explores new museums without buying tickets, that at any point of whatever flow of actions he follows, he can view the tickets in the Ticket page, only if the user has already bought them. I want the same outcome for groups too.

I already tried with conditionals and for group creation it’s working: if the user clicks on Group icon he will see the new group only if he had already created one.
Also, I don’t want to create a thousand frames copying every section of the app and making the user land on them only after purchasing tickets, because it is messy and tedious to always copy frames.

I am a beginner in using Figma and don’t quite understand how variables and variants work (my current guess is that the solution lies in variants, variables and components).

Can somebody suggest how to proceed? We are currently in the med-fi stage but need to develop a high-fi for the final assignment in 3 weeks. I tried watching youtube videos and I can’t seem to find the answer to my problem.

Thank you to whoever takes the time to read this and help 🙂

2 replies

J
Figmate
  • Junko3
  • Figmate
  • 1833 replies
  • April 30, 2024

Hi @Lucrezia, Thanks for reaching out about your prototype design. Your app sounds extremely handy and fantastic!

From what I gather, you’ve already created a prototype for creating a group and are now looking for a way to send tickets that a user has already bought to the members of an existing group. Is that correct?

If possible, could you share your design file and prototype with our community, pointing out where you’re facing your challenge and what you’re aiming to achieve?
This would allow our community to get a better grasp of your design approach and visualize the end goal. That way, our community’s experienced designers might be able to offer some advice tailored to your design.

I appreciate your efforts in exploring Youtube. I understand it can be tough to find the exact resources you need.
However, if you’re keen to learn more about components and how to create variants, here are some resources from Figma Youtube channel that could be helpful:

Also, as you mentioned, variables might be a great help for your app. They store reusable values that can be applied to various design properties and prototyping actions. Here are some resources to help you get started with them:

Additionally, you might want to explore our community for any design files with similar concepts. For instance, you can check out some results for a ‘ticket app’ right here.

I hope this sheds some light on things. If I misunderstood anything, please feel free to clarify. And of course, if any community members have insights or suggestions, we’d love to hear them.

Thanks again for bringing this to our attention!

Lucrezia
  • Lucrezia
  • Author
  • 1 reply
  • April 30, 2024

Hi @Junko3 thank you so much for answering! I’ve been watching the videos and they are really helpful, especially the study hall. I believe the solution lies in there, but still, I will explain the problem more in depth.

Let’s say that you want to purchase some tickets for the vatican museums. You will go to the dedicated section and go thorugh the whole purchasing process. Once you purchase the tickets you will see them in the My Tickets section.
Up to here we are fine.
My assumption as the designer is that the flow of actions will be home>ticket purchasing.
What if you first visit every seciton in the nav bar before purchasing tickets? Every section is a different frame, which has a nav bar. How can the prototype know that, no matter how many times you visit the other sections, it must show the purchased tickets in the section My Tickets only after you went to the purchasing process?
I know I could achieve this through creating mutliple frames but honestly I’m convinced there is a more simple and seamless way to do this.

Here is the link to view the med-fi prototype.

Med-fi prototype

Even if maybe you can’t help, thanks a lot for the videos!

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings