Apple Watch Interface Design
Design a different way of telling time on the Apple Watch
My role & responsibilities
-
Research
-
User Interview
-
Prototyping
-
UX/UI Design
-
Visual Design
-
Illustration
-
User Testing
​
Tools
-
Figma
​
Timeline
-
6 weeks
![4 iwatch mockup.png](https://static.wixstatic.com/media/4f0491_d3f395915d4d488eae0907b3812815c5~mv2.png/v1/crop/x_0,y_0,w_3500,h_3490/fill/w_505,h_505,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/4%20iwatch%20mockup.png)
Final Design – Digital Version
I drew the illustration and used the animation function in Figma to animate the sun rising, setting, and moon appearing in the city.
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|---|
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![solar-dial1569006773491.png](https://static.wixstatic.com/media/4f0491_06bccfe83aa546e39eace92a428801d7~mv2.png/v1/crop/x_0,y_106,w_1830,h_949/fill/w_484,h_251,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/solar-dial1569006773491.png)
Research – Inspiration
I researched how people told time before the watch was invented. People in the past used the hourglass and sundials to tell time. I also researched what the watch faces Apple has now to get inspiration. The Solar Dial Apple Watch face inspired me. I love how the face changes as time changes.
Apple Watch Solar Dial Face
1. Design Idea
Inspired by the Solar Dial Apple Watch Face, I love watching the sunrise and sunset in my free time. I hope users can watch the sunrise from sunset on the small screen on their wist.
![](https://static.wixstatic.com/media/4f0491_d9a820d327374aaeb646f794a045a169f000.jpg/v1/fill/w_231,h_273,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/4f0491_d9a820d327374aaeb646f794a045a169f000.jpg)
User Interview Analysis
I interviewed 2 people who use the Apple Watch and ask what they want from the watch.
-
They use Apple Watch for time
-
They look at the message when their phone is not around
-
They want a reminder of their schedule for that day
-
Want more interaction with their watch
2. Design Idea
-
Based on the interview, syncing Users' Google/iPhone Calender to the watch can help them see their schedule in a quicker way
-
Adding a one-hour reminder function to remind users what is next on their schedule
![](https://static.wixstatic.com/media/4f0491_4182b8cdf5e24dc5b8c645a8bc92556bf000.jpg/v1/fill/w_231,h_273,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/4f0491_4182b8cdf5e24dc5b8c645a8bc92556bf000.jpg)
3. Design Idea
While I was doing this project, my friend told me that she was unhappy and she doesn't know what to do. It makes me think that people need a way to express their feeling. Some people don't like to express their feelings out loud, and some people do.
​
-
Therefore, another function I want to add to my design is:
-
Users can express their moods at a specific moment on their watch.
-
Users can choose from this list of emojis that represent their feelings when they feel happy, sad, etc.
-
Then, users will be asked to say something. They can do it by using the keyboard or voice function on the watch.
-
Finally, users can see the full screen of the emoji and the text they have written down.
-
![Apple Watch 40mm - 39.png](https://static.wixstatic.com/media/4f0491_a129dc581d8c4afcbfad53d02e29a01a~mv2.png/v1/fill/w_162,h_370,al_c,q_85,enc_avif,quality_auto/Apple%20Watch%2040mm%20-%2039.png)
![Apple Watch 40mm - 33.png](https://static.wixstatic.com/media/4f0491_30102ea548384b2ea78ce8225a9cdc2d~mv2.png/v1/fill/w_156,h_190,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Apple%20Watch%2040mm%20-%2033.png)
![Apple Watch 40mm - 41.png](https://static.wixstatic.com/media/4f0491_ab5a0ca2ca44461ea9a544fc617d1f0a~mv2.png/v1/fill/w_156,h_190,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Apple%20Watch%2040mm%20-%2041.png)
Final Design – Analog Version
I did a digital version and an analog version for my final design
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|---|
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![]() | ![]() | ![]() | ![]() |
User Testing
I did user testing with my first draft and made changes with their feedback. I put my design as wallpapers on my iWatch and ask my friends to put it on and test my design.
​​
The feedbacks I got are:
-
Not realistic enough
-
Need more illustration
-
Want to look at the time more than the icon – icons are too big
-
Want to see different weather faces
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|---|
![]() | ![]() | ![]() |
Initial Ideas
Brainstormed different ideas
![Screen Shot 2022-08-02 at 3.13.26 AM.png](https://static.wixstatic.com/media/4f0491_5bf60a1b212341a982774c7eeff45290~mv2.png/v1/fill/w_975,h_818,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202022-08-02%20at%203_13_26%20AM.png)