Stellar - Digital watch.

In our final semester, we developed a wearable interface concept along with a visual identity. Through ideation, our process evolved into a high fidelity prototype. This enabled our understanding in wearables, Product Branding, Interface Design, Digital Product Design, and use of ambient data. Scroll down to see more.

Yes it's called Stellar and it's our luxury watch face brand for the Moto-360. Stellar is aimed at high fashion high tech consumer who is always looking for the beauty in tech and not so much the functionally. In this case it would be fashion over function but Stellar functions are not second to it's beauty. With Stellar our users will have the best of both worlds.

The stellar logo.

Our target market.
Our target audience are people who have this love for fashion for tech. The type of person that would have a "techwear" sense of fashion, the type of user who generally customizes their devices to a key from the lock screen to the very app icons. The demographic of people aren't not overly worried about the lack of features which can cause devices to have short battery life and run slow they're more interested in what works already and well it can look. Something outside of the norm. This is where and why Stellar comes in.
Where we started.
We needed to understand our audience and what type of style do people in the techwear industry wear. What else would they be wearing, they're color choices, how dedicated were they to the style? These were questions we were asking ourselves when coming up with the design style of our watch face.
When we started to focus down on the appeal and main aesthetics we're hoping to aim for we started to understand what it meant to be apart of the tech-wear community and how to build using their appeal and style. So we began to start sketching.
The sketching process.
We went with the star theme look with stellar design because we wanted to give that futuristic teachwear style look. We started with the logo then slowly started to design on how other functions would look like. We wanted to a star of some sort of to show that Stellar can be seen from all directions and how many functions the watch would able to do. Ultimately we went with an open star design to show the level of openess the system can offer.
From paper to digital.

For the logo design we went

We ask ourselves more questions, why didn't we want the logo on top? Why didn't we put it on the left side verses the right side? Why did we choose a star? So many of these questions were asked in the design process. This is how the final piece turned out.
Having the logo on the right side ensures the users from left to right to make sure they see our name then our logo. The spacing in between the letters give this space like opening almost time and space itself is stretching the watch face. If it was animated it we have each letter appear slowly one by one then the logo close in landing in place.
The functionality is in three main parts.
- Clock face
- Water intake tracker
- Daily calendar
- Weather checker.
The clock faces

Spacial Time and Star Time.

First lets talk about the one on the left side. We call this the spacial face. Reason being it looks beyond futuristic and during our user testing many of our testers picked this face over any of our sketch designs. We like this face because it's something that people would have to look at for more than a second to understand to those who aren't the owners of the watch. This face can fit with any style of your choice due to it's simple form factor. With the face on your right side. We call this the star face. We call it the star face because it circles around the clock and when midnight hits all the stars glow at once giving the user this satisfaction feeling.
Water intake tracker
For the water intake tracker we wanted to keep it very simple with a very straight design. Since normally the user will be checking this face almost every hour we wanted a tiny animation to show the water slowly filling up and once they drink a glass the raising hand motion will automatically make the face add one cup of water to the users tracking. The user will be able to slide to choose their milliliters of their choice.
Daily Calendar 
The daily calendar has three faces, the full list of activities, the create an event page and the reminders notification. With the full list page, we wanted the user to able to read the list without having to wonder on which is coming up next. The current event is always highlighted while the upcoming is visible but not highlighted and the user to scroll up and down as the so choose. With the create an event page, we kept it really simple with time and date already preset to the current day and the user can use their voice to text to fill in the description and for the notification page we kept it simple, it will pop above on whatever the user is doing.
The Menu
We created a force touch menu that will appear when held down by the user. The menu can be accessed by any screen if held long enough. We created a triangle with our three functions but when more stuff is added the triangle shape will change.
Weather Tracker
Using the weather tracker was designed to be simple as a quick glance and more details on the hour by hour tracking. We designed this so the user only has the essentials when looking at the weather.
Usability Testing

Our paper prototype.

For the usability testing we used a paper prototype for our users. The goal of the testing was to get the users to locate and be able to tell the time.
User 1
User 1 first goal was the spacial time test. Our goal was get them read to clock faces and see if they could tell the time. To our surprise User 1 got 100% accuracy on the clock face test. They understood which hand was the hour and minute hand which we were very pleased with. When it came to the function test, the user did not understand the force touch concept and hand huge struggles reaching each of the functions.

"It felt more of a swipe than a force touch"
User 2
With User 2 we had the same goals in mind, read the clock faces and tell us what the time is in each of the faces. User 2 completely failed the clock face test, they couldn't tell any of the timings. They were really confused on which of the hand was telling what time. When it came to the function test the user was able to understand force touch and easily went through all the functions.
"I couldn't tell the difference with the clock hands"
Unfortunately the user testing lab videos are currently unavailable
The Design Document 
All this wasn't possible without my two group member and Humber college.
This was a true learning experience through a agile product design experience and user testing. I've personally learned a lot from this and I use the knowledge and skills from this project and apply it to others.

Thanks for reading.

You may also like

Back to Top