Airbnb Wireframe
Remember a time pre-COVID-19 when we did things like travel and share living spaces? I personally had plenty of travel plans in March, mostly using Airbnb, all of which I had to cancel. Now more than ever, we need to open our travel related apps and contact customer service, the host, or whoever else can help guide us in our journey to alter our once promising future plans. I decided to create a prototype to show this user flow.
The most difficult part about creating wireframes for me is definitely adjusting to accepting simplicity. I keep wanting to add more and create an accurate representation of the final product… but that quickly becomes a major investment of unnecessary time and energy. However, I love creating a product from scratch and feeling accomplished when it all fits into place. This was a great challenge to get the hang of using wireframe components and starting to get speedy in throwing together quick prototypes to test out what needs improving. I made some extra wireframes to get more acclimated and decided to show the two different routes a user can take in order to contact a host with concerns, requests or changes.
The user opens up the application at the home screen, which can always be accessed by clicking the magnifying glass. In order to contact a host for a booked trip, the user then taps on the airbnb symbol, which takes them to “Trips”, and can then tap on the specific trip, “show details”, followed “message host”. An alternative route, also shown here is to tap on the message icon at any point and enter the conversation with the relevant host.
I learned the importance of always having multiple routes throughout an app in order for the user to navigate to their destination. This is especially true for when stressful circumstances arise and the user needs to communicate alterations quickly and efficiently.
