Monthly Archives: October 2009

What kind of problems can you detect with a prototype?

Those that already create a prototype before investing too much time in any problem already know: there are several blind spots and mistakes designers do unwillingly. And those can be avoided by testing and validating the wireframe through several phases, … Continue reading

Posted in Tutorial, Wireframe | Tagged , , , , , , , , , , , , , | Leave a comment

What do I have to do to test my website prototype?

After finishing your project and presenting to the client, sometimes it’s needed to do usability tests with a prototype, to understand real users’ needs. So, you can export your hi-fi wireframe into HTML, or even test it remotely using Justinmind … Continue reading

Posted in Wireframe | Tagged , , , , , , , , , , , , , | Leave a comment

Functional Prototype of a website working

Hello folks. I just uploaded the final version of a HTML prototype of our site. Please notice that it was not coded by humans, so it works in a slower pace than good code. But comparing it with the site … Continue reading

Posted in Wireframe | Tagged , , , , , | Leave a comment

Snapshots of Justinmind Prototyper

Just created a few snapshots of Justinmind Prototyper 2.6, and upped them to Flickr. This is the album. The project I was working on was our site wireframe recreation.

Posted in Wireframe | Tagged , , , , , , , | Leave a comment

Wireframe Toolbox

The great and unique comparison between all wireframe and prototyping tools.

Posted in Wireframe | Tagged , | Leave a comment

Proud way of ending the week: see a live wireframe of Justinmind's home

Remember the wireframes of Justinmind’s site? I’ve transformed (well, half-transformed) them into a prototype. Look at it live here. The first 10 pages are almost identical to the real site (well, some things are more to the right, others to … Continue reading

Posted in Wireframe | Tagged , , , , , , | Leave a comment

Our wireframe is live, for sometime

If you’ve been following our wireframing marathon, you saw we have plenty of wireframed pages. Indeed, we have Justinmind’s site all wireframed. Here are the pics. But now, for something other wireframing software cannot do: click here to see Justinmind’s … Continue reading

Posted in Wireframe | Tagged , , , , , | 2 Comments

Wireframes of Justinmind's site

These are some screens of the wireframes of Justinmind’s actual site. I’m drawing them and plan to animate them today. Later, I’ll post the prototype. You can see more wireframes in our flickr album:

Posted in Wireframe | Tagged , , , , | Leave a comment

Difference between a mockup and a wireframe. Still in doubt?

The first one is a mockup. It has the design, color, images, etc. The second is the wireframe. This is the homepage of our site, fyi. The wireframe was made with Prototyper, of course.

Posted in Wireframe | Tagged , , , | 2 Comments

Online prototyping demonstration: an experiment

Hello followers. A while back ago I was about to start another tutorial to post here, but I ran out of prototypes, so I thought: why don’t I show the whole process of prototyping, from first wireframe to final version? … Continue reading

Posted in Tutorial, Wireframe | Tagged , , , , , , | Leave a comment