Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. 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. upcoming SmashingConf San Francisco, 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.

A sketch I made the day it all started1
A sketch I made the day it all started. (View large version2)

Since it was early August 2014, we had no idea what shape an iOS watch would take, let alone its name. But we learned a month later, when Apple announced3 the new wrist-worn device it had been secretly working on: Apple Watch. We started with the problem — making time zones easier to handle — and learned a lot along the way, including a surprise we received at the very end. It’s a story with an unexpected ending.

Our Screwed-Up Way Of Measuring Time Link

The way people measure time is screwed up, and there’s little we can do about it. Most of us have ten fingers. We count to ten in pre-school. One meter is one hundred centimeters, there are a hundred pennies in a dollar, and so on. Our brains have been trained for and are constantly reminded of the decimal system. In fact, many of us don’t think there’s any other way to count: 9+9 is always 18. Until we start measuring time.

We count hours using a duodecimal (base 12) numbering system. And count minutes using a sexagesimal (base 60) system. Our brain is trained to think that 9+9=18. But in the world of time, 9+9=6. It’s unnatural.

We’re using systems and techniques that are thousands of years old. The role of time in society has changed, the technology has changed, yet the imperfect system lives on. This system makes time-related calculations very hard — more so when you have to hop over 12 while counting. Most people, including me, can’t do these calculations quickly and reliably.

Our Original Problem: Time Zones Link

We wanted to solve a headache our new world of interconnectivity created. With the internet and mobile, communication has become really easy; so easy that people all over the world can now chat, work, and play as if they’re in the same room. Except they aren’t: the earth is still round, it still spins, and that creates the problem of time zones.

While some people are sipping their morning coffee, others have to run off to collect their kids from school, and some are already asleep.

Our team and our clients are distributed across five continents. We have to deal with a half-dozen time zones on a daily basis, which can be a nightmarish experience: calls in the middle of the night, frustration, missed deadlines, broken communication, lost opportunities.

Pop Quiz: Is there any reasonable time for a phone call between US West Coast, Eastern Europe, and Australia? Answer: No, there isn’t. Someone always has to suffer.

We wanted to make time zones easier for ourselves. Multiple clocks began appearing on our dashboards, we scheduled meetings in advance, and we started using the calendar more smartly. But even with multiple clock faces, for instance, you could see the current time, but it was still tricky to predict what 8pm locally meant for everyone else across the world.

  • If you wanted to call someone come (your) morning, would they still be awake wherever they are?
  • Would your iOS developer in Russia be available to answer questions if you needed to pull them into your conference call between Australia and the US West Coast at 3pm Pacific?
Author’s dashboard with multiple time zones and names of people who live in these timezones.4
Author’s dashboard with multiple time zones and names of people who live in these time zones. (View large version5)

First Solution: World Clock App For Mac OS X Link

To solve this time zone problem, we started with a World Clock app for Mac OS X. It allows you to quickly convert time by dragging a shadow over a world map. While you drag, all clocks will adjust their time according to the position of the shadow. To find a suitable time, just keep dragging until one of the clocks shows the time you want.


World Clock for Mac OS X in action.

We loved using the app ourselves and were blown away by how well it was received in the Mac community. (At one point we reached #9 top paid app in the US.)

World Clock Widget Link

For some people the World Clock app was too dense. They just wanted to convert times quickly. Having an entire window with clocks was overwhelming. So we made a separate app that added a Notification Center widget to your Mac. The World Clock widget also received a warm welcome. People then began asking for an iPhone version. But making one wasn’t as straightforward as we thought it would be.


World Clock widget for Mac OS X in action.

Struggle With The Mobile Version Link

We solved the time-conversion problem for big screens, but everything we tried for smaller devices never felt quite right. We noticed others started trying solve this problem for mobile as well. (For example Miranda6 and TimeZones7). While the apps looked sexy and well thought-out, they were still too complicated.

“24 hours” for iOS concept8
“24 hours” for iOS concept. (View large version9)

To be honest, we didn’t have any better ideas, so we put the iOS World Clock concept in the bottom drawer and focused on other projects. And then something interesting happened.

At Minimum10 we sometimes use the principle of intensifying the conflict: make the contradiction 10, 100, 1000 times more intense than the original problem. This forces us to look at the problem in a completely different way and often helps us find unusual solutions.

Example: We need to make cars use less gas → We need to make cars use zero gas.

“Wrist-First” Approach Distilled Our Thinking Link

We were stuck until Moto 36011 came along, and Apple Watch rumors started to leak. That’s when I started playing around with a wrist-worn version of our World Clock Mac OS X app. The original problem of shrinking our Mac app to the size of an iPhone intensified:

07-shrinking-mac-app-opt-small12
From the Mac to the Apple Watch. (View large version13)

It became abundantly clear that we couldn’t just massage the app to fit a tiny watch screen. All our iPhone concepts were compromises. Cut a corner here, nudge a thing or two there. Maybe it will fit, maybe it won’t, maybe it will still be useful… That’s why it didn’t feel right. Compromises never do. There had to be something simpler.

Second Solution: “24 Hours” App For iPhone And Apple Watch Link

Ironic cliché: the solution was staring at us the entire time. Have a look at the icon of our World Clock Mac app. Multiple hands on one clock face can elegantly show times at different locations with minimal user interaction. That made sense. The only problem was the twelve-hour clock face: if we see a hand pointing at 3 o’clock, is it 3am or 3pm?

World Clock Mac icon
World Clock Mac icon.

To avoid confusion we decided to use a 24-hour clock face: the top half for day, the bottom for night. Easy, clear and obvious.

24-hour clock face concept for “24 hours” app
24-hour clock face concept for “24 hours” app.

The Trade-Off Link

Remember, our goal was not to reinvent the clock or make a better one; we just wanted to make telling and converting international times easier. We decided that using a 24-hour face was a fair trade-off: it’s not as familiar as a 12-hour clock face. People would have to get used to it, but they’d have a much easier way of telling and converting times once they did. We decided this was fair.

Was it the right decision? We hope so. Let us know what you think in comments14 after you’ve had a chance to play with the app.

Prototyping Phase 1: Before Apple Watch Release Link

How do you design for a product that doesn’t exist yet? Since we started before Apple Watch was ever announced, we decided to prototype on an iPhone. We agreed on using a circular clock face for our prototype so we could scale it down for a smaller screen should an “iWatch” be released. This would fit a rectangular or circular watch face — since we had no idea which it might be.

Early whiteboard sketches of “24 hours”
Early whiteboard sketches of “24 hours”.

The first thing we wanted to test was our interaction model. The idea was that a user would rotate the clock hands in a circular swipe motion to convert time. But would that be comfortable to use? We created two interaction options.

  1. A user rotates the clock face itself while panning in a circular motion (clock hands stay put).
  2. A user rotates the clock hands while the face stays put.
“24 hours” prototype with rotating clock face (the original build of the app was lost).15
“24 hours” prototype with rotating clock face (the original build of the app was lost). (View large version16)

Although the face seemed easier to reach and rotate, especially with one thumb, we felt rotating the hands made more sense. We’re used to clock hands being mobile while clock faces stay put. Familiar often equals intuitive.

Map view makes one-thumb interactions easier17
Map view makes one-thumb interactions easier. (View large version18)

To make interactions with one thumb even easier, we decided to add a map view below the clock face: it illustrates the geography of the cities, shows night and day, and pans left and right with one thumb. We felt we’d landed on a good solution. And then September rolled around.

External Factor #1: iPhone 6 Is Released Link

iPhone 6 was beautiful — and black. We liked how the screen became virtually indistinguishable from the hardware, so we decided to switch our gamma to black to support this effect.

14-colour-switch-opt-small19
Switching to black. (View large version20)

External Factor #2: Apple Watch Gets Announced Link

We were really happy about the Watch when we finally saw it. (Who wouldn’t be?) We were glad we’d started planning an app for it so early, and felt prepared to make something awesome by the time Apple Watch went on sale. But it was hard to stop calling it iWatch.

Our most important takeway was that Apple Watch would have a rectangular-shaped screen. That clarified a lot in our plans. We carefully examined every piece of UI we could find in the keynote, press reviews and Apple’s website. Among other things, we noticed its native world clock:

Images from Apple’s website showcasing Apple Watch world clock feature
Images from Apple’s website showcasing Apple Watch world clock feature.

Seeing that was good news: it didn’t come close to what we were trying to achieve. You couldn’t see more than two times at once, and it was impossible to convert time (or even compare times) at different locations.

Using The Crown Link

The Apple Watch crown really excited us. We couldn’t imagine a better user interface for a world-clock app: people are already used to twisting the crown to rotate watch hands. What could be simpler! Only now there would be more than two hands.

16-sketch-opt-small21
Sketch made September 10, 2014. (Author lives in Australia so it was September 9 in California.) (View large version22)

Apple Watch also started to influence our iOS version. (Note “+” and calendar buttons in the corners.)

17-apple-watch-influences-opt-small23
Influences from Apple Watch appear in the iOS version. (View large version24)

First Tests With External Users Link

Bad news: almost everyone looked at the iOS prototype above and assumed that the clock face they saw was a normal 12-hour face clock. After looking closer they would notice that numbers 12 and number 6 repeat twice. That would get them completely confused. Clearly, we needed to make our 24-hour face different, to make it obvious and self-explanatory. At least we hoped so.

With a 12-hour clock face it would have been incredibly hard to differentiate between AM or PM for any given time. Jakarta and Palo Alto would appear to be only two hours apart on 12-hour face, even though the time difference between these two cities is 14 hours.

A sketch for our 24-hour clock face with day and night differentiated
A sketch for our 24-hour clock face with day and night differentiated.

To make our 24-hour clock face look different from a 12-hour one, we decided to put more stress on the difference between night and day. We debated this for a while, until I found this interesting and beautiful artifact that somewhat validated our design idea:

A globe with a 24-hour clock face25
A globe with a 24-hour clock face. (View large version26)

Adding night/day separation not only helped us make our clock face more distinguishable from a 12-hour face, it made our overall UI more obvious and self-evident. This modification changed our users’ reactions during subsequent tests. Now when they saw the app for the first time, they realized immediately they were dealing with an unusual clock. That made them pay more attention in the beginning, and allowed them to quickly grasp the app’s core concept.

24-hour clock face with and without night and day separation27
24-hour clock face with and without night and day separation. (View large version28)

We made a few more prototypes to ensure we definitely wanted to rotate the clock’s hands and not the face. With the night/day separation, rotating the clock face felt strange and made us dizzy. We were definitely going ahead with moving hands.


Rotating face belongs in a flight simulator, not on someone’s phone or watch.

Challenges Of The Tiny Apple Watch Link

Since we started prototyping before an Apple Watch even existed, our original plan was to scale down our iOS design. But the Apple Watch turned out to be tiny. We couldn’t just shrink our existing UI.

We skipped every odd digit on the clock face, made the type more legible, and, most importantly, abbreviated all city/time zone names to three letters. (We started with airport codes. If there wasn’t one available, we abbreviated using the first letter, the second consonant and the third consonant. Yekaterinburg would be YKT, Winnemucca would be WNN, Ubud UBD, and so on.)

Shrinking UI is never a good strategy when porting your product to smaller devices29
Shrinking UI is never a good strategy when porting your product to smaller devices. (View large version30)

We’ve spent a ridiculous amount of time trying to find the best way to display information between the night and day edges. We’re not ecstatic about the result yet, but we feel it’s reasonably good. (We’re open to your ideas!) Let us know in comments if you have any other ideas for us to try. Here are some of our iterations:

Trying to find the best way to present information between night and day31
Trying to find the best way to present information between night and day. (View large version32)

Prototyping Without Apple Watch Link

Since the Apple Watch wasn’t out in the world yet, we strapped iPhones to our wrists. This prototype had the correct Apple Watch measurements. Playing with the prototypes was fun. At one point we got carried away with additional functions: adding clocks, a map, calendar events — all of which can theoretically be done on your Apple Watch.

“Trying on” Apple Watch33
“Trying on” Apple Watch. (View large version34)

The Release Of The Apple Watch Kit Link

Around December 2014, Apple’s Watch Kit was released, and it was very limited. I mean, very. That’s when we found out that all animations would have to be generated on a paired iPhone, and then sent to Apple Watch frame by frame. We didn’t find any sign of crown control or any kind of gesture support. We assumed Apple would make these available later. We moved forward with a few iterations.

25-iteration-opt-small35
Iterations on the UI. (View large version36)
Converting Time Link

When a user twisted the crown, or spun the clock hands, time would shift from “Now” to the future or the past.

26-converted-time-state-ui-opt-small37
Converted time state UI without accounting for color blindness. (View large version38)
Accounting For Color Blindness Link

This future/past addition created a new problem: green and red wouldn’t work very well for people who have color blindness. If you were color-blind, red and green could become yellow and gray; you could still distinguish between the two, so you could tell whether you converted time forward or backwards, but we felt that it wasn’t elegant and could be confusing.

Accounting for color blindness in “24 hours” for Apple Watch39
Accounting for color blindness in “24 hours” for Apple Watch. (View large version40)

Blue and red for forward and backwards seemed to work much better in the case of a color-blind person using the app: for all three kinds of color blindness, blue remained mostly blue, and red was either gray or still red. Either one did a good job illustrating that a user had moved to the past.

Progressing from new concept to completed design:

28-progressing-opt-small41
(View large version42)

Accounting for various iPhones screen sizes and getting ready to ship:

29-various-sizes-opt

Working Around Apple Watch Kit Constraints Link

Here’s how we saw our “perfect” product at the time:

Crown Wasn’t Yet Available To Third-Party Developers Link

Newer versions of Watch Kit didn’t show any sign of crown control, so we had to come up with something that would work in the meantime. We decided to try swiping/panning gestures:

We quickly realized that swiping also wasn’t yet available to third-party developers. We played around with more ideas: how about we add back and forward buttons so a user can just tap to control the app? It hurt our eyes, but it seemed better than nothing:

Adding forward and backward buttons to the UI43
Adding forward and backward buttons to the UI. (View large version44)

Time To Ship Something Link

We realized that Watch Kit probably wouldn’t be updated soon enough for us to fully realize the potential of our concept in time. We needed to ship something before Apple Watch went on sale so we worked with what was available. That’s what you sign up for when you are trying to be among the first delivering a product on a completely new platform.

[Update: Watch OS 2.045, announced on WWDC in June 2015, allows crown-control for third-party apps.]

Next, we built our prototype on Apple Watch. However, we couldn’t quite make it as smooth as we wanted it to be: at the time, frame animations couldn’t be generated and transferred from an iPhone to Apple Watch quickly enough. This caused lags and slow reactions to touch:

Eliminating animations didn’t seem to improve things. The app was still too slow to react on user interaction:

Shipping Link

At this point we decided to temporarily turn off the time-conversion feature on our Apple Watch version. Our iOS version would be used to its full potential while Apple Watch could be used to just tell times at different locations.

At this point it was mid-March 2015. The Apple Watch release was imminent, and we really wanted to be among the first people who made apps for it. So we uploaded the build to iTunes, clicked “Submit for Review,” and waited.

Here’s the final product we developed.

“24 hours” app for iPhone and Apple Watch
“24 hours” app for iPhone and Apple Watch.
Unexpected Rejection Link

The Apple team must have been on the lookout for apps that offer Apple Watch support because it didn’t take them long to reject our build:

34-rejected-version-opt

We’re used to rejections, but this one was pretty unusual and surprising: “Apps that contain a clock face, or a likeness of a clock [will be rejected].”

Long story short: after a bunch of back and forth with the review team we decided to put the Apple Watch version of our app on hold and released the iOS-only version for the time being.

Releasing iOS-only Version (For Now) Link

We stripped our iOS app of Apple Watch support and submitted again. This time it was approved.

“24 Hours” is now available on iTunes46. We love it and use it every day. And we’re really interested to know what you think about it. I couldn’t imagine a better tool for convertingand viewing international times. Oh, wait, I can: an Apple Watch version of “24 Hours.”

32-24-hour-app-opt-small47
“24 Hours” is a simple and powerful world clock. No more counting across time zones, no more calling at odd hours of the night. “24 Hours” keeps track for you. (View large version48)

Final Thoughts Link

As I mentioned before, when you are trying to bring something new to life, there are risks and uncertainties associated with it. It’s a part of the game. We were aware of these risks and decided to take a shot anyway. We don’t regret it. History shows us that Apple products become more open over time. A few examples from an iOS world:

  • iPhone 1 didn’t even have third-party apps when it was first released.
  • You used to not be able to build custom keyboards for iOS.
  • Swift wasn’t open source.
  • There were no extensions and no APIs that now give third-party apps more control than ever before.

We believe that Apple Watch will follow the same path: it will gradually become more open, allowing third-party developers to build apps that are greater than ever before. And when that happens, we will be ready.

P.S. During this time we did develop a successful Apple Watch app: Chat Center49. Apple also gave us tremendous support with this, and it was approved. So in the end we did get one product in for the Apple Watch launch.

Thank you to everyone who made “24 Hours” and our other world clock apps possible: Alexander Ustinov50, Graphic/UI designer; Misha Nikanorov51, iOS and Mac development; and Nikita Yermolayevs (advisor).

I also want to take this opportunity to thank the Apple Developer Relationship team for all their help and support.

(da, ml, og)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/wp-content/uploads/2015/07/01-first-drawing-opt-small.png
  2. 2 https://www.smashingmagazine.com/wp-content/uploads/2015/07/01-first-drawing-opt-small.png
  3. 3 https://itunes.apple.com/us/podcast/apple-special-event-september/id275834665?i=318848187&mt=2
  4. 4 https://www.smashingmagazine.com/wp-content/uploads/2015/07/03-24-hour-app-opt.png
  5. 5 https://www.smashingmagazine.com/wp-content/uploads/2015/07/03-24-hour-app-opt.png
  6. 6 http://miranda-app.com
  7. 7 http://jaredsinclair.com/timezones/
  8. 8 https://www.smashingmagazine.com/wp-content/uploads/2015/07/06-24-hours-ios-concepts-opt.png
  9. 9 https://www.smashingmagazine.com/wp-content/uploads/2015/07/06-24-hours-ios-concepts-opt.png
  10. 10 http://minimuminc.com
  11. 11 https://moto360.motorola.com
  12. 12 https://www.smashingmagazine.com/wp-content/uploads/2015/07/07-shrinking-mac-app-opt.png
  13. 13 https://www.smashingmagazine.com/wp-content/uploads/2015/07/07-shrinking-mac-app-opt.png
  14. 14 https://itunes.apple.com/us/app/24-hours-global-time-simplified./id969635117?mt=8
  15. 15 https://www.smashingmagazine.com/wp-content/uploads/2015/07/12-prototype-opt.png
  16. 16
  17. 17 https://www.smashingmagazine.com/wp-content/uploads/2015/07/13-map-view-opt.png
  18. 18 https://www.smashingmagazine.com/wp-content/uploads/2015/07/13-map-view-opt.png
  19. 19 https://www.smashingmagazine.com/wp-content/uploads/2015/07/14-colour-switch-opt.png
  20. 20 https://www.smashingmagazine.com/wp-content/uploads/2015/07/14-colour-switch-opt.png
  21. 21 https://www.smashingmagazine.com/wp-content/uploads/2015/07/16-sketch-opt.jpg
  22. 22 https://www.smashingmagazine.com/wp-content/uploads/2015/07/16-sketch-opt.jpg
  23. 23 https://www.smashingmagazine.com/wp-content/uploads/2015/07/17-apple-watch-influences-opt.png
  24. 24 https://www.smashingmagazine.com/wp-content/uploads/2015/07/17-apple-watch-influences-opt.png
  25. 25 https://www.smashingmagazine.com/wp-content/uploads/2015/07/19-globe-opt.jpg
  26. 26 https://www.smashingmagazine.com/wp-content/uploads/2015/07/19-globe-opt.jpg
  27. 27 https://www.smashingmagazine.com/wp-content/uploads/2015/07/20-24-hour-clock-face-night-day-opt.png
  28. 28 https://www.smashingmagazine.com/wp-content/uploads/2015/07/20-24-hour-clock-face-night-day-opt.png
  29. 29 https://www.smashingmagazine.com/wp-content/uploads/2015/07/22-shrinking-ui-opt.png
  30. 30 https://www.smashingmagazine.com/wp-content/uploads/2015/07/22-shrinking-ui-opt.png
  31. 31 https://www.smashingmagazine.com/wp-content/uploads/2015/07/23-finding-best-way-opt.jpg
  32. 32 https://www.smashingmagazine.com/wp-content/uploads/2015/07/23-finding-best-way-opt.jpg
  33. 33 https://www.smashingmagazine.com/wp-content/uploads/2015/07/24-trying-on-opt.jpg
  34. 34 https://www.smashingmagazine.com/wp-content/uploads/2015/07/24-trying-on-opt.jpg
  35. 35 https://www.smashingmagazine.com/wp-content/uploads/2015/07/25-iteration-opt.png
  36. 36 https://www.smashingmagazine.com/wp-content/uploads/2015/07/25-iteration-opt.png
  37. 37 https://www.smashingmagazine.com/wp-content/uploads/2015/07/26-converted-time-state-ui-opt.png
  38. 38 https://www.smashingmagazine.com/wp-content/uploads/2015/07/26-converted-time-state-ui-opt.png
  39. 39 https://www.smashingmagazine.com/wp-content/uploads/2015/07/27-color-blindness-opt.png
  40. 40 https://www.smashingmagazine.com/wp-content/uploads/2015/07/27-color-blindness-opt.png
  41. 41 https://www.smashingmagazine.com/wp-content/uploads/2015/07/28-progressing-opt.png
  42. 42 https://www.smashingmagazine.com/wp-content/uploads/2015/07/28-progressing-opt.png
  43. 43 https://www.smashingmagazine.com/wp-content/uploads/2015/07/30-color-blindness-opt.png
  44. 44 https://www.smashingmagazine.com/wp-content/uploads/2015/07/30-color-blindness-opt.png
  45. 45 http://www.apple.com/au/watchos-2-preview/?cid=wwa-au-kwg-watch-com
  46. 46 https://itunes.apple.com/us/app/24-hours-global-time-simplified./id969635117?mt=8
  47. 47 https://www.smashingmagazine.com/wp-content/uploads/2015/07/32-24-hour-app-opt.jpg
  48. 48 https://www.smashingmagazine.com/wp-content/uploads/2015/07/32-24-hour-app-opt.jpg
  49. 49 https://itunes.apple.com/us/app/chat-center-universal-way/id886643270?ls=1&mt=8
  50. 50 http://twitter.com/alxndrustinov
  51. 51 http://twitter.com/_Foboz

↑ Back to top Tweet itShare on Facebook

Advertisement

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.

    3
  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