Design Concept — 2018
Your Phone redesign
A fresh lick of paint and an even fresher set of features.
Not affiliated with Microsoft
Your Phone redesign isn't affiliated with Microsoft. Concepts and mockups shown do not represent any product plans past, present, or future.
The Your Phone app is launching with the Windows 10 October 2018 update as a new way to connect your Android phone to your PC and access messages and photos. I’ve had a chance to try it out for a while in preview builds, and have come up with a few ideas on how the messages function can be expanded and how calling features can be added to the app. This project focused on these two things.
The messaging features of Your Phone are already quite well done today. The next two screens mainly show a slight redesign of the app overall, and the application of Acrylic material to the message list. The conversation view has also been tightened up.
What is new is this popover that now appears when tapping or clicking on a contact’s avatar. This view provides clear information about the person (or persons, in the case of group conversations) you are talking to. It’s also possible to initiate a phone or Skype call directly from here, as well as map an address or start composing an email.
This is a feature that has been requested on the Feedback Hub, so I decided to create a mockup showing how it could be implemented. It appears like most other MyPeople flyouts, and shows the message thread for whatever contact has been pinned.
You can also drag items into a chat thread to send them—in this case, it’s images. Different options may appear depending on what’s being dragged. In the case of images, an option would be shown to quickly upload them to the OneDrive cloud service and then share a link with the recipient—allowing for sharing without losing quality due to MMS restrictions.
Logically, one of the next steps for the Your Phone app after photos and messages is the ability to receive and also place phone calls. The next few screens show how this feature could be incorporated.
First you can see how the list of recent calls would look. There are status icons associated with each call, informing the user if a call was outgoing, incoming, or if it wasn’t answered. Wherever possible, there is a button that can be tapped to instantly initiate a new call with that contact.
In addition to seeing and making calls to phone contacts, there’s also a Bing-powered search experience that allows a user to type a query—in this case, Martina is looking for lunch in the Bellevue area—and see matching businesses or people. From there, the user can tap an item to view more info or instantly go into a call by using the phone icon.
When in progress, calls are displayed in a small CompactOverlay window with buttons to quickly perform common actions such as putting the call on hold (where supported), muting the user’s microphone, or ending the call.
Incoming calls are displayed as standard Windows notifications.
Pen input is becoming a core part of a lot of Windows experiences. The October 2018 update alone introduces a new screen sketching app and an updated sticky notes experience. I believe inking should also be a part of the Your Phone app.
Here you can see how a user can select a photo (these photos are a collection of images from the connected phone itself, and from the user’s pictures folder on their PC), open it up in a larger previewer, and then use their pen to markup the image before then sending.
Note how there’s the usual set of Windows Ink tools as well as a crop button.
Who doesn’t love cute dogs? 😄
I haven’t focused on the photos and notifications part of the Your Phone app just yet—I think the photos part doesn’t need much more work and notifications is a topic for another day when I can look into how they could be implemented into the Windows Action Center. That will be the subject of a second design piece sometime in the future.
In the meantime, this concept shows how more functionality could be added to the app while also giving it a fresher look that’s more in line with the Fluent Design System. Let me know what you think!
Thanks for reading! 🙂