Monthly Archives: October 2012

iPad Mini, Steve Jobs and Apple


contradictions around iPad Mini Steve Jobs and Apple

Steve Jobs once said that the 3.5 inch screen is just the right size for a mobile – big enough to produce detailed, legible graphics, but small enough to fit comfortably in the hand and pocket. He argued that no one will buy phone with larger screens. What did we see with iPhone 5? A large 4 inch screen! iPhone 5 did have direct inputs from Steve.

Then comes the 7 inch tablet argument. He argued that 7 inch devices are destined to fail. He said; it’s better read in his words:

“Apple’s done extensive user-testing on touch interfaces over many years, and we really understand this stuff. There are clear limits of how close you can physically place elements on a touch screen before users cannot reliably tap, flick or pinch them. This is one of the key reasons we think the 10-inch screen size is the minimum size required to create great tablet apps.”

He continues…

“The seven-inch tablets are tweeners, too big to compete with a smartphone and too small to compete with an iPad. One naturally thinks that a seven-inch screen would offer 70% of the benefits of a 10-inch screen. Unfortunately, this is far from the truth. The screen measurements are diagonal, so that a seven-inch screen is only 45% as large as iPad’s 10-inch screen. You heard me right; just 45% as large. [Increasing screen resolution on small devices] is meaningless, unless your tablet also includes sandpaper, so that the user can sand down their fingers to around one quarter of the present size.”

And now the iPad Mini is here. It comes with 7 inch(ish) screen. Apple does it again – contradicting itself by creating a device with a form factor it vehemently argued against. Should we cry foul for Apple not practicing what it preached? HELL NO! Change is constant. There’s nothing wrong with it. In fact, it happens to be the personality trait of smart and successful people. Let me quote Jeff Bezos

“People who were right a lot of the time were people who often changed their minds.”

Jeff observed that the smartest people are constantly revising their understanding and re-considering a problem they’d already solved. They’re open to new points of view, new information, new ideas, contradictions, and challenges to their own way of thinking. Jeff’s right. Steve Jobs was one such guy. And Apple is a company led by such people. So don’t fuss about contradicting yourself, go ahead, absorb new information, change your opinions – it happens to the best of us.

I’m concluding this post with Tim Cook’s thought on Microsoft’s effort to combine a tablet and laptop.

“You can converge a toaster and a refrigerator, but those aren’t going to be pleasing to the user.”

Following Apple’s past of changing beliefs, don’t be surprised if you see an iToaster with Retina display in the next keynote :)

Cheers,
Chirag

How we redesigned our app icon


How we designed the cloudmagic app icon

When we redesigned CloudMagic, an important task during the design cycle was to redesign our app icon (on both iOS and Android). A task we assumed was simple enough, took us weeks! During which, we argued, fought furiously, contemplated going back to the old icon, and finally arrived at a great new icon.

Here is a perspective as to why sometimes we have no choice but to reject great looking icons. Here is the design process from the old icon to our new one, and things we learned along the way:

The Old Icon

cloudmagic 1.0 old icon

What was wrong with the old icon?

  • Gave an impression of being faded when seen on devices, looked dull and dated.
  • We wanted to highlight search capabilities, not evident from the existing icon.
  • The gloss effect on icons is dying. Take a look at icons of popular apps – Facebook, LinkedIn, Flipboard, Instapaper, Instagram, Dropbox, clearly gloss had to go.
  • Creating a new icon for a redesigned app is advisable as users expect the redesign from the start of their experience.
  • Of course, all the above while retaining Apple’s iOS Icon Guidelines

 

The Redesign Begins

CloudMagic App icon design process

1. This one takes inspiration from the website and hence used the sunburst / rays. This also gave prominence to search. Wasn’t all that appealing though. 2. Although the icon had cloud search written all over it, we found it too obvious. The bevels and shadows also killed the icon.

 

CloudMagic App icon design process

3. A nicely designed icon, clearly indicated the multiple services which CloudMagic supports. But the faded icons looked like trash can when scaled down. 4. A colored variant of the previous logo. The idea was turned down due to legal reasons. Nice looking though!

 

how the cloudmagic app icon was designed

5. The designer took the angle of an index used in books and indices in CloudMagic and tried a mashup. A really attractive app icon but the book concept was not really relevant to the product.

 

Icon-ic frustration!

how the cloudmagic app icon was designed

6. This version was a hint that the designer needed a break. He came up with a simple cartoon inspired icon, the clouds looked like ice cream. We gave him a break and asked him to relax and come up with some fresh ideas. 7. This icon cleverly indicated the types of content in one app and there was no clutter in the main part of the icon. The side strip icons for contacts, messages etc. were too tiny to recognize when scaled down.

 

Finally!

CloudMagic App icon design process

8. This indicated search prominently, used our existing branding but somehow wasn’t appealing enough. Though we did feel we’re getting somewhere finally. 9. This is the version we all liked. It was simple, clean, modern, indicated search and retained existing branding. We then created the Android icon, using the Android design spec.

Tips for (re)designing your app icon

  1. Dedicate some time to it, its not a trivial exercise, and an icon is the first impression users get and it’s used every single time to launch your app, it is important.
  2. Pick one platform to start with, and then ‘port’ the design to other platforms to retain consistency across platforms. We picked iOS to design the icon and then used the same design for Android.
  3. Sexy icons look good but die soon, so keep it simple and suited to your positioning. If we were a ‘fun’ app, we might have created a funky icon. Find your desired positioning and stick to it in all parts of design.
  4. Think about muscle memory – We included the magnifying glass into the icon because users associate it with search.
  5. While redesigning a new app icon, you might have to retain some elements of your old icon, just to make sure the users don’t get scared away by the new-ness.
  6. Useful links for app icon design -

So tell us what you think of the new app icon, we’d love to know!