LifeLog

2023

Case Studies

Background: LifeLog, a productivity startup, envisioned an Apple Watch app that would redefine personal time management. They sought our expertise for an innovative yet intuitive calendar design.

Challenge:

  1. Presenting a month's view on a compact screen.

  2. Ensuring easy navigation between dates and events.

  3. Quick event addition without cumbersome text inputs.

Solution:

  1. Radial Calendar Display: We designed a circular month's view, taking advantage of the Apple Watch’s round interface. Each segment represented a day, color-coded by the user's schedule density.

  2. Gesture-Based Navigation: Users could swipe vertically for a day-to-day view, and horizontally to see detailed events for a selected day. A force-press gesture allowed users to toggle between week and month views.

  3. Voice Input: Recognizing the challenges of text input on a small screen, we integrated Siri voice commands for quick event additions and updates.

Outcome:

The LifeLog Calendar app was lauded for its unique design approach tailored for the Apple Watch. Users appreciated the effortless navigation and quick event inputs, which set it apart from competitors. In its first month post-launch, LifeLog saw an impressive 60% surge in downloads and received positive feedback for its user-centric approach.

Applying Your Knowledge of FOV

Application Case 1
  • Position waypoint markers and distance indicators in near-peripheral vision where they're noticeable but don't obstruct the path ahead

  • Only bring directional arrows to central vision when approaching decision points (like intersections or turns)

  • Use the far peripheral zone for optional points of interest or contextual information about surroundings

Application Case 2
  • Position waypoint markers and distance indicators in near-peripheral vision where they're noticeable but don't obstruct the path ahead

  • Only bring directional arrows to central vision when approaching decision points (like intersections or turns)

  • Use the far peripheral zone for optional points of interest or contextual information about surroundings

Application Case 3
  • Position waypoint markers and distance indicators in near-peripheral vision where they're noticeable but don't obstruct the path ahead

  • Only bring directional arrows to central vision when approaching decision points (like intersections or turns)

  • Use the far peripheral zone for optional points of interest or contextual information about surroundings

Key Takeaways

Host your online course directly in Framer on your personal website and protect it with Framer Auth.

Best Practices
  • Keep central vision (0-15°) clear for real-world interaction

  • Use peripheral vision (15-60°) for most UI elements

  • Reserve central interruptions for critical information only

Common Mistakes
  • Keep central vision (0-15°) clear for real-world interaction

  • Use peripheral vision (15-60°) for most UI elements

  • Reserve central interruptions for critical information only