Monthly Archives: October 2009

How to share wireframes, prototypes and documentations with Justinmind Prototyper

Normally, a project made with Justinmind Prototyper is going to be coded into a piece of software or a website later on. So, it’s important that your wireframe software to be capable of exporting in several formats. Export your documentation … Continue reading

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

How could you save time by adding a prototyping phase to your project

It may sound contradictory, but going straight from wireframe to code is not the best way to finish your project early. Normally, clients make several changes when they see the actual design, with colours and real text. Many of those … Continue reading

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

Hi-fi prototype freebie for your wireframes 08: Collapsable FAQ

Frequently Asked Questions, inserted in a container, and that shows more data when you click on them. Now available with just drag and drops. Hi-fi your wireframes with that! wireframe FAQ – click to download. You can edit any element, … Continue reading

Posted in Wireframe | Tagged , , , , , , , | 3 Comments

Hi-fi prototype freebie for your wireframes 05: Comment form master

Help your users improve your content! With this master, simulate a pop up comment form. wireframe master_comment_form – click to download. It’s programmed to work like this: you drag and drop the master anywhere on your screen. When you click … Continue reading

Posted in Tutorial, Wireframe | Tagged , , , , , , , | 1 Comment

Another post about the difference between wireframes, mockups and prototypes

Melissa Bernais wrote this article with textual differences and uses for wireframes, mockups and prototypes. It’s great content.

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

The Fundamentals on User Interface Design for Programmers (video)

Just found this video about the principles of UI for programmers on Gabriel’s blog. Great material to see, study and take notes. UI Fundamentals for Programmers by Ryan Singer from ChicagoRuby on Vimeo.

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

A first timer's guide to wireframing with Justinmind Prototyper

If you want to learn how to use Justinmind Prototyper to create wireframes, prototypes and simulate your idea before start coding, download this file and give it a try. The two best reviews will win a license. The first version … Continue reading

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

What are website prototypes good for?

Wireframes are good to show how the web will look like. Sitemaps are used to show the navigation structure.

But none of them show how a website works. Continue reading

Posted in Wireframe | Tagged , , , , , , | 4 Comments

Suze Ingram's presentation about wireframe software

During #OzIA09, an event that ocurred last Friday and Saturday in Sidney, Australia, Suze Ingram (@SuzeIngram) did a comparison between all (or at least almost all, which is a lot) software available on the market of wireframes and prototyping, from … Continue reading

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

When do we start to create a wireframe?

After defining which pages are going to be created and what they’ll contain, we start the wireframing process. This means start drawing the objects that will be present on the pages, without much attention to detail. Lo-fi and hi-fi wireframes … Continue reading

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

Newsletter

Almost finished... We need to confirm your email address. To complete the subscription process, please click the link in the email we just sent you.

Ok

Thank you for contacting us!

We'll reply as soon as possible.

Ok