Visit our archive

photo credit: Zurb.com

 

OmniGraffle? Visio? or InDesign? (and so on.) No matter what kind of wireframing tool you’re using there’re more convenient tools that a UX professional can put in his/her toolbox.

 

Sketch is the fastest way to communicate

I personally sketched a lot, probably because I had a industrial/product design background. I remember my HCI professor once told me, the only unique thing about a designer is that designer can communicate and discuss ideas through series of drawing. Just like he said, I tend to communicate with client and coworker through sketching, mood board, and other visualization tools.

 

Here are something I found useful and I have them on my desk all time:

 

Prototyping

These days clients are getting picky about how agencies present their ideas. Traditional printed wireframe sometimes don’t do a good job pleasing the clients, especially when describing screen transition and dynamic interaction. Therefore, I tried to create an interactive mockup system using Javascript and Flash actionscript. It was pretty sweet for myself, however it’s hard for my coworker to utilize or maintain the work I created (high affordance of code knowledge). As a result, I started adopting ready-made protoyping tool:

  • Axure -Interactive wireframe creation with built-in interactive UI component
  • Adobe FlashCatalyst -based on Flash/Flex platform but much easy to use, and comes with built-in UI library
  • Adobe Edge -create sleek transition and can populate as usable code

 

You can find some other useful tools inthis post  A Practical Guide to Capturing Creativity for UX

 

 

  • Name (Required)

  • Email (Required, but not published)

  • Url (Optional)

  • Comment (Required)