iOS Part I: Event Details Redesign
Originally optimized for the iPad, this information-intensive step of the user journey was frustratingly fitful, taking users into different views that slowed down entry. With other issues like small touchpoints, illogical order of operations, lack of hiearchy, mysterious action buttons, the old event details flow was ripe for a rethink.
One of the obvious features we wanted to add was smart search for event location. The backend was already set up for our desktop web app so traslating the work I had done from there to mobile was pretty straight forward.Since a lot of hosted events on mobile are private parties, we wanted to make it easy for a host to edit search results to add apartment number or completely custom address entries.
The vertical slide felt faster than the traditional sideways slide transition. This also removed contextual confusion from the user of moving “right” to the next step of the process. This contributed to the goal of reducing friction in this step to move the user to delivery.
iOS Part II: Upcoming Events
We wanted to keep the actions straightforward for the Host or the Guest, so we used the user journies we created earlier to define a set of CTA's and an order in which they would appear depending how close to the date of the event.The scope of this action mapping started large, and once we were satisfied that all the different use cases were satisfied, we widdled down the CTA's to the essential few that we would build into the MVP.
These were a couple of prototypes I made in Framer JS as I was exploring this option. The feedback I got was while it was lightweight, fast and actionable, it wasn't in the user's face enough, and wouldn't be a dramatic enough way to test our assumption.
In the end we stitched together a seamless experience between the user's homepage and their event. The main CTA on each event card takes the user to a specific action within the event page. We saw a dramatic increase of event page response and prompted us to continue planning utility features within the app.