The most important part of the interface was, as expected, the most difficult to get right. We needed to identify what information we presented, which came down to identifying what the app's purpose really was. Should we simply show you the name and location on a map and call it done? Can we include supporting information to help the user if the result we gave them is good enough? If so, what should we include? We knew that other than the name, the hours of operation were important to know (we aren't going to show a search result for a location that's closed but if the user performs a search at 8:52 PM and the location they're served closes at 9:00 PM that's important to know). When it comes to other information we (wrongly) suspected that the user wouldn't care too much. We quickly found out in our testing that this was a bad assumption.
We identified that the most important information we needed to include was the name, address, hours of operation, reviews, and pricing. This isn't too much information but it's difficult to present it all and keep with our clean and minimalist style. We played around with some iconography for the ratings and cost, but ultimately reverted to sentence structure to maintain our narrative experience (which I talk about further down the page.)
Originally, once a restaurant was chosen that was the end. The only other option was to search again. This left us feeling like the experience was lacking. After some discussion we realized that this shouldn't be the end of our relationship with the user. Rather than simply give you a place to go and calling it a day, we want to increase engagement and see our job all the way through. It was after realizing this that we decided to build in one more step to the flow – navigation.
When a location is served there are two options: "redo" the search and "go". If you tap "go" the screen transitions into a "navigating" state. We show some more details about the location – hours, contact information, the option to see the menu, etc. – and use the top portion of the screen to show the navigation on the map. The user can use this to walk to the chosen location and see supporting information on the location they're going to.