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.
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.
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.
