Category
interface design
-
Bookmarks
Web prototyping: choose the right tool!
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!
via Match the Tool to the Problem – 52 Weeks of UX.
-
Bookmarks
INTERACTIVE video: Will It Blend?
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.
-
Bookmarks
iPad viewport
This simple website provides a tool to emulate the ipad viewport.
Obviously it is better to use it with Safari.
-
Bookmarks
iPad Shopping Mock Up
A simple an effective interface.
Who says the pictures in your catalog or magazine have to stand still?
iPad Shopping Mock Up from Jesse Rosten.
-
Bookmarks
Easy Prototyping for Mobile devices
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.
-
Bookmarks
Paper Prototyping Templates for Mobile
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.
via Design and Paper Prototyping Templates.
-
Bookmarks
Fight IE6 users… gracefully
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.
Degraded website
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]-->
Message
“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.
DevReference.org
Short notes about development
Copyright
Copyright © 2007 by DevReference.org. All rights reserved.Designed by Upstart Blogger.