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.
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/
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
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.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
