Category Archives: Tutorial

UX Eye – Mid Peninsula Edition

New Seminar: UX Eye – Mid Peninsula Edition Continue reading

Posted in Giveaway, Prototyper, tool, Tutorial, Usability, Wireframe | Leave a comment

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

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

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

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

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

Tutorial 07: Pop up screen using masters

This is an old entry, please check our tutorials section in our website I have this prototype of a Tour Agency, and I want to create a pop up that shows a map. Here, in the red dot, I need … Continue reading

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

Tutorial 06: Using masters, widgets and templates

Check our tutorials section in our website

Posted in Tutorial, Wireframe | 2 Comments

Tutorial 05: adding a master to a template

This is an old entry, please check our tutorials section in our website After the last post with tips & tricks, some folks asked us what’s the difference between a master and a template in a fully functional wireframe, so … Continue reading

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