The good bits:

  • Hopper requires no account to make use of its product. The entire product is a free sample.
  • The second screen of Hopper’s intro tour is clear and actionable. It justifies why the user may want the app to have notification access, and the user generates the system’s notification dialog by tapping the “Notify Me!” button. If the user did not care to get notifications, she could select “Not Now” and could be shown the dialog again later in her experience.  If the app had simply shown the system dialog immediately, the new user may have been more likely to deny access, which would not give Hopper a second chance to show this dialog.
  • Hopper has a simple personal focus on its home screen. The user sees only a search field based on her location. This is a great way to guide the new user’s interaction, instead of bombarding her with the more detailed pricing comparisons and prediction graphs all up front.
  • Hopper provides guided interaction via a user-guided tutorial, progressively highlighting the most important parts of the UI as the user reaches those points.  These could later be leveraged to point out new features to existing users as a platform for continued education.
  • Hopper uses inline cue messaging on the blank slates of the “Prediction” and

To be improved:

  • The first screen of Hopper’s intro tour is dense on text and abstract on imagery, so the new user may be more likely to tap “Continue” without reading. Hopper should evaluate if the introductory tour is truly necessary. Even the notification justification screen could potentially be shown after the user searches for her first flight.
  • The loading screen, which occurs frequently as the user navigates between tabs, is a missed opportunity for educational messaging.
  • While the user guided tutorial tips are used sparingly, they should be modeless instead of being modal and requiring the user to tap the close button.