Home / ui
In design, wireframes are useful because they help put the focus on important structuring issues before considering detail-oriented challenges. Wireframe Showcase is a site based on wireframes showing how designers transformed mock-ups into working designs. There is a short explanation of each piece and a chance to provide feedback or ask the designer questions through a comment form. Most of the websites grew out of digital mock-ups, which have the advantage of being easy to tweak and rearrange. The result is a pleasing and informative collection of wireframes.
Wed, 18/08/2010 - 07:26
Web design resource organised to element type.
Mon, 12/07/2010 - 08:48
Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.
Fri, 28/05/2010 - 15:57
We simply love creative icon design, we really really do. As such in this post we have collected a rich list of 30 fresh icon sets specifically for designers and developers.
You will find some mini icons, pictograms, wireframe icons, ecommerce icons, toolbar icons, mobile app icons… the list goes on and on.
Wed, 26/05/2010 - 12:02
a growing showcase of nice iPhone app interfaces. The screenshot collection gives you an overview of design apps on the market. The look of every app is visually appealing and simply beautiful.
Thu, 06/05/2010 - 07:43
365psd is a project to give unused designs a second chance - Photoshop layered design files available for free download.
Wed, 21/04/2010 - 08:44
People spent more than twice as much time looking at the left side of the page as they do the right:
* Left half of screen: 69% of viewing time
* Right half of screen: 30% of viewing time
The remaining 1% of viewing time was spent to the right of the initially-visible 1,024 pixels. Such information is visible only after horizontal scrolling, and the minute amount of attention it attracts confirms the guideline to avoid horizontal scrolling.
Wed, 07/04/2010 - 08:47
If you've ever wrangled a user interface, you've probably heard of Fitts' Law. It's pretty simple -- the larger an item is, and the closer it is to your cursor, the easier it is to click on. Kevin Hale put together a great visual summary of Fitts' Law, so rather than over-explain it, I'll refer you there.
The short version of Fitts' law, to save you all that tedious reading, is this:
* Put commonly accessed UI elements on the edges of the screen. Because the cursor automatically stops at the edges, they will be easier to click on.
* Make clickable areas as large as you can. Larger targets are easier to click on.
Wed, 24/03/2010 - 13:14
Mobile forms tend to have significantly more constraints than their desktop cousins: screens are smaller; connections are slower; text entry is trickier; the list goes on. So, limiting the number of forms in your mobile applications and websites is generally a good idea. When you do want input from users on mobile devices, radio buttons, checkboxes, select menus and lists tend to work much better than open text fields.
But constraints breed innovation, and mobile forms are no different. The limitations of mobile devices have forced developers and designers to find new ways to allow users to input data faster and more easily. Thanks to the modern solutions covered in this article, the mobile space may not be a place to avoid forms much longer. Instead, it may become the place to encourage them.
Fri, 12/03/2010 - 09:22
The BBC website began its official life back in December 1997 with this very simple design. It was a basic offering with two sections to the site. Over time it has grown to encompass a great deal more. However due to the organic way in which the website evolved and the old structure of the business, with dozens of small design teams working independently of each other, the site had a fairly schizophrenic nature once you delved into its depths.
Fri, 19/02/2010 - 12:35