Smartwatch app

SAMTAP

CLIENT

This project is a collaboration with Samsung R&D Canada. Since 2013, SRCA has been working on cloud technologies related to mobile security, mobile payment, business solutions, artificial intelligence, and the Internet of Things. 

The following case study is the culmination of my work with other designers on the project.

TIMEFRAME: JAN - APRIL 2020

MY TASKS

User Research • Interviews • Usability Testing • Prototyping • Video Editing • UI and UX Design.

MY ROLE

UX/UI Designer

PROJECT BRIEF

OVERVIEW

Samsung R&D aims to equip the new smartwatch with innovative features and to market the product. Therefore, my team was approached to come up with an idea to motivate office workers to wear smartwatches on a daily basis. The initial brief was simple: tap the watch into the TV, and display a file. However, we wanted to focus on making it practical and create an app that would truly increase the productivity of office workers and transform their presentation experience.

PROBLEM STATEMENT​

My goal in this project was to create a wearable app that allows office workers to easily display presentation slide decks. Office workers need an easy way to navigate powerpoint presentations as the current means (remote clicker, pressing on keyboard) are not reliable. Several office workers have reported that remote clickers tend to stop working or skip slides. On the other hand, the keyboard can be disruptive for the person giving presentations.

CHALLENGES

  • How to design content for wearables (a small circular display, less information density and limited battery life.)
  • How to incorporate principles of scannability to ensure smooth interactions.
  • The UI design must be consistent with the Tizen UI patterns and and Google’s brand.

RESEARCH

BRAINSTORMING APP IDEAS

We used The Design Sprint methodology for solving problems through designing, prototyping, and testing ideas with users. This quickly aligned us under a shared vision with clearly defined goals and deliverables.  The first step was to understand the client’s problem and need, therefore we decided to brainstorm ideas of user problems to help in directing the project.

FINDING OUR TARGET USERS

There is a market potential of Samsung’s wearable devices, specifically in workplaces for businesses and professionals. For that reason, we chose “office workers” as our target users. After doing user research, competitive business analysis, and interviewing office workers, we narrowed down their main frustrations when presenting that we aim to resolve:

1) File transference is complicated.

2) Presentation set up is time-consuming.

3)  Current means of switching slides (remote clicker, pressing on keyboard) are not reliable.

"As a user of this product, I need to be able to switch slides for my presentation easily, directly from my wearable device, without disrupting the flow of my presentation."

REMOTE NAVIGATION​

One of the UX decisions that we had to make is “how will the users change between slides during presentations?” I came up with the following options and conducted a survey among my peers (5 programmers, 6 designers, 4 project managers) to find out which navigation model is more intuitive:

  • Swiping: Swiping between slides on the watch – swipe left or right to change back and forth.
  • Gesturing: Gesturing with the watch – moving your hand in either direction to switch back and forth.
  • Voice Command: Changing slides back and forth by commanding the watch via voice control.
  • Tapping: Tapping either with one or two fingers to change back and forth between slides.

SURVEY RESULTS

  • Both Gestures and Voice Commands might result in unintended switches between slides.
  • Tapping with a set number of fingers did not seem intuitive.
  • We settled on swiping to navigate the presentation as swiping back and forth on the watch was intuitive.
  • We also added the option of changing slides by rotating the watch’s bezel. This was an essential addition since the rotating bezel is one of the Galaxy watch’s unique features.
Bezel Interactions

APP FLOWCHAT

DESIGN & WIREFRAMES

WIREFRAMING

I created the wireframes the following low and mid fidelity wireframes as a mockup of the watch interfaces to quickly user test. These are early design concepts and we have made major iterations on the design after user testing.

USER TESTING

USER TEST 1

We created a paper prototype to user test and asked testers to imagine they are presenting a powerpoint presentation at the office for the first time and perform some tasks. The tasks included: “view all of your file” “favourite a file” “go to the next slide” “turn on the script option” “turn off tv.”

USER TEST 2

The second user test adopted the same methodology as User Test 1. The only difference between the two is that this test used the mid fidelity digital prototype, in which all features were implemented on the Samsung watch by the talented programmers. Participants were told to go through several tasks by interacting with the watch. 

USER TEST 3

 Samsung design team ran an expert review and provided constructive feedback on the prototype. We’ve made some essential changes to the UX and interface design based on their feedback. Below are some of the changes we have made.

Before and After

HANDLING SWIPE GESTURES

After initial testing with the swiping, I found a secondary micro problem: it wasn’t intuitive to users which direction to swipe. Many users were confused about which direction (left or right) to swipe the watch to change the slides. Swiping in itself was a good solution, but I hadn’t foreseen the problem that each directional swipe can mean something different to different people.

In order to resolve this issue, we added thumbnails of the presentations on the screen instead of an icon. This way, users will recognize the slides that will be presented.

USER INTERFACE

Before

.

After

.

  • Prioritized and simplified the setting and reduced feature set.
  • Instead of a timer, we added a stopwatch.
  • Final settings: toggling on/off laser, toggling on/off the stopwatch.

THE SOLUTION​

Based on the user test conducted by Samsung R&D, we made further changes to the prototype according to their valuable feedback (in Sketch). Afterwards, I created the final interactive prototype (in Invision).

INVISION PROTOTYPE

INTRODUCING
SAMTAP

I created this video using Adobe After Effects.

INSIGHTS AND TAKEAWAYS

  • How to create interfaces for smartwatches, and to prioritize/simplify and pick features for the small screen size of a wearable.
  • I learned not just to conduct interviews/focus groups/surveys but also how to present and leverage the results, in order to back up my design decisions and lay them out for the clients so that it’s convincing and helps their case.
  • I worked in a cross-functional team and learned  how to improve collaboration with designers and programmers.

CREDITS

Client
Samsung R&D Canada

My Role
UI/UX Designer and Video Editor – Israa Qeroof

Team
UI/UX Designer and 2D Designer – Celina Wang
Project Manager and 2D Designer – Cathy Lu
Programmer – Irene Mayor
Programmer – Michael Cavaleri


Thank you for reading