All posts by Bryan Leung

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.

Work Smarter: 20 Companies reinventing how they work

By | Business | No Comments

Particularly to take note of:

1. Hubspot – It abolished Stat holidays for its employees in exchange for 3-weeks holidays every year.

Result? Employees are much more motivated to work and they’re working over the weekend to get things done.

2. Behance – It acknowledged that meetings are often time consuming and fruitless. Therefore it implemented a measurement to evaluate a meeting by the # of actionable items by the end of the meeting. If there was none, the meeting was not necessary.

3. Happy Computers – The CEO set goals ” and doesn’t dictate how his staff meet them.” He said, the only roadblock to innovation is management.


Happy Reading!

Social Media Get Serious

By | Business, Social Media | No Comments

This paper deserves some attention because:
1) it layouts the foundation in attempt to understand how social media operates.
2) it gives social media a well concise definition with its honeycomb analogy.
3) it offers practical implications and relevant examples for mid-level managers in explaining what social media is.
4) it was written by my BUS450 professor at Simon Fraser University.

Read the paper now!