It’s an article from 2012, but it deliberately walkthrough how to hook up users who use your product for the first time.

Krystal Higgins

Here is the excerpt:

This app does a few things to make its introduction short, sweet, and interactive.  Here’s how other apps can do this as well:

  • Limit content and communicate number of steps Stick to one thought/illustration per panel to make sure content is digestible.  Use navigation marks or numbering to make it clear how many steps, or screens, are involved.
  • Avoid using transition animations Don’t delay the user from moving forward by making them wait for animations between walkthrough panels.
  • Make it available in help or settings If an introductory walkthrough includes important instructions or user preferences, make sure they can get back to it at any time.  The help section is a great alternative location for extended walkthroughs, offloading them from the FTUE.
  • Provide an escape hatch The Eatery app allows people to skip the tour* *warning: having a “skip tour” button may make people wonder why the tour was necessary in the first place.
  • Engage the user early Try to incorporate some user interaction so that people feel like a part of the show.  The Eatery does this with the “What do you eat?” checklist at the end of the intro.

Many design principle-sets scattered around web in one place. Good stuff.


I’ve met so many people who only talk about UI and interaction designs when it comes to discuss UX. Sometimes I feel like these people use the word “UX design” as a fancier way to say “UI and Interaction design”. Terrible misunderstanding. I would like to address what UX design is from my perspective once and for all.

Read More

inFORM - Interacting With a Dynamic Shape Display

Don’t you think interactions that happen on your touch screens are a bit bland, cold, and too distant? I do. Mobile technology that bridges people in distant places should not be limited in flat displays. It should be warmer, more palpable….., and more human in order to really connect people.

Look at this tangible UI created by MIT media lab. This is how it should be.


This article showcases array of very good examples for current mobile-responsive design era. It’s deliberately explaning why it matters. A good article.

Of course, how people perceive color is highly depending on his/her cultural context. We need to learn it before deciding colors on your design. But this is still a good reference.

I’m planning to try this myself. Probably this helps you to bridge your static UI mockup to interactive one.


A prototyping tool for animation and interaction on desktop and mobile. Framer can help you to quickly build interactions and animations.

Built for designers and integrates with Photoshop. Great alternative to Quartz Composer, Flash or Keynote.

Windows 8: The Boldest, Biggest Redesign In Microsoft’s History

I’ve been Mac user since 2008. Before that I was Windows user all the way since 1993. I wasn’t a big fan of Microsoft UIs back in the day. It was just ok design and visually not interesting at all.

Now that Microsoft made the biggest UI design on their leading OS, Windows, I have to say it’s actually quite interesting change. Yes, I know some people had a very hard time finding how to turn off the computer or other very basic functions. That was quite messed up. However, it doesn’t simply mean the design itself is bad. If you look closely, there is many interesting designs in it and you can absolutely learn from it.

It’s more educational for UX practitioners to think about WHY they designed this way and WHAT intention was behind it. I recommend to do it, It’s quite a good practice.

Related note: Look at UI and interaction design around Control Panel. It was most painful part for most of users. See how they managed this part. It is not perfect at all, but you see lots of effort. 

Yes, they are likely to be forgotten when days are busy.


Not new, but good to read it again.
  1. Focus on the Primary Task
  2. Elevate the Content that People Care About
  3. Think Top Down
  4. Give People a Logical Path to Follow
  5. Make Usage Easy and Obvious
  6. Use User-Centric Terminology
  7. Minimize the Effort Required for User Input
  8. Downplay File-Handling…

Touch gestures on WIndows 8 and its usability issues

Here is one very good article about new Windows 8 UI, metro, from Windows developer group themselves. You can see neat breakdown of touch gestures in Windows 8 and potential issues.

Must read if you are interaction designer that involves touch gesture stuff.

Via: MSDN Blogs