In-app notifications

To support the huge personalisation piece, in-app notifcations would be needed as a key communications channel. Push notifcations are too itrusive to support the volume of comms needed. Email loses some of the context of time, location, gamification etc. In-app notifcations however would be the goldilocks sweet spot.

Notif 1Notif 1
Notif 2Notif 2

Do our users differentiate between push and in-app notifications?

No. Except for a few tech savy students, they talk about them as the same thing. For this reason we considered a system that could send content by push and in-app as an option, or separately.

Research insights

Notif 4Notif 4
Notif 5 3Notif 5 3

Types of notifcation

Notif 6Notif 6

Ideation

Using the insights from surveys and secondary research we were able to take this into cross discipline ideation workshops and sketching sessions to come up with initial ideas.

Where should these notifcations live?

As a primary communications channel it took centre stage on the app and web interface.

Notif 7Notif 7
Notif 8Notif 8

Delete -vs- no delete

Notif 13Notif 13

User feedback

After capturing the success/failure of usability tasks we asked the users if there was anything missing. We then listened and sketched with them to capture their feedback.

Users asked for

  • Undo delted notifcations
  • Keep list of deleted notifs
  • Personalised notifs
  • Granular preference settings 
  • 'Save for later' to use as bookmarks
  • Folders to organise saved notifs
  • High priority notifs to stand out more

Iteration

After gaining feedback we updated our prototypes and kept iterating and fleshing out the details, moving closer to a viable final prototype.

Timestamping format

Notif 17Notif 17

Empty states

Notif 18Notif 18

Red dot behaviour

Notif 19Notif 19

Preferences

At this stage preferences were sketched out and explored preference settings to decide if they were necessary or not. We considered them not vital for an initial release.

Notif 20Notif 20

Large cards

Created to draw more attention using a larger size and striking UI, these alternative cards were also explored but considered not vital for initial release.

Notif 21Notif 21

Design for initial launch

Notif 22Notif 22

Work examples