Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

How We Designed And Built Our First Apple Watch App

One sunny morning in the summer of 2014, I was sitting in a café having just finished an hour-long call with my remote team. Scheduling that call had been a messy exercise: we live in different time zones and it was hard to find a time that worked for everyone. I wanted to make dealing with time zone differences less painful.

I had some free time on my hands, so I pulled my notebook out and started playing around with an iWatch app idea. Yeah, you read that right — 2014 and iWatch, before a watch had ever been announced.

Further Reading on SmashingMag: Link

Alex is a mobile Product and UX Designer. He is a co-founder at Minimum — a nimble app design and development studio, and a product designer at Chat Center.

Follow @akomarov on Twitter.

  1. 1

    Excellent article and app design Alex. I still can’t get the rejection though..

    9
  2. 2

    Seems like way overkill of a design when a list view of time in numbers is likely much easier to read for the purposes described… but it’s a beautiful design exploration regardless.

    2
  3. 6

    Excellent article. The insights you give, especially the mockup and option selection process, were the best part of this article and the most helpful for me. Nice one!

    1
  4. 7

    Apple building a watch and rejecting watch apps… sigh. How about you support a bigger market and port over to android.

    1
  5. 9

    “The way people measure time is screwed up, and there’s little we can do about it.”

    sorry but this, coming from someone who lives in a country still on the Imperial system is too much fun ;)

    ok, ok, i’ll get back to reading the actual post…

    -8
  6. 11

    I hoped i could edit the previous message and add something more relevant.

    this was really an interesting read and a very thorough exploration of the design process (and a glimpse at the craziness that developing for the apple watch is), thanks for sharing.

    the UI in the images (can’t watch the videos right now) looks sweet but i have to it’s also a bit to crowded while lacking some info i think would be useful (i.e. i’m not sure skipping the odd hours is a good idea). finding the sweet spot when adding/removing stuff from an UI it’s always the most difficult step.

    how does the app deal with daylight saving time?

    0
    • 12

      ok, this really needs an edit feature :(

      “the UI in the images (can’t watch the videos right now) looks sweet but i have to it’s also a bit to crowded”

      should read

      “the UI in the images (can’t watch the videos right now) looks sweet but i have to say it’s also a bit too crowded”

      0
    • 13

      > can’t watch the videos right now
      We have a Medium version of this article with GIFs instead of videos:
      https://medium.com/@komarov/apple-watch-journey-learning-through-doing-474b23c65121

      > finding the sweet spot when adding/removing stuff from an UI it’s always the most difficult step.
      Couldn’t agree more — if this app makes us a few cents we will keep working on this balance. Some people already suggested that we need to indicate whether its the same or a different date at another location. Removing odd digits was easy, how many digit-less faces there are, doesn’t seem to be a problem.

      > how does the app deal with daylight saving time?
      it just works, our database knows things :-) And we doing our best to keep it up to date.

      1
  7. 14

    Yeah… you have all those links here and there in the article, from the Mac app to the company’s website. Even the apps Miranda and TimeZones have their own links, and yet, I couldn’t find the link to download the app you guys were trying so hard to promote and convince me. Seriously?

    0
  8. 16

    I’m glad to see you’ve chosen the 24 hour clock design. If you visit 24hourtime.info you’ll find many more examples of this approach to time. I’ll be writing up your article soon, Alex, when I get some spare time.

    Sorry to hear the watch face didn’t get approved. Perhaps soon the rules will be relaxed. As always with Apple, there’s probably a good reason that noone knows about (e.g. 3rd party watch faces drain the battery too much or something).

    By the way, you can see a 24 hour watch face in the current Apple Watch OS: the alarm clock setting dial uses 24 hour design to avoid the problem of people setting alarms for 07:00 pm instead of 07:00 am.

    1
  9. 17

    Henk C. Meerhof

    August 30, 2015 9:18 pm

    For those interested in decimal time. The thought is not new as scientists debated the possibilities while standardizing the metric system. https://en.wikipedia.org/wiki/Decimal_time

    0
  10. 18

    I read through the post and found it very interesting. The next step was to download the app and try it out. It has a slight learning curve, compared to say Miranda that I have been using for a while but I think over a period of time this may be more useful. I would really have loved a “snap to 15/30 minutes” setup because on an iPhone, setting the time precisely is difficult and more often than not due to moving away the finger from the screen resets the time to something which isn’t preferred. Thinking about people working in different time zones, we do setup meetings which are at a 30 minute interval, so it would be more useful and faster.

    A “30 minute snap” while rotating would make it less fluid and comparatively more accurate. Maybe you think think about force touch to set the time precisely and light touch to maintain the snap feature or vice versa.

    0
    • 19

      Thanks for your suggestions Vivek, we will work on snap some more, currently we snap to 5 minute intervals, but what makes it hard to discover that feature is that we only snap when you release your finger after panning.

      I think force touch is not available on the iPhone yet, and there’s no Watch version yet, because it was rejected.

      0
  11. 20

    Alex, what a great article! It really shows how following a UCD process can create innovation in things that we take for granted. I immediately download the app once I had finished reading the article and can confirm it is working great. I’m glad you’ve changed the clock to use 24-Hour Time rather than am/pm time style – seeing each number twice could very confusing.

    0
  12. 21

    Iftekharul Islam

    September 1, 2015 8:56 pm

    I Found a helpful article on apple watch OS 2.0 What’s New in Apple WatchOS 2.0 and Should You Update?
    http://www.springbox.com/news/whats-new-in-apple-watchos-2-0-and-should-you-update/

    0
  13. 22

    Looks great!

    With the day/night serperation I’d prefer a customisable time range to indicate unacceptable time periods. The default can be 6-6, but if it’s customisable it would fit better to the use case where you’re trying to organise a meeting that would work for all. This would make it immediately obvious if a participant would be in an unacceptable time slot

    1
  14. 23

    With the launch of the Apple Watch at the end of 2014, only a few companies seem to have understood the changing nature of the app market. While most companies are focused on shifting their desktop website and integrating them into fast and easy-to-understand mobile sites, the demand for applications has far exceeded the need to browse websites on mobile devices. Moreover, along with integrating individual company applications on Android and iOS smartphones, the demand for Smart Watch apps will also be equal in the future. Smart watches are a relatively new piece of technology, which will need to improve via the integration of applications in the future.

    http://www.semgeeks.com/mobile-app-development

    0
  15. 24

    I am jessica, I promise to share this testimony all over the world once my boyfriend return back to me, and today with all due respect i want to thank Dr ojiefoe for bringing joy and happiness to my relationship and my family. I want to inform you all that there is a spell caster that is real and genuine. I never believed in any of these things until i loosed my boyfriend, I required help until i found a grate spell caster, And he cast a love spell for me, and he assured me that I will get my boyfriend back in two days after the spell has been cast. two days later, my phone rang, and so shockingly, it was my boyfriend who has not called me for past 4 years now, and made an apology for the heart break, and told me that he is ready to be my back bone till the rest of his life with me. Dr ojiefoe released him up to know how much i loved and wanted him. And opened his eyes to picture how much we have share together. As I`m writing this testimony right now I`m the most happiest girl on earth and me and my boyfriend is living a happy life and our love is now stronger than how it were even before our break up. So that`s why I promised to share my testimony all over the universe.All thanks goes to Dr ojiefoe for the excessive work that he has done for me. Below is the email address in any situation you are undergoing a heart break, and I assure you that as he has done mine for me, he will definitely help you too ojiefoespiritualtemple(at)gmail.com that is his email address or u can call him +2348101825946

    -2
  16. 25

    Excellent design, too bad apple doesn’t like anyone better than them. I wish you guys all the best, really enjoyed this article Alex.

    1

↑ Back to top