Smart Hub
< Empowering cross-device sharing >

Xiaomi Smart Hub is a collection of features that enhance the inter-device connectivity of Xiaomi’s multi-device ecosystem. Users can share files, applications, text messages, and much more seamlessly across smartphone, PC and tablet.

My contribution

UI Design
Usability testing


Product Manager *3
Software Engineer *6
Designer *2


People are switching among multiple devices to meet their daily needs.

In 2020, the annual shipment volume of tablet and laptop in China has increased by 7 and 17.7% respectively1. More people are now owning multiple devices to meet their daily needs.

1source: IDC FutureScape


Improve inter-device connectivity to unleash the power of a multi-device ecosystem?


Project timeline and my contribution

Initial research was carried out by our user-research team. I participated in feature brainstorm and in charge of the later-on wire-framing, UI design, usability testing, UI hand-off and final UI walk-through.


Insights provided by our research team

After rounds of interviews and survey, the user research team has summarized for us the most pressing pain-points and opportunity areas:


Isolated personal data & Files

Personal files and data dispersed on different devices are hard to locate and transfer. It is especially painful for PC and phone.  The impenetrability between Windows and Android system is a core to this problem.


Distinct hardware characteristics lead to constant device-switching

Each device has its strengths and weaknesses. This means users have to constantly switch between different devices to complete a task.


Information overlap and overload

Most people find it distracting to hear notifications on other devices while concentrating on one. What’s more, many push notifications are repetitive on all devices.


Ideate around specific scenarios

With the general problem area identified by the user research team, we move on to specific user scenarios and brainstorm possible solutions.

We divided them into 4 categories:

 Applications       Notifications 

  Files       Hardware capabilities 



Joy wants to work on her laptop while watching a live broadcast that is only available on Taobao mobile, she has to pay attention to both devices.

We can project mobile Taobao onto PC, give it adjustable window size and support full mouse & key interaction so Joy won’t have to pick up her phone



Tony is doing research with his laptop, but his client-communication app is on his phone, he has to constantly watch for notifications on his phone.

We can merge mobile notification with the windows notification system, Tony can just click on message and reply on his laptop.



Lily  took some really nice pictures that she want to edit in PS, she has to browse - make selection and send back and forth.

We could let Lily directly open her mobile phone file manager on her laptop and drag the files in while browsing.


Hardware Capability

Designer Adam just made a slide on his laptop that he wants to show his boss and get some visual feedback

Project slides from laptop to tablet, which Adam can easily take with him and make edits on with a smart pen


Ideas are evaluated and boiled down to key features

Together with our engineers and product managers, we evaluated the feasibility of each proposed solution and created a feature set with various priority level.


How do we weave these features smoothly into the existing operating system?

While designing for system-level features it is important to build upon existing interaction patterns to avoid extra learning cost. The wireframe below shows how these features would exist in the current system:

Tablet X Phone
PC X Phone | Tablet

Different from tablet’s automatic connection and penetrable Android system, PC requires a manual connection process and a client terminal to host all the functions


Fill-in interaction details in a Mid-fidelity prototype

After sketching out the overall structure, I went back in to each feature, filling in the missing steps and detailed interactions along the way.


Flesh out UI for usability testing

With rounds of design critique and feedback, I continued to push the design into higher fidelity level, which our engineers used to produce demo for usability test.


Despite the ease come with auto-connection, users couldn’t figure out how to troubleshoot when it’s down

The prerequisites for this function (bluetooth on and close proximity) are not clearly listed for users to troubleshoot. There is also a lack of proper instruction for first-time users.


Keyboard shortcuts are not available on phone projections, which challenges user habits on PC

While operating their phone projection on PC, users will intuitively follow conventions and habits they use for laptops, such as hitting "enter" or " ctrl + c" "ctrl+v" when editing texts.


What can we change to fix the issues ?


Settings page is redesigned to clarify connection prerequisites and introduce features


Frequently used shortcuts such as 「enter」 「ctrl c」「ctrl v」 are implemented, the navigation buttons has their designated shortcuts and supports customization.


UI polish and hand-off

Working with a visual designer, we unified design language, went through several rounds of review and delivered the final designs to the development team.

This is a collaborated work with visual designer Zehua Deng


PC X Phone
Bridge between your Android and Windows

With smart share you can open and use all of your mobile phone applications on PC, receive notification and open files. There’s no need to switch between devices.

PC X Tablet
Seamless collaboration

Use tablet as a second screen for your PC or use your cursor to travel across devices to grab files.

Phone X Tablet
Share apps across device

Send applications from your phone to tablet. Window can be resized to meet your personal need, be it multitasking or watching an immersive movie.

Information flows to your fingertip

Clipboard text, photo & screenshots, identification code and cellular data automatically flow to your current device.


Launch Event

The beta & official version launched with MIUI12.5 & MIUI13 respectively and have reached 40k daily active user by now

launch of the beta version called MIUI+

back to top