Archive for ‘Design Resources’

There’s nothing like a looming deadline to fire you into action. I have 2 weeks to complete the website I envisaged nearly 2 years ago. Back then I was a relative newcomer to WordPress. Prior to that my website had been a mostly static affair with a strong focus on the front end design. Moving to WordPress meant that the design had to take something of a backseat (or at least ride shotgun). I learned a lot but I was embarrassed by the quality (or lack thereof) of the design. This new release has achieved a happy medium where I’m able to take full advantage of WordPress while producing unrestrained design and to the level I strive for. I hope you enjoy it as much as I have enjoyed putting it together. Speaking of which, I’d better get back to work.

Here’s an interesting (albeit brief) dissection of how rich autocomplete is used in some high profile online retail websites.

Trendspotting: Rich Autocomplete in Site Search | Get Elastic

Here is a short, sharp article that explains the difference between user research, usability testing and how they both fit into the design process - The difference between User Research and Usability Testing?

I recently came across a couple of lists of design principles. Whether we realise it or not, all designers work to their own set of values. They are an essential part of the design process. Therefore it’s important to remind yourself of these once in a while and check your work against them.

The first example is the “Ten principles for good design”. I like these because they are universally applicable. You can apply them to almost any type of design in any market. I think this is a great set of values for the individual designer:
Good design: Dieter Rams’ ten commandments

The second example is Facebook’s Internal Design Manifesto. This resonates a lot of the values from the first list but repackages and refocuses them so they are specific to Facebook:
Facebook’s Internal Design Manifesto – Thomas Crampton

Does anyone know of design principles for other organisations?

UPDATE: Here’s a fantastic round-up of principles by fellow designer James Mansfield

UPDATE: The Principles of Good Web Design (with real world examples): Part 1: Layout, Part 2: Navigation, Part 3: Colour.

UPDATE: Carsonified » 10 User Interface Design Fundamentals

I’m currently working on a redesign of my portfolio, so I’ve been doing a bit of research into current trends, techniques and basically looking for some great inspiration. The following is a collection of great resources and some stunning examples from both studios and individuals. While I believe the star of the show should be the work itself, the portfolio needs to tie it all together and take the user on a journey.

To be honest I’m a little daunted as the benchmark is pretty high. The old version of my portfolio is here. Hopefully it’s not long before the new one is ready.

Resources
12 Tips for Creating a Great Portfolio Site
Portfolio Design Study – Another great deconstruction by Smashing Magazine.
10 Cool Photo Portfolio and Gallery WordPress Themes
60+ Helpful Resources for Portfolio Design
Design a Textured Portfolio Site Layout Using Photoshop
Five Popular Design Portfolio Website Styles
Top 10 Portfolio Faux Pas
How to Design a One-Page Portfolio in Photoshop
Stacey, Simplified portfolios

Examples
6 Absolutely Stunning Design Portfolios
50 Beautiful and Creative Portfolios
50 Fresh Portfolio Websites for Your Inspiration
Elliot Jay Stocks – I’ve always been a fan of Elliot’s work. His new website is awesome.
Purple Rock Scissors
Five Popular Design Portfolio Website Styles
Marius Roosendaal – I love the way the theme changes depending upon the time of day.
STUDIO7DESIGNS
Travis Isaacs | My Life In Pixels
45royale Inc.

UPDATE: Elliot Jay Stocks also has a 2 part screencast on how to design a portfolio site.
UPDATE: Smashing Magazine’s  Showcase of Case Studies in Design Portfolios
UPDATE: Ready-made portfolios Hosted Portfolio Roundup on Heavy Backpack