The developing of a brand-new web site, or its redesign, always starts with a prototype of the graphic. And because a picture is worth a thousand words, is always more useful to sketch the site interface than describing it in a document.
But what is the right tool to choose, when building a prototype? Well, it depends on the problem, and on the status of the project. A single prototype will never be sufficient for the customer to understand how the site will be: for each phase of the project design, there’s an appropriate tool. This article explains them all!
This is a good example of YouTube interactive video, it is only a matter of imagination. Try it!
YouTube – INTERACTIVE: Blend Your Own Adventure [START HERE] + Will It Blend? – Corey Vidal iPhone 4.
This simple website provides a tool to emulate the ipad viewport.
Obviously it is better to use it with Safari.
A simple an effective interface.
Who says the pictures in your catalog or magazine have to stand still?
Flowella is an easy to use tool that enables designers and developers to create design prototypes — without writing a line of code.
Prototypes are built using images of screen mock-ups and defining links between the screens.
Flowella can create an Adobe Flash Lite 3.0 application or Web Runtime (WRT) widget from a sketch.
via Flowella.
These Design and Paper Prototyping Templates are ideal for early brainstorming and conceptual design. The package includes printable device sketching templates, and a set of user interface components that you can print, cut out, and customise to create basic paper prototypes. The templates and components are have been desgned for Nokia touch devices (based on a 360 pixels by 640 pixels display), and non-touch devices (based on a 240 pixels by 320 pixels display). Device screens and components are not 100% size and have been scaled to accommodate printing on A4 paper.
I think the best anti-IE6 solution, taking care of users and dev’s headhakes, is providing a graceful degraded website and using a message for IE6 users, suggesting them to download a new browser.
I provide a degraded website because we can’t ignore the 10% of users but at the meantime I suggest them to download a new browser because they would have a best web experience and for reducing the number of users using it.
You can specify “degraded” style for IE6 users with the following lines of code:
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6.css" media="screen"> <![endif]-->
“IE6 no more” can be part of the solution. It shows a message only for IE6 users.
The displayed message is:
It is available in 7 languages.
Read more about “IE6 no more” here: Code Samples – IE6 No More.