Horse1Asia | a blog about UX & WEB STANDARDS by Peter Mah » Wireframe http://www.horse1asia.com UX & WEB STANDARDS Tue, 01 Jun 2010 07:38:58 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 iMockups for iPad – Create Wireframes on the iPad http://www.horse1asia.com/2010/04/12/imockups-for-ipad-create-wireframes-on-the-ipad/ http://www.horse1asia.com/2010/04/12/imockups-for-ipad-create-wireframes-on-the-ipad/#comments Mon, 12 Apr 2010 06:09:45 +0000 PM http://www.horse1asia.com/?p=118 Endloop System has released one of the first must have applications for UX designers, iMockups for the iPad.
The application allows designers to create mock-ups and wireframes rapidly. I haven’t had a chance to actually use it yet, but I will definitely make it one of my first purchases for the iPad when it arrives in Canada.
Yes, it’s true that you could easily create mock-ups and wireframes on a more powerful desktop or laptop computer, but sometimes “on paper” having all the best features doesn’t mean it’s the only way to do something.
Just having an application such as iMockups for the iPad offers an alternative way for designers to create low fidelity designs.
iMockups for iPad

iMockups for iPad

]]> http://www.horse1asia.com/2010/04/12/imockups-for-ipad-create-wireframes-on-the-ipad/feed/ 1 The Right Way to Wireframe Videos http://www.horse1asia.com/2010/02/10/the-right-way-to-wireframe-videos/ http://www.horse1asia.com/2010/02/10/the-right-way-to-wireframe-videos/#comments Wed, 10 Feb 2010 08:18:03 +0000 PM http://www.horse1asia.com/?p=100
Russ Unger’s wireframing process


Todd Zaki Warfel’s wireframing process.


Will Evans’s wireframing process

As an interaction designer I’ve come to appreciate the beauty of wireframes and the amount of thought that goes into them. They are not the final product but a means or a process to get there. Websites like I ♥ wireframes or Wireframes Magazine provide plenty of great examples of what can be done.

There isn’t one best practice for producing wireframes. It seems the process can range from drawing sketches on paper to complex vector drawings using tools such as OmniGraffle.

A critical aspect of the wireframe is being able to explain the functionality of the website. It’s not meant to be a layout guide for designers but a means to focus on what’s best for the user coming to your website. It’s not so important to try and lock down every single aspect of the usability or function, but to reach about 80% of what needs to be there. The process of going through design iterations at the end can finalize the rest.

There could be better processes to reach the end, but so far this is what I’ve experienced.

]]> http://www.horse1asia.com/2010/02/10/the-right-way-to-wireframe-videos/feed/ 0