Intro

SAP Fiori for Wear OS provides a consistent and holistic user experience for SAP software on wearables. Wearables are computer technologies that users wear on their bodies, creating a more personalized experience. Common types of wearable devices are smartwatches.

The purpose of wearables is to support an activity in the real world by providing additional information, for example, evaluations based on sensors tracking the body’s vitals, or glanceable instructions without touching the device.

Differences Between Mobile and Wearable Devices

Designing for smartwatch apps presents a fundamentally different approach from designing for mobile apps. Not only is the screen that users interact with much smaller, but also the way and duration users interact with the smartwatch app is different compared to mobile apps. Therefore, the most important aspect of creating a smartwatch app is to define focused wearable requirements instead of trying to mirror the scope of the mobile app. In addition, the user experience on a smartwatch cannot be compared to the experience of a mobile device and therefore follows different design principles.

Mobile devices as standalone devices with app focus and wearables as optional devices with device focus
Mobile devices as standalone devices with app focus and wearables as optional devices with device focus

In contrast to a smartwatch app, apps on a mobile device represent an end-to-end experience. That means, while the mobile device contains the complete app, the smartwatch version focuses more on informing the user selectively, with, for example, relevant notifications or complications, and a maximum of one or two functions that can be performed quickly.

Passive use and brief glance interactions with the end device predominate on the smartwatch:

Smartwatch usage categories
Smartwatch usage categories

In general, the usage of smartwatches is divided into the following categories:

  • 85 % passive use, such as usage of the sensor
  • 10 % looking at the smartwatch, such as notifications, complications
  • 5 % performing actions, such as setting timers

The image above shows that the way users interact with smartwatch apps differs greatly from mobile apps – especially in terms of passive usage. As a result, the design process for watch apps must start with specifying the requirements. If guidelines for wearables are not considered, not only will the added value of a smartwatch app quickly decrease, but also the general user experience of the app will be negatively affected. This may cause users to discontinue using the smartwatch app because they do not depend on it.

Do
  • Focus on single actions and relevant information.
  • Try to use one-tap interactions.
  • Minimize hierarchies within the app.
  • Leverage a “favourites” or “recents” feature as well as usage patterns to infer user-based relevance of content.
Don't
  • Don’t translate mobile app capabilities to the smartwatch.
  • Don’t apply mobile app information architecture to the smartwatch.
  • Don’t assume that the mental model for the mobile app is the same as for the smartwatch app.
Information
To keep future modification efforts low, we recommend creating designs for the smallest model from the smartwatch series first. 

Differences Between watchOS and Wear OS

Keep in mind that there are also platform-specific differences when it comes to smartwatch apps. The following table shows a rough overview of the most important differences of the operating systems Wear OS from Google and watchOS from Apple that influence the design of a smartwatch app.

Feature

Wear OS (Google)

watchOS (Apple)

Tiles Component Tiles offer users glanceable actions and information. Users can configure which tiles they want to be displayed so that they can access them by swiping from the watch face. Instead of tiles, watchOS supports dock cards that have similar properties as tiles.
Back Navigation/Cancel Swipe right or hardware button. Back button in title area or hardware button.
Text Layout Mostly centered. Mostly left-aligned.
Icon Buttons Very common. Rather uncommon.
Text Resizing Can be deactivated. Cannot be deactivated. Components need to be optimized for that feature.
Display Form Factors Round, square and rectangular displays. Square display only.
Handover Feature Default feature. Not supported by default.

Design Principles

The following principles provide an overview of the fundamental factors of good user experience for wearables and additional guidance for SAP-specific software on smartwatches:

  • Focus on critical information and tasks
  • Enable quick and informed actions
  • Show timely and relevant notifications
  • Provide device transitions
  • Leverage watch interactions
  • Include privacy and security features

Focus on Critical Information and Tasks

If you need a smartwatch extension of your app, you have to consider the most important and most used activities of your mobile app. Only focus on these one or two features for the smartwatch and avoid a complex information architecture.

Example of mobile versus smartwatch app features
Example of mobile versus smartwatch app features

Also consider the context in which the features you selected will be used:

  • Where might the users be at the point of interaction with the smartwatch app?
  • Do users require hands-free interactions?
  • Is the user’s environment changing?
  • What options could help users continue their task smoothly?

Keep in mind that users should always be able to see what the system is doing and that it is responding to their actions. Therefore, the UI should inform them about activity or status.

Voice assistant when no free hand is available (left), and automatic offline data storage to continue tasks even without reception (middle and right screen)
Voice assistant when no free hand is available (left), and automatic offline data storage to continue tasks even without reception (middle and right screen)

If your feature includes displaying multiple work tasks or to-dos, it must be apparent to users how many tasks they need to complete as well as the current progress. Also enable reminder notifications for critical work tasks or newly created ones.

Tasks and progress indicator of operations
Tasks and progress indicator of operations

Enable Quick and Informed Actions

To avoid users of a smartwatch app from taking out their phone during interactions, the activities on the smartwatch must be meaningful and quick to complete. In addition, the action to be performed should match the current context and the respective user. Therefore, only show one relevant action for this user that can be completed in less than 5 seconds. If the interaction takes more than 5 seconds on the smartwatch, users are more inclined to use their phone instead.

For actions to be performed quickly and easily, the app should also have a simple navigation structure as well as a minimal or no hierarchy. For more details about navigation within smartwatch apps, see Navigation. If possible, users should be able to complete an action and gain value with one tap.

Information
Previous smartwatch designs have shown that users engage more with a smartwatch app when it has one or two features.
Apple Clock home screen that shows recently used timers
Apple Clock home screen that shows recently used timers

The home screen of your app should contain actionable content. A good example for this is the Apple Clock app: instead of showing the user controls to set a custom timer, the app provides commonly used defaults on launch and further defaults can be found with a simple scroll. The timers the user sets most frequently are surfaced to the top of the list. This is also an example for so-called “smart defaults” that will be perceived by users as valuable, and usage will increase.

If your app provides different actions, use button hierarchy to highlight the primary from the secondary action or to make semantic actions, especially negative actions such as “Delete” or “Decline”, recognizable.

Primary button for the most important action (left) and semantic buttons (right)
Primary button for the most important action (left) and semantic buttons (right)

On a smartwatch, errors can quickly occur by accidentally pressing a button. Especially in cases of negative or destructive actions, a loading screen or confirmation screen should be integrated to quickly undo mistakes.

Smartwatch with confirmation dialog (left), loading screen (middle), and success screen (right)
Smartwatch with confirmation dialog (left), loading screen (middle), and success screen (right)

Show Timely and Relevant Notifications

An important feature of smartwatches are rich notifications that can be actionable. These are mirrored from your phone by default but can also be customized for the smartwatch.

Tapping on a notification from the notification center (short-look) opens a long-look interface with quick actions
Tapping on a notification from the notification center (short-look) opens a long-look interface with quick actions

Notifications should be short and concise, appear in the right moment, and be of relevance and added value for the user. This could be, for example, a notification that appears when the decibel level is above a threshold that can cause hearing impairment or a notification reminding the user of a task that needs to be done at a certain time.

Make sure that the notification text is short but contains the most important information for the user. For non-destructive routine actions, consider providing notification actions.

Provide Device Transitions

Since smartwatches show their full potential in combination with a paired smartphone, the smartwatch app should be considered as a companion to the mobile version of the app. The smartwatch experience should always be an extension and not a standalone app.

Therefore, users should be able to continue any interaction they started with the smartwatch app on their phone. Make sure to offer users a seamless handover from the smartwatch to other devices.

Device transition from smartwatch to smartphone to proceed smoothly with tasks
Device transition from smartwatch to smartphone to proceed smoothly with tasks

For example, the handover feature can be used for notifications: if users get a notification on their smartwatch, they have the option to open it on their phone to get the full context. Another example is the manual setting of displayable elements on the smartwatch, such as KPIs: provide a handover that takes the user to the respective settings on their smartphone.

Leverage Watch Interactions

On a smartwatch, where space is limited, it is important to offer the most common and native device interactions. Make use of touch gestures, such as scrolling and tapping, and use “swipe right to go back”. Similar gestures between smartwatch and smartphone help users to quickly familiarize themselves with watch interactions.

Enable haptics to build an engaging and personal watch experience. System-provided haptics, such as scrolling with the Digital Crown, give users a feeling for actions. Use haptics for different states (e.g., success or failure) and actions (e.g., start and stop).

The small screen of a smartwatch makes text input highly frustrating for users. Remember that after 5 seconds of interaction with the smartwatch, users are switching to their phone. To avoid this, consider offering fallback options, such as predefined answers in text fields or voice input that is converted into text.

Predefined responses (left and middle screen) or voice input option (right screen) as fallback options
Predefined responses (left and middle screen) or voice input option (right screen) as fallback options

Include Privacy and Security Features

Since a smartwatch is worn directly on a user’s body and can collect not only movement but also data through various sensors, it is extremely important in a corporate context to inform users about what data the app is collecting. Only access user data that is necessary and essential for the current app context and avoid recording personal data. Transparency about data privacy and the protection of personal data is essential for the user acceptance of your app.

Configuration of security settings for notifications
Configuration of security settings for notifications

Ensure that confidential company data is also protected, and only show necessary data that is essential in relation to the current task and context. Strive to let users configure how sensitive data is displayed on their watch.
Avoid including sensitive, personal, or confidential information in a notification. Especially company sensitive data must not appear in a notification.

Resources

SAP Fiori for iOS: SAP Fiori for watchOS Design Principles

Material Design: Design Principles