Wearable Widgets for Galaxy Watch

Wearable Widgets for Galaxy Watch

Visual Systems

I created a consistent visual system for Galaxy Watch widgets, refining hierarchy, color, typography, charts, and circular progress patterns so information could be understood at a glance.

Duration

2020

Company

Samsung

Role

UI Designer

Scope of work

Widget UI, visual hierarchy, typography, color, World Clock

Visual Systems

I created a consistent visual system for Galaxy Watch widgets, refining hierarchy, color, typography, charts, and circular progress patterns so information could be understood at a glance.

Duration

2020

Company

Samsung

Role

UI Designer

Scope of work

Widget UI, visual hierarchy, typography, color, World Clock

Context

Context

Widget for Watches

Galaxy Watch widgets had grown inconsistent as more information was added to a small circular display. I refined progress indicators, color, typography, charts, and rounded UI elements to create a more coherent system that made important information easier to recognize at a glance. The work contributed to Samsung’s One UI principles for wearables: clear information, concise presentation, and a unified interface.

Galaxy Watch widgets arranged on a black background, showing several information and shortcut patterns.

Context

Context

Widget for Watches

Galaxy Watch widgets had grown inconsistent as more information was added to a small circular display. I refined progress indicators, color, typography, charts, and rounded UI elements to create a more coherent system that made important information easier to recognize at a glance. The work contributed to Samsung’s One UI principles for wearables: clear information, concise presentation, and a unified interface.

Widget System

Widget System

Designing for Quick Scanning

Widgets let people view information or take simple actions without opening an app. Because users move between widgets by swiping or turning the bezel, I kept each screen concise and within a single eyespan so information could be scanned without scrolling.

Informative, interactive, and shortcut widget examples for Galaxy Watch.

Widget System

Widget System

Designing for Quick Scanning

Widgets let people view information or take simple actions without opening an app. Because users move between widgets by swiping or turning the bezel, I kept each screen concise and within a single eyespan so information could be scanned without scrolling.

Typography

Typography

Typography and Layout

I used visual hierarchy to distinguish current progress from target values. Large type emphasized information that changes, while smaller type handled values users already knew. A bolder circular progress bar made completion status easier to understand during quick glances.

Progress bar, typography hierarchy, and steps widget examples for a circular watch display.

Typography

Typography

Typography and Layout

I used visual hierarchy to distinguish current progress from target values. Large type emphasized information that changes, while smaller type handled values users already knew. A bolder circular progress bar made completion status easier to understand during quick glances.

Color

Color

Color System

I organized color by app so people could recognize related functions quickly. Clock experiences shared primary and secondary colors across Alarm, World Clock, Stopwatch, and Timer, while health widgets used a consistent health palette. Heart rate and stress used a distinct orange to separate medical monitoring from general health activity.

Color groups for time and health-related Galaxy Watch applications.

Color

Color

Color System

I organized color by app so people could recognize related functions quickly. Clock experiences shared primary and secondary colors across Alarm, World Clock, Stopwatch, and Timer, while health widgets used a consistent health palette. Heart rate and stress used a distinct orange to separate medical monitoring from general health activity.

World Clock

World Clock

World Clock Widget

World Clock helps people compare local time, weather, and daylight saving information across locations. I simplified the display by removing Celsius and Fahrenheit units and refining color, typography, and layout for faster comprehension.

World Clock widget layout comparison from wireframe structure to final visual design.

World Clock

World Clock

World Clock Widget

World Clock helps people compare local time, weather, and daylight saving information across locations. I simplified the display by removing Celsius and Fahrenheit units and refining color, typography, and layout for faster comprehension.