Archive | User Interface RSS feed for this section

Whatever happened to the Art in Design?

Whatever happened to the Art in Design?

With FOWD (Future of Web Design) London only a couple of weeks away we thought it would be a good opportunity to look back to the last Future of Web Design event which took place in New York in November 2008. Mike Kus, designer at Carsonified, gave a quick fire 15 minute talk entitled “Whatever happened [...]

Continue reading...

White Space: How to Get it ‘Right’

White Space: How to Get it ‘Right’

Space is important in layout. Space can be created by content, such as text, images, lists, logos etc, or it can be created by the space in-between content, called negative space, or whitespace. Space can be passive; a by-product of the layout process. Or, it can be active; there for a reason, to guide the [...]

Continue reading...

Bargain Basement Usability Testing

Bargain Basement Usability Testing

The subject of usability generates a dichotomy between what we think and what we do. We know it is good to focus on usability. We need only look at Apple and the iPod to know that it provides tangible benefits. However, in reality we often shy away. It is hard to prioritize usability when [...]

Continue reading...

20 Steps to Better Wireframing

20 Steps to Better Wireframing

Possibly the biggest mistake in any development project is failure to plan. Recently, the owner of a prospective start-up told me that planning was unnecessary and a good developer could just start coding. This, I promise you, will end in tears. Wireframing is one of the first steps in your planning process and arguably it’s one [...]

Continue reading...

Designing a web app with character

In this presentation, Denise Wilton, designer at Moo.com talks about how to build web apps that not only work well, but have their own special character and personality. As well as sharing tips from her design experience, Denise discusses the important role that copy plays in building a credible, likeable web app too. This session is [...]

Continue reading...

How to recreate Silverback’s parallax effect

When I was a lad, I remember being wowed by an effect in Sonic the Hedgehog known as parallax scrolling. Moving my little spiky friend to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar [...]

Continue reading...

Web App Form Design

In this presentation, Ryan Singer, designer at 37Signals walks you through some useful steps on creating usable, intuitive forms in your web apps through effective use of copy and design. This session is from Future of Web Design London 2007, hosted by Carsonified. You can be at the next FOWD - featuring Ryan and a host of [...]

Continue reading...

Read more … about progressive disclosure

Progressive disclosure is a method of revealing the details of a feature on an on-demand basis, so that the basic elements of the feature appear by default while the less used or more advanced elements are hidden. These elements are usually just a click or two away, so they remain readily available, but they’re hidden [...]

Continue reading...

Home Sweet Homepage

We have all had clients who want the impossible — and never more so than when it comes to homepage design. They have a never-ending list of requirements, which mainly revolve around cramming as much content in above the mythical fold as is possible. This desire to display everything on the homepage is born out of [...]

Continue reading...

Turning Visitors into Users

Thousands of people may be visiting your site every day, but if you don’t convince them that they should be using your product, subscribing to your service, or registering in some way, then your web app’s homepage is simply not doing its job. Successful web apps use similar formats when it comes to user interaction on [...]

Continue reading...