Prework Challenge 2 — Wireframing
For my wireframing challenge I chose the same app I was working on before: the BVG ticketing app. I decided to work on the booking-train-ticket flow. The reason why I chose to work on this app, is because I like the simplicity of it and found the usability very good.
For my wireframes I used Figma again. From the Wireframe kit I collected the buttons, texts, icons, toggles and other elements I needed.
I drew the user flow in lo-fi and prototyped it. In the flow, the user starts in the main screen which shows the different ticket options the user has. After chosing the ticket, the user reaches the ticket booking frame. Here they find the details of their ticket, as well as it’s price and the PayPal & purchase button. The next frame is the ticket store, which shows the user’s ticket with the matching QR code. Using the menu bar in the bottom, the next screen is the user’s profile and the settings. From there, the settings can be adjusted in another frame.
