Fundamentals 10 min read

Designing Efficient Tool Products: 5 Key Factors for Better Usability and Collaboration

This guide outlines five essential considerations—environment, users, presentation, usability, and cooperation—to help designers create tool products that are ergonomic, visually accessible, adaptable across hardware and software platforms, and supportive of seamless online collaboration.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
Designing Efficient Tool Products: 5 Key Factors for Better Usability and Collaboration

Environment

The design of a tool product must account for both hardware and software environments.

Hardware Environment

Mouse: Choose between scroll‑wheel and touch mice and ensure scrolling direction matches screen behavior.

Keyboard: Use shortcuts to reduce effort; consider learning and memory cost, follow common conventions, and keep key combinations ergonomic.

Touchpad: Align multi‑touch gestures with mouse movement logic; configure shortcuts similarly to keyboard shortcuts.

Touchscreen: Varying sizes and input methods (finger, stylus) affect ergonomics; larger screens increase physical effort and risk of fatigue.

Emerging Devices: VR and holographic displays are entering collaborative work but pose challenges of high energy consumption and limited physical feedback.

Software Environment

Operating systems and window sizes shape user habits; cross‑platform tools must respect these differences. Knowing common device dimensions helps define baseline layout sizes, and responsive or modular design strategies (modularization, responsive layout, device‑specific designs) address window resizing and platform variance.

Users

Understanding user demographics is crucial for visual detail decisions, especially for B‑side tools where considerations include low vision, color blindness, and prolonged usage fatigue.

Vision: Determine appropriate base font size and spacing based on typical user eyesight; adjust through research or competitive benchmarking.

Color Perception: Anticipate color‑blind users; avoid relying solely on color for meaning and supplement with icons, text, or audio cues.

Theme Colors: Choose brand colors that do not conflict with common data‑visualization palettes (e.g., avoid red/green for financial dashboards).

Background Color: Use tones that reduce eye strain; for dark mode, consider two calibration methods illustrated below.

Visual Fatigue: For long‑duration use, prefer low‑contrast, yellow‑green tones, reduce overall saturation, and simplify visual hierarchy.

Present

Balancing information density within a fixed window leads to four focus areas.

Shared Space: Use folding, toggling, hiding, overlay, or displacement to display only the currently relevant content.

User Customization: Allow users to configure features when no mature reference exists, collecting data to guide iterative improvements.

Static Expression: Combine color, graphics, style, and typography according to design guidelines.

Dynamic Feedback: Apply common interaction patterns (e.g., animations, progress indicators) to enhance responsiveness.

Usability

Adopt the principle “treat users equally; do not educate them.” Provide intuitive tools, avoid forcing users to learn complex logic, and implement safety nets such as interceptors, undo mechanisms, autosave, and version history.

Cooperation

Online collaborative work is mainstream; lightweight tools attract users, and core features should cover most work scenarios.

Cross‑device/platform support ensures consistent experiences regardless of hardware or OS.

Cloud storage and computing let terminals rely on remote resources, reducing local performance constraints.

Finally

Creating a great tool is a long‑term effort; continuously gather user feedback, use your own product regularly, and iterate based on the insights you discover.

hardwareproduct developmentsoftwareusabilitytool designUI/UX
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.