Rapid Prototype Blog

Posts Tagged ‘sketch’

Fifteen years ago, there was almost no website prototyping. At most, people used to draw a rough sketch of the appearance of the page. Fortunately, this has changed a lot, and we can create prototypes to a high level of detail.

Let’s detail how they can be and what are their uses.

Paper and pencil prototype

The first prototypes. Most usability tests still use them, although there are better ways to do that. In a framework that involves software to prototype, paper can be used to sketch, doodle ideas and cut out the best ones.

Of course, this requires a great amount of imagination to understand a website, or great drawing skills.

Some people also use other simple wireframing tools.

Low fidelity prototype

These are prototypes that work as websites. Some fields change according to users reactions, data can be manipulated, events occur according to designated behaviours.

These can be used to identify features of the programs, define requirements and make everyone understand what the project is meant to be. There is yet no need to use full detailed graphics, real text or perfected animations.

It requires the use of software or HTML coding hability.

High fidelity prototype

It’s almost the final website, quickly coded. It requires software to be build, such as Justinmind Prototyper. A fully functional high fidelity prototype of a website can have pop-ups, data entries, sums, conditional behaviour such as a link that only works when you type the right password, embedded objects such as detailed images, graphics, videos or Flash animations.

The main difference between a prototype and the final coded project is that today, human coded software is still better organized and smaller. However, to test with final users, present to clients or other co-workers, it is perfect, and has a smaller development time.

Can I use just one software from wireframe to prototype?

Justinmind Prototyper is designer to be used from the first wireframe drafts, mind maps and navigation flowcharts to the final presentation of the high fidelity prototype. It also allows the collaboration between all the professionals involved in the development, and manages requirements, comments and version control to allow it to be produced as quickly and organized as it can be.

This video presents a platform in which interaction designers can effectively and rapidly develop tangible interactive prototypes in by sketching. The study aims to build a platform that plays the role of sketch in hardware-software integrated interactive product design process. The platform consists of three components: a sketch based interactive concept exploration software application called STCtools, a set of physical user interface(PUI) widgets with a key converter and a video projection based augmented reality desk. For prototyping, a designer creates hardware and software sketches in pen based computers using STCtools. Sketches of hardware and software are drawn in a client device and composed in an electronic whiteboard in a server device. PUI widgets can be physically attached on a foam mockup or on a screen of the client device. The hardware-software integrated simulations are examined on a video projection based Augmented Reality desk (ARdesk). The sketch simulation is captured and projected onto a paper marker created with invisible infra-red ink. Tek-Jin Nam Department of Industrial Design KAIST