← All work ThoseNights · iOS app

A social calendar that tracks your nights for you

ThoseNights was a concept for an iOS social app that tracks where you go during a time window you set. Afterward you confirm where you were, choose which moments to publish to your profile, and follow your friends' nights.

Role
UX Designer
Date
February 2015
Client
ThoseNights, through HappyFunCorp
Team
1 visual designer, 1 engineer
Four ThoseNights screens: the landing screen, home, a friend's night, and comments

Scoping

Fitting the vision to the budget

Instead of checking in everywhere, ThoseNights would track you passively during the hours you choose, like a night out. The app records where you went, then lets you corroborate it and curate what's worth sharing.

Before starting, I met with the client to understand what she wanted. I scoped her requirements in a product priority matrix, balancing what she felt was important with what we could build within budget.

Product priority matrix with use cases and user stories
A page from the product priority matrix.

Page map and flows

Mapping the pages and key interactions

With the client, I mapped every page in the app, then the key flows for profiles and notifications, including what's public and what stays private.

ThoseNights app page map
App page map
Profile interaction flow
Profile interaction flow
Notification interaction flow
Notification interaction flow

Wireframes

Annotated screens for the whole team

Once the logic and basic interactions were agreed on, I created wireframes from the priority matrix, with notes on how each screen should behave.

Wireframes for curating a night, with notes
Curating a night
Profile wireframes with notes
Profile
Interaction guide for gestures and navigation
Interaction guide

Visual design

Key screens

Splash screen
Splash
Landing screen with Facebook and Google sign in
Landing
Automatic tracking setup with start and end times
Set the tracking window
First time home screen with ways to find friends
First time home
A night with a timeline, badge and friends
A night
A night with photos from a location
Moments from a night
My profile with public and private nights
My profile
Profile with a notice that two nights need to be published
Nights to publish
Another person’s profile
A friend’s profile
A friend’s list of nights
A friend’s nights
Friend suggestions
People you may know
People who liked a night
Likes
Comments on a night
Comments

Scroll sideways to see more screens

Concept · not the shipped app

Redesigned for today

How I'd update it with today's mobile patterns

Passive location tracking asks for a lot of trust, and expectations around privacy are much higher than they were in 2015. This concept keeps the idea and puts people in control of it.

  • Always know it's on. A lock screen live activity shows that tracking is running, what it has captured and when it stops, with pause and end controls.
  • Private by default. Nothing is shared until you choose, and the recap says so.
  • A recap worth opening. The night comes back as a map of places in order, with photos and friends grouped by stop.
  • Choose moments, then the audience. A photo grid with quick multi-select, filters by place and a clear choice of who sees it.
Concept lock screen live activity
Live activity
Concept night recap with a map of places
Night recap
Concept grid for choosing which moments to share
Choose moments
Concept glasses settings with hands-free capture and moments from the glasses
Glasses
Concept · new devices

Smart glasses

Hands-free moments with smart glasses

Smart glasses make the original idea more natural than it was in 2015. Instead of pulling out a phone, people could capture moments hands-free during their tracking window, and review them later in the same private recap.

View through smart glasses at night, with a quiet heads-up display showing tracking status, the current place and a moment saved
What the wearer sees. A quiet heads-up display shows that tracking is on, where you are, and when a moment is saved.

Glasses capture, the phone decides

The glasses only do the quick part, capturing a moment with a tap on the frame or by saying "save that." Everything that needs a decision stays on the phone, using the same patterns as the rest of the app.

  • A recording light on the frame so people nearby know when it's capturing.
  • Ask before saving for people who want to approve each moment on their phone.
  • Marked as from your glasses in the recap, so it's clear where each moment came from.
  • Same rules as the phone. Tracking is visible, it stops when you say, and nothing is shared until you choose.
Smart glasses next to the ThoseNights glasses settings screen on a phone
Glasses pair with the phone app, where capture settings and the night's glasses moments live.