# Choosing a New Device Card Interaction Optimization. Let's Decide Together! **URL:** \ **Category:** NSPanel Pro\ **Created:** [January 20, 2026, 12:38pm UTC](https://forum.ewelink.cc/t/choosing-a-new-device-card-interaction-optimization-lets-decide-together/207346 "2026-01-20T12:38:06Z")\ **Posts on this page:** 1\ **Showing post:** 1
**Author:** ![JoJo](https://dub1.discourse-cdn.com/flex005/user_avatar/forum.ewelink.cc/jojo/32/8655_2.png) [@JoJo](https://forum.ewelink.cc/u/JoJo)\ **Post date:** [January 20, 2026, 12:38pm UTC](https://forum.ewelink.cc/t/choosing-a-new-device-card-interaction-optimization-lets-decide-together/207346/1 "2026-01-20T12:38:06Z")
### Dear NSPanel Pro Users, First and foremost, a huge thank you to everyone who has actively shared your user experience feedback! It is your frank advice that have prompted us to scrutinize the details and strive for a more exceptional user experience. Recently, we’ve received numerous valuable suggestions regarding the interaction logic of the device cards. After collecting and thoroughly analyzing substantial feedback, our product and design team responded promptly. After multiple rounds of discussion, we have now developed a brand-new interaction optimization plan. * * * ### Core Explanation of the New Interaction Logic #### Optimized Core Operations: ![Frame 1261153857](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/3/39f3aca6c8d53c519154bffa1703e4f33a060989.png) 1. **Tap the tile to turn the device on/off** → Directly control the device’s on/off Design Rationale & Benefits: Assigns the highest-frequency, most core “on/off” action to the largest, easiest-to-tap area.Achieves “tap-and-use,” reducing cognitive load and mis-tap rate, fitting the quick-control scenario of a wall screen. 2. **Tap the area of the “arrow icon” in the bottom right corner of the card** → Enter the device details page Design Rationale & Benefits: Adds a clear “arrow” icon.Consolidates and unifies the entry point for low-frequency, and we place this icon within a visual container that has a distinct background color from the main card , aiming to clearly communicate that “this is a separate, tappable action area. * * * ### UI Scheme Display We’ve prepared multiple UI design schemes for the device cards. Our design philosophy has always revolved around three core principles: ![plan A](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/2/27380b4764891cc475c5fbbfd46010af1f8cf9d8.jpeg) ![plan b](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/d/d51bafe787873e45b0b5207a62885e181e3f24a0.jpeg) ![plan C](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/7/741545b5de5f0f405b67bb2b32187ddd64e65d3c.jpeg) ![plan D](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/9/997b4ec141d86efd0ddc41e10454e1c37fee5616.jpeg) ![plan E](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/7/71b2c69f6365b4234e1be1de87121220a02bd8ad.jpeg) ![plan F](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/3/396c49772dee6cf4a547dc13005625a85b63f37a.jpeg) ![plan G](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/f/fb98bc96a03ffb683f3919ffabc000d6ba8674c7.jpeg) ![plan H](https://europe1.discourse-cdn.com/flex005/uploads/ewelinkforum/original/2X/0/0f22b883775f17e28deaeb55f17e168ef10b7bea.jpeg) - Efficiency First: Firmly guarantee the absolute convenience of the core action (on/off). - Error-Tolerant Design : Prevent mis-taps by expanding the main action area, while proactively guiding and hinting at secondary action areas through \*\*visual distinction, making the operable range of each function clear at a glance. * * * ### Inviting Your Participation — Your Voice Decides the Final Scheme! Although the direction of the plan is clear, we hope it can incorporate the wisdom of our real users before implementation. Your opinions will directly influence the fine-tuning and final selection of these plans. We look forward to your feedback from any of the following angles: Design suggestions for the “arrow” icon : Which visual form do you think best conveys the meaning “tap here for more settings” for the icon in the bottom-right corner? 1. Preference for UI visual schemes: We multiple visual design schemes are presented, which style do you prefer and why? 2. Design suggestions for the “arrow” area : Which visual form do you think best conveys the meaning “tap here for more settings” for the icon in the bottom-right corner? (e.g., information icon `ⓘ` , more options `⋮` , right arrow `→` , or other creative ideas) To clearly convey its tappability, we‘ve added a differentiated background for the icon. What are your preferences or suggestions regarding the shape (e.g., circle, small rounded rectangle) or color contrast with the main card for this background? 3. In real usage scenarios, what other experience issues have you encountered with the device cards? * * * ### 💡 Final Notes - Feedback deadline: [2026/01/23] - We will synthesize everyone’s opinions to determine the final launch scheme. Thank you again for your trust and support. We look forward to seeing your insightful comments in the discussion section and making NSPanel Pro even more user-centric. --- _[View the full topic](https://forum.ewelink.cc/t/choosing-a-new-device-card-interaction-optimization-lets-decide-together/207346)._