UX & Product Designer

Chi Wai Li



Usability Convention for gesture interaction

Web usability has long established a set of rules now. It’s not necessarily black and white, but it’s pretty obvious how a website should be designed and laid out for the best user experience, logo at the top, most likely to the left. Navigation either underneath is horizontally or in rare cases vertically to the […]

Ultrabooks and ultrabooks

Looks like everyone is once again playing catch up with Apple. After the tablet explosion now it’s all about MacBook Air wannabes: Ultrabooks. Acer, HP, Toshiba, Lenovo and ASUS are all bring out their own things

Quick AS3 Tweening and easing Reference guide

Thanks to http://www.zedia.net/actionscript-3-tweens-tutorial/ import fl.transitions.Tween; import fl.transitions.easing.*; var myTweenX:Tween = new Tween(rectangle, “x”, Strong.easeOut, 0, 300, 3, true); var myTweenAlpha:Tween = new Tween(rectangle, “alpha”, Strong.easeOut, 0, 1, 3, true); var myTweenWidth:Tween = new Tween(rectangle, “width”, Strong.easeOut, rectangle.width, rectangle.width + 300, 3, true); var myTweenRotation:Tween = new Tween(rectangle, “rotation”, Strong.easeOut, 0, 90, 3, true);

Calculating tangent angle in AS3

To work out the angle of arrows, I have to use good old trigonometry. Something I have actually enjoyed back in high school. The problem solving was a good challenge for me. When I use to work as a volunteer in London, I also helped tutor kids with their home work and this was one of […]

Pulling in external jpgs with AS3

This is something I have done and forgotten so many times. So lets try add it here as a reminder. To add an image to flash. import flash.display.Loader; import flash.net.URLLoader; myImageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onImageLoaderReady); var fileRequest:URLRequest = new URLRequest(“XXX.jpg”); myImageLoader.load(fileRequest); public function onImageLoaderReady(e:Event) {       myContainer.addChild(myImageLoader); } Credits to Kirupa once again, a site with so much […]

Maya 3D outline toon shader

Today, I went back to my roots to AutoDesk Maya, actually when I was learning Maya at uni it was still Alias|Wavefront Maya. The image below of the skeleton is something I built for my final year project, Interactive guide to Martial Arts. It was fun working with Maya. I was never great at it, […]

Testing new tools – Text Expander and Alfred

I’ve been listening to the Back to Work Podcast with Merlin Mann and Dan Benjamin for sometime now, always interested to hear how to make more work better and more efficient, there’s so many handy advice in it. Not just on tech but also on being a better person. Highly recommended! but the problem with this show […]

HTC sensation mobile phone review

I’ve been an Android mobile phone fan for a while now, reasonably happy with my first Google’s Nexus One, since it was made by HTC i decided to go with another HTC, the Sensation (Not the Dr. Dre’s beat’s version, just the standard one) My verdict after 2 weeks? Complete disappointment! Mainly because even with […]

Silly mistakes with typos

So I managed to get my app working fairly well. All looking good on the table, as in, the desktop emulator (Bad pun I know) but for some strange reason I could not get my prefab .awd model to show on my phone. I thought if i works in one place it should work in […]

Array and ArrayCollection

As I’m trying to get my first android app onto the market within 2011 (Leaving me 26 days). I had a problem where my lists were not showing the data. I simply had an array pushing the data to a list. But it will only show when I scroll! not very useful and user-friendly. and after […]