Design Mobile UI User Interace UX

3 steps to master the art of copying app experiences

I have been living in Hyderabad since Aug 2013 and have been exposed to different Biryanis. But when it comes to consistency and meeting expectations nothing is as good as ‘Paradise Biryani’.

A colleague of mine ordered Biryani today in the office cafe when i was enjoying the leftovers of yesterday’s biryani for lunch. He got a stale biryani and had to return it. I started wondering why is it hard for the rest of them to copy what Paradise does, after all anyone can buy the affordable biryani and do a bit of digging in to understand what makes Paradise biryani stand out.

I had a realization that this is true when it comes to the world of mobile apps. Cool functionality are hidden behind bad layouts and interactions leading to poor uptake.

As far as apps are concerned, the points below can help you make the most out of good UX out there.

1. Understand the context

When you see a great layout and want to borrow the pattern for your designs understand its not always possible; especially when designing you are design for enterprise solutions where the functionality takes precedence over experience.
Install the app and play around; Understand the context in which it works, know the before and after views. This exercise helps tailor specific layouts to suit your needs.

2. Invest time in building your own pattern library

There are great many mobile patterns on web which can come in handy as reference. It always worth while to put together your own bunch of personal favorites and keep building the same. In time, you will have a personal pattern library to refer to; annotate the screen, write notes. Pinterest can definitely help but, a slide deck or OneNote lets you do more than just putting it up. Annotations are powerful.

3. Animations and transitions – subtle but powerful

Simple animations/transitions can enhance the user experience a great deal. Animations can provide subtle cues to the task at hand.
Example: Do you remember the animation for the ‘Compose’ view in your mail apps?
Most email clients follows the ‘Cover up’ Animation and on completion its ‘reveal down’. This can be borrowed on many enterprise apps where creation follows similar pattern.

Understand Mobile Design is more than great layout.

On a different note, Enterprise solutions can incrementally add complexity to its product line. This may not be possible always, but when you can offer.

Never let

Secondary features hamper primary functionality

Have i missed any points ? Let me know..

We are surrounded by Great Biryani in Hyderabad

Design Experience User Interace users Web

Tricking Gmail Users to click the ads

Google Ads in Gmail
Google Ads in Gmail

Kudos! The designer who came up with this.

I don’t think tricking the user to click the ad gives the advertiser his money’s worth.


The advertisers would be paying Google either for the clicks or the impressions. PPC or PPI.

If its impressions, the advertiser in this case, Lynda is surely getting value, i couldn’t ignore it at that location. I’m sure it would be the case for many.

But if you are paying for the click, then you are just wasting the money. I might even click it thinking its a mail. But, i’m not going to give you business.

What do the readers think ?

Design Mobile products User Interace

First the flat design and now the colors

Nokia’s response to iPhone 5C
Nokia Lumia






Price of cheaper iPhone 5C would be around INR 40,000 in India. It isn’t cheap exactly. It is most likely that Customers would start to see more powerful processors in competitors handsets. Will Lumia get a boost in sales; This only time will tell. Will the world change to support the 64 bit processor of 5S ? Will this change the way developers would start looking at the Nokia Microsoft?

Design Museum is a simple great app; If you appreciate cool interfaces you will love this one
It’s only available for iPad. Apple’s app ecosystem is the first choice of businesses and developers alike. The promises of Surface tabs being favored by Enterprise due to security seems to have faded away with time. SAP has most of its enterprise mobile suits for Apple devices. Why does SAP prefer iPad and not the open ecosystem of Android?

If history has taught us one thing about mobile market; unlike the movies, if your product doesn’t gather traction in the first 2 weeks its never going to make it big.

Samsung Note 3 with 64 bit processor – Could it be the high end smartphone beast?

iPhone 5C

Design Experience Mobile User Interace

Remembering 176 x 208

It was 2007, when i first started and was introduced to the mobile platform at Hexolabs ( At that time, i was working on Symbian devices (Nokia N70, my phone at that time was the test device the games that we built)

176 x 208

. It was the golden era for Nokia, with the largest market share and was doing its best in India.

Later came the days of iPhone, Nexus Phones powered by Android. Enter Samsung. and things have changed a lot since then; I’m still looking at the screen resolution and screen sizes almost everyday at work; As someone who has been working on the small screens, the numbers 176 x 208 has been growing ever since, but i’m still faced with the same situation; What are we designing for? Yes, i understand fluid design is the solution; And there are remains many more questions other that the native or not? Is it better to focus on iOS first and then move to android? Can we use a framework, which lets us package into both worlds? But, the screen resolution is still probably my favorite.

I still remember what Mr. Raja Manohar, Founder Hexolabs interactive used to say even before Nokia lost its market share
“Nokia should focus on one smart phone” or with a single screen size/resolution that would make it easier for app developers to work on. This was the time when the best phones in the market were still Nokia E72 and N90.

Here we are with crazy sizes and resolution; Samsung’s most expensive tablet in market Note 800 has resolution of 1280×800; iPad 3’s resolution 2048-by-1536; Micromax funbook P500 1024 x 600 600??

But can’t stop wondering about the world with a one single screen resolution for a product category; What does it really mean? I don’t fully understand. But, seems things would be lot simpler; right from comparing which phone to buy. What do you guys think?