Designing JD Watch: Balancing Minimalism, Scenarios, and Fast Interaction

This article details JD's approach to smartwatch UI/UX design, covering scenario‑driven features, vibration control, five‑second interaction rules, streamlined workflows, flat information architecture, visual styling, and iterative product development to create a seamless wearable experience.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
Designing JD Watch: Balancing Minimalism, Scenarios, and Fast Interaction

In recent years wearable devices have entered everyday life, and JD.com’s JDC team joined the exploration to provide a complete user experience on smartwatches.

New Platform

Google and Apple share similar watch design philosophies, presenting the same challenges: how to reflect the watch’s contextual, minimalist, and lightweight nature while delivering a full experience on a tiny screen.

Scenario‑Driven Design

Active scenarios : Users can quickly check order status, request purchases, or get logistics updates by raising their wrist, e.g., asking the watch to buy a bag of rice and selecting from recommended options.

Passive scenarios : The watch delivers timely notifications—such as a vibration when a delivery driver departs—so users receive relevant information without needing to interact.

Based on these scenarios, JD identified two core functions for the watch: voice‑enabled shopping and message delivery.

Avoid Becoming a Continuous Vibrator

Because the watch stays in close contact with the skin, users are more sensitive to vibrations than on a phone. JD therefore limits vibration frequency and prioritizes messages by importance and relevance, pushing critical alerts to all users and customized notifications to subscribed users.

Complete Operations Quickly

Following the "5‑second principle" from Android Wear design, each interaction should finish within five seconds to keep users anchored in the real world. JD shortens operation flows and improves browsing efficiency.

Shortening workflow : For voice shopping, the process is limited to searching, displaying the top three relevant items, selecting an address, and confirming purchase with cash‑on‑delivery, eliminating the lengthy online checkout.

Flattened information structure : Instead of deep hierarchical navigation, JD uses a two‑layer structure that shows order summaries upfront and expands details only when needed.

Efficiency improvements :

Show one piece of information at a time, using secondary pages for additional details.

Use concise text, icons, and short phrases rather than full sentences.

Enlarge font size for quick glances.

Prefer images over text to convey product or logistics information.

Employ large gestures for easy interaction on the small screen.

Visual Style

Designers had to reconcile Apple Watch’s black aesthetic and Android Wear’s white look with JD’s brand red, creating a cohesive yet platform‑specific visual language.

Polishing Details

Through sketches, paper prototypes, and high‑fidelity demos, the team refined layout, interaction logic, and visual fidelity. When real devices were unavailable, they printed 1:1 color models to simulate the watch experience and measured visual deviations to achieve optimal results.

Product Iteration

JD Watch V1.0 delivered basic notification features; future iterations will expand functionality while maintaining the core principles of minimalism, scenario relevance, and rapid interaction.

References:

Design Principles for Android Wear – developer.android.com/design/wear/principles.html

Apple Watch Human Interface Guidelines – developer.apple.com/watch/human-interface-guidelines/

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

product-managementJDUX designsmartwatchwearable
JD.com Experience Design Center
Written by

JD.com Experience Design Center

Professional, creative, passionate about design. The JD.com User Experience Design Department is committed to creating better e-commerce shopping experiences.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.