As discussed in my last blog, even though I had a lot of fun thinking about the overall user flow of my taxi app, due to time constraints, I cannot design every screen. I also need to remember that for this project, I need to design UI for the screens inside the autonomous vehicle itself. Since my critique for this project is next week, I want to have both the UI of my app and the UI for the screens inside the vehicle done; so that I may gain feedback for both.

Wireframing

Since I initially decided to make an app to demonstrate how users can call for a taxi and pay, I decided to focus on the screens which show the user flow of these two features. I went back to the user flow that I had made and highlighted which screens I wanted to wireframe ( using a very useful star sticker feature in Figma );

While wireframing, the layouts of my a were very much influenced by some of the UI layouts I saw while studying the user flow of Bolt, Gett, and uber. I also took lots of inspiration from prototypes that I saw on Figma such as;

And here is the rough wireframing that I sketched;