Project Duration: 4 months
Role: Project Manager & UX/UI designer
Since 2013, Samsung R&D Institute Canada has been working on cloud technologies related to mobile security, mobile payment business solutions, artificial intelligence, and the Internet of Things. Members of the Samsung R&D Institute Canada committee recently is trying to create an innovative solution that would connect the Samsung smartwatch to the TV with a simple tap. So, the goal for our team is to develop a lightweight platform displaying content on a smart TV controlled by a smartwatch.
These are some common problem users face while presenting using those methods: The presenter can’t connect to the projector or other technology and ends up looking stupid. The video files and other multimedia won’t play. The sound does not work. We summarized all of these could lead to wasting time.
In order to solve these problems, we started with User Research and tried to clearly understand our user’s needs and identify the proper persona!
After the User Research, I lead the team to come up with a high-level user flow for prototyping a low-fidelity prototype later.
Constant User-Test by leveraging efficient paper prototyping
Digital Wireframe & User Flow Map:
Based on the user test conducted, the project made further changes to the prototype based on their valuable feedback. The wireframe helps to visualize every detail of the product, which contributes to creating the final interactive prototype (in Invision). My experience has taught me that good design is not created in a moment of inspiration or a bubble. It is an iterative process requiring collaboration between multiple teams and your end-users. It is very important to prototype the ideas and to test them before those ideas are taken into implementation.
As a team, we run many UX workshops to align the team vision and iterate our design in an agile way.
Architecture Overview of Prototype
Based on the feedback from our flowchart and low-fidelity prototype, we started to build the high-fidelity prototype by following 7 steps of user-flow.
Step 1: Open the SamTap App
Tap the SamTap logo from the main menu of the watch
Step 2: Log into Google Account
The user will have the choice of either using their phones to pair with the watch or typing their Google account and password (they can choose to remember the password for future login) to sign in to their Google Drive.
Step 3: Select folder from Google Drive
After successfully logging into Google Drive, the user will see their saved files that are categorized in different folders, which include: images, presentation files, documents, music, and videos. In this case, SamTap syncs with a Google account for sharing files. This means when one updates information from their Google Drive on other devices, the content from SamTap will also change automatically. The user needs to swipe to see different folders.
Step 4: Select a file from the folder
The user can view the thumbnails for their files.
The user needs to tap a certain file in order to open and display it. To select multiple files for displaying, one can long-tap on any files, and then tap all the files he wants to select.
Step 5: Tap to display
After selecting a file/files, the user can press the display button to demonstrate the file on TV.
The user will have the option of either using his watch to tap the TV or selecting a device through remote connection (the list of near-by devices) to display the selected file/files.
Step 6: Use the remote to control
Different file types corresponded to their specific remote controls. For example, if a user selects a presentation file, the system will jump to the PowerPoint remote. The entire process is automatic. The system itself will recognize the file type and jump to its remote interface. To change slide/image, the user has the choice of either swiping or rotating the rim.
Settings are displayed as three dots on the right-hand side of the remote control. Each kind of remote will have its unique settings:
For image settings, users are able to turn on/off the autoplay feature if multiple images are selected. The autoplay allows the system to automatically display the selected images one by one. In addition to that, users can also choose the duration for each image when the autoplay is on, and the choices given to the user are 3s, 5s, 10s, 15s.
For presentation settings, users are able to turn on/off the laser feature (which allows users to use the watch to control a red cursor on TV) as well as turning on/off the timer feature. To initiate the timer, the user needs to press the “SLIDESHOW” button first, and the timers will start to count up. Once the timer starts, the “SLIDESHOW” button will change to the “pause” button. The user can pause the timer anytime by simply pressing the button and resume the timer by pressing it again.
Step 7: Quit display by clicking the back button
If the user finishes displaying from the TV, he is able to click the side-button from the watch and quit the display mode. The watch interface will jump back to the main menu, which is the Google Drive folder.
If the user wants to log off from his Google Drive, he can press the log off button on the top of the main folder menu.
Team Blog: http://blogs.thecdm.ca/sambeats/
Contact me via email@example.com if you have any questions!
UI design including icons and colors are added to the prototype (in sketch).