Category Archives: Design

Improve the payment system with Animation

By | Design | No Comments

The goal of animations should not solely be entertaining the user, but rather, they should be helping the user better understand what’s going on and how to use your product most effectively. If you disable animations, the flow should feel broken; if it is not, this might mean your animations are superfluous.

The moment when others feel exactly the same way as you do…
I’m 100% behind using animation as a way to improve interaction experiences. Animations are often overlooked and mistakenly known as the “expendable” UI polish work. It always end up at the bottom of the to-do priority list during production. Yes, animations require alot of time and effort to get it look and feel right but when it does, it works beautifully.

5 Things To Know When Designing For iOS

By | Design | No Comments

I am a huge fan in UI animation and I believe there’s still so much to explore in this area.
If you are not able to pair up with a develop to build animations. I would suggest learning AfterEffects.

Reasons being:

  1. You don’t need to learn how to code.
  2. AfterEffects plays very nicely with PSD imports, and AE could reproduce all the styles as well.
  3. There’s tons of 3rd party plugins that’ll help you achieve what you want.
  4. The sky is your limit when it comes to creativity in animating UI in AE.

Google’s Dead Simple Tool For Making UX Decisions

By | Design | No Comments

There’s only one thing I got out of this article:
Understanding user behaviours.

These users expectations are especially true and must be kept in mind when sitemapping, wireframing, visual styling:

  1. I should always know where I am.
  2. It’s not my fault.
  3. Only interrupt me if it’s important

I couldn’t agree more if we are able to meet these expectations, we would see a huge dive in user frustration and confusions and hence a up spurge in user satisfaction.

Cognitive Overhead, Or Why Your Product Isn’t As Simple As You Think

By | Design | No Comments

Simple and straight to the point. I especially want to highlight the following from the article:

Make people work more, not less.

Put your user in the middle of your flow. Make them press an extra button, make them provide some inputs, let them be part of the service-providing, rather than a bystander to it. If they are part of the flow, they have a better vantage point to see what’s going on. Automation is great, but it’s a layer of cognitive complexity that should be used carefully. (Bump puts the user in the middle of the flow quite physically. While there were other ways to build a scalable solution without the physical bump, it’s very effective for helping people internalize exactly what’s going on.)

Give People Real-Time Feedback

If your user has to wonder, “So, did it work?” you’ve failed. Walk people through using your product like a magician leads the audience through an illusion. Point out the steps along the way, or whatever magic your product is providing could be lost to the user.

Slow Down Your Product.

We’ve all heard stories of Google’s relentless quest for search-result speed, but sometimes you need to let your user understand and appreciate what your service is doing for them. Studies have shown that intentionally slowing down results on travel search websites can actually increase perceived user value — people realize and appreciate that the service is doing a lot of work searching all the different travel options on their behalf.



iPad Retina Wireframe Grid

iPad Retina Wireframe Grid

By | Design | No Comments

I was searching around for a wireframing grid for the iPad but wasn’t successful in doing so. So I created this PSD for an iPad project I am working on.
Thought I’ll share and some might find the grid useful for iPad design.

Dimension: 2048 x 1536
The file is free to be used for anything, anywhere.

Download PSD

Trends in Interactive Design – 2013

By | Design, Startups | No Comments

A visually appealing presentation on upcoming design trend for the year.
In fact, this presentation highlights one challenging aspect about Interaction Design.


Looking few years back when iPhone first came out, users were amazed at how Apple delivered such a usable product because of its interaction design. People slowly adapt to the new interaction model and a new standard for design slowly emerged. People are desiring more for easy navigation and eye-pleasing interaction in software design. User behaviours are therefore slowly changing.

Firms like Airbnb and Pinterest embraced this change and designed their product in ways that put user-centered design first. Result? They became wildly popular and users are craving more.

This change in user behaviour and expectation seems quite volatile in sense that the direction and speed it is moving in is quite fast and unpredictable. We as designers can only rely on data to predict what’s the next big design trend is but often times it is experimental.

And this is exactly why interaction design is so intriguing. The changes are evolving quickly and the studies behind user behaviour models are constantly on the move.

Startups, this is how design works.

By | Business, Design, Startups | No Comments

[dropcap1]A[/dropcap1]n amazing website that explains what design is in a nutshell. Designed and written by Wells Riley, a Product Designer at Kicksend as well as an experienced web designer. I’m particularly fascinated by its simplicity, yet concise organization of definition along with minmal graphics.

Wells Riley nailed it home. The entrance of a designer is proving to be a vital part of a startup company. The illustration of the pyramid (my personal favorite) demonstrates the inevitable need of a designer into the team mix.

As an UI designer myself, Wells’ inspiringly use of web elements provoked my thoughts in design – I believe all elements should work in unison in bringing a unified theme to the users. Not one single element should stand out but rather all elements should be cohesive enough to bring out a whole.

One other interesting note to take away from the website is the resources it listed near the end of the page. Wells highlighted quite a few of the designer social media pages that’ll allow businesses and developers in recruiting designers into their mix. To a greater extend, even a designer like myself can take advantage of the list and sign up for the social pages that I wasn’t part of originally.

Take a minute or two to quickly browse through the site.