Strategies and Good Examples of Multiscreen UX

In last blog post, I talked about some basic principles to follow when designing for multi-screens. There is 3Cs Framework (Consistent, Continuous, Complementary) I found extremely helpful when analyzing the strategies of multiscreen design.

However, there are more specific strategies could be discussed which I believe can also fit into the 3Cs Framework. The book Multiscreen UX Design provides 17 strategies of multiscreen UX, and I tried to categorize them into the 3Cs Framework:

  • Consistent

    • Mobile First: Concentrate on the smallest device first, which forces a meaningful structure of information
    • Coherence: Individual features are optimized for device capabilities
    • Fluidity: The display is switched between the screens involved
  • Continuous

    • Device shifting: The display of information or content is shifted to a separate device by the user
    • Synchronization: Information is kept in sync and up-to-date across devices.
Continue Reading »

Relax or Stress?

Airbnb.com, booking.com, homeaway.com, and many other vacation rental websites have expanded the universe of what is available to travellers and what travellers expect on vacation.

User experience and how users interact with a booking website and the vacation experience means that homeowners wanting to earn passive income need to be aware of who their users are and what they want.… Continue Reading »

Design Critique: Kindle Notebook Interface (PC app)

Figure 1.          

This critique evaluates the interface of Notebook function on Kindle PC app. The Notebook stores the following type of notes: bookmarked page, user’s written notes, colored highlights, starred highlights, and popular highlights from other users. Users can select from a drop-down menu to review their preferred type of notes. In addition, users can star or delete a specific highlight or written note.… Continue Reading »

Design Critique: The FOIA Electronic Reading Room of the CIA [website] (Or: Better Design as a Key Issue in Public Access to Government Information)

 

The Central Intelligence Agency’s (CIA) FOIA Electronic Reading Room (www.cia.gov/library/readingroom) is a section of the CIA’s overall website dedicated to providing public access to CIA documents that have been released under Freedom of Information Act (FOIA) requests and/or other information release mechanisms. This section of their website hosts a number of digital/scanned agency records and provides access to these records to the public via links and search tools.… Continue Reading »

Design Critique: 8fit (Android app)

Introduction

8fit Workouts & Meal Planner is a mobile health and fitness app offering free personalized workouts with step-by-step guidance. Exclusive workouts and meal plans are available with subscription to 8fit Pro but this review is for the initial set-up and use of the free version of the 8fit app. The 8fit app aims to simplify fitness and nutrition, and to create a healthy lifestyle change for everyone, from beginners to advanced fitness enthusiasts.… Continue Reading »

Design Critique: WhatsApp (iPhone app)

Conversation Page of WhatsApp

Description

The conversation page of WhatsApp is what shown after user clicks any individual/group chat in chat list of the app’s 4th main tab, where they can communicate with other users through rich text, voice messages voice calls or video calls. In addition, it also supports document, location and contact sharing to enable a rich communication platform.… Continue Reading »

Design Critique: Transit (iPhone App)

Transit is a mobile app that provides directions for public transportation systems in over a hundred cities around the world. The app also allows users to subscribe to real-time updates for routes that they frequent. I’ll be critiquing the app from the standpoint of a user in New York City who only uses the subway.

The natural mapping

The home screen of the app shows the user’s GPS location on an interactive map with the closest routes listed underneath, sorted from nearest to furthest:

           

 

The action cycle is very clear throughout, bridging the Gulf of Execution and the Gulf of Evaluation by making the design simple yet comprehensive. Continue Reading »

Design Critique: Zillow (website)

Zillow’s homepage

 

Introduction

Zillow is an online real estate database, which aggregates content from multiple listing services across the United States and Canada. Users may search the site for home rentals, sales, auctions, and foreclosures. Features of the site include the ability to save searches with multiple criteria, save favorites homes, and share these favorites with others.… Continue Reading »

Design Critique: Fabulous – Motivate Me! (iOS App)

Fabulous is a science-based app, incubated in Duke’s Behavioral Economics Lab, that will help you build healthy rituals into your life, just like an elite athlete. Users can start by picking one of four Journeys: Feel more energized, lose weight, sleep better, or focus and concentrate better. With your goal defined, Fabulous will break down users approach into simple daily steps.… Continue Reading »

Principles of Designing for Multi-screens

Today, human live with screens, and most likely, with multi-screens. There are PCs, smartphone, tablets, TVs, smartwatches and more. People use them for different occasions or use them together. As a designer, I heard about terms like “mobile-first” and “responsive” a lot and have actually designed products across different platforms, while I found there is still a gap and struggle of designing for multi-screens.… Continue Reading »