Digital UK Design Blog

Peter from Peopleoftheday.co.uk dropped us an email to ask if we can help publicise their range of celebrity caricature books and prints in time for Christmas. Normally we ignore these types of marketing emails but Peters request stood out when he explained it was an initiative that supported Cystic Fibrosis (CF). Personally I have never explained CF personally, nor through any family members but through reading up on the subject it’s a life-threatening inherited disease which affects over 8,000 people in the UK.

People of the day support CF

Around 1 in 25 people in the UK carry the faulty gene, that’s over two million people.

Each week five babies are born with CF and three young lives are lost to CF.

CF affects a number of internal organs, especially the lungs and digestive system, by clogging them with thick sticky mucus resulting in infections and inflammation making it hard to breathe and digest food.

There is currently no cure for Cystic Fibrosis.

A perfect gift

Whether it’s for dad for Christmas or your Grandad for his birthday, these books and limited edition prints make a fantastic gift. You’ll also be supporting Cystic Fibrosis.

Limited Edition prints

View the gallery of over 200 celebrity caricatures and buy the limited edition prints.

People of the day
Buy online at Peopleoftheday.co.uk →

Also, any referral fees we collect will be donated to the Cystic Fibrosis charity fund.

Free Secret Santa Random Name Generator

November 17, 2009 | Tools | Gary Hartley | 2 Comments »

Christmas isn’t far away now, 38 days to be precise, and if you’re even a little bit festive there’s a chance your place of work may do a Secret Santa. It’s a fun way of buying a colleague a Christmas present without them knowing who sent it. It’s also fair because everyone normally has a small set budget in which to purchase the present. We use a simple online Secret Santa organiser that randomly pairs present givers and receivers. Simple enter the names and email addresses of each participant and each person will receive the name of the person they need to buy for, all done surreptitiously.

The Site

boogspace

The process

4 simple steps

  1. Enter your name, email address, and a group name
  2. Select the number of presents for each participant.
  3. Enter the names of the participants.
  4. Click on the Pick Names button.

Visit the Free Secret Santa Random Name Generator →

Design by committee is a coined phrase to describe a collaborative approach to designing and, as I experience way to much, is bound to produce suboptimal results. Best described by the maxim “A camel looks like a horse that was planned by a committee”, I firmly believe this approach is severly handicapped. To illustrate it better let me regale you on a fictional example from the web design world, roll the tape Jack!

Design by committee

A typical design process

A tried and tested approach to efficient, time saving, quality controlled design.

  1. Initial design consultation with client
  2. Design spec developed and pre-agreed
  3. Ideas generation and presentation to client
  4. Feedback
  5. Revisions
  6. End artwork produced
  7. Signoff

A typical committee based design process

  1. Initial design consultation with client
  2. Design spec developed and pre-agreed
  3. Ideas generation and presentation to client
  4. Feedback
    • Susan gives her thoughts
    • Clive gives his thoughts that contradicts Susans
    • Malcolm gives his thoughts 2 weeks later that contradicts Susans and Clives
    • Mike loves it and doesn’t want any changes making
    • Clives wife adds her two cents
    • Two members of the committee fail to give feedback
  5. Designer makes revisions
  6. Feedback
    • Susan loves it
    • Clive hates it
    • Malcolm gives his thoughts 2 weeks later that contradicts his original changes
    • Mike wants it how it originally was
    • Clives wife adds her two cents
    • Two members of the committee fail to give feedback
  7. Designer makes some more revisions
  8. Feedback
    • Susan hates it and wants revision 2
    • Clive has a shouting match at Susan and demands further changes
    • Malcolm gives his thoughts 2 weeks later that contradicts his second set of changes
    • Mike wants it how it originally was
    • Clives wife ends up having a fight with Susan
    • Two members of the committee finally give some feedback on revision 1
  9. Designer can now either A. Quit. B. Call a design clisis meeting. C. Demand all changes funnel through one person only. D. Goes on a manic killing rampage.

Luckily the designer chose C and Susan was the designated first contact

  1. Revision 3 evaluated
  2. Amends agreed
  3. Susan passes on feedback from all comittee members
    • Clive wants to try another strategy
    • Malcolm disappears for a month to his villa in Spain
    • Mike wants it how it originally was
    • Clives wife apologises to Susan and gives her two cents
    • Two members of the committee finally give some feedback on revision 2
  4. Designer rightly demands further design budget… the committee say no!

I think by this point to see it’s not the ideal situation for any designer to be in. They can set out a strict spec, claim a deposit before the work is started but there’s always this middle grey area that can very easily go out of control. Too many cooks spoil the broth, and it takes a strong and experienced person to manage feedback. Some are changes, some are just ideas but at the end of the day it’s just not a situation a cherish being in.

Ricky Gervais and Karl Pilkington enlightens us further

There was a really funny exchange between Ricky Gervais and Karl Pilkington on his podcast the recently. They started talking about Chinese proverbs and quickly devolved the conversation into Noah’s poor decision to let similar animals onto the Ark.

This is paraphrasing, but you get the idea…

Ricky: “One of my favorites is, ‘A camel is a horse designed by committee.’”

Stephen: “Carl’s already wondering who’s on that committee.”

Karl: “I was just thinking why would you request the hump bit, cause that’s just gonna get in the way, innit?”

Ricky: “Ok, Karl. I’ll give you an animal, and you tell me where it has gone wrong. The Octopus.”

Karl: “It should have some bones. I never understood why it would like to get in a jar anyway.”

Ricky: “A Giraffe.”

Karl: “Noah should have seen some of the animals coming in and said, ‘Hold on. Just saw one like you.’ and then throw it out.”

Not sure if I captured the humor there, but, regardless, I like the premise of the initial statement. Design-by-committee is bound to produce suboptimal results, and I recommend to every designer to think carefully before accepting such projects, they can be more trouble than they’re worth.

Did you know 95.1% of users connected to the Internet in the UK are on broadband connections, according to Weboptimization.com. Here’s a quick roundup of some other interesting technology based statistics.

Latest Internet Stats Roundup: Technology

latest-technology-stats

93% of enterprises (10+ employees) in the UK have Internet access.

Eurostat ‘ICT Usage by Enterprises 2008′, ICT Statistics, December 2008

48% of home broadband users have used wireless broadband at home in the last month.

IAB/PwC, ‘Online AdspendStudy H2 2008′, April 2009

In December 2008, Eurostat reported that 60% of all homes in the EU-27 countries had Internet access and 48% had broadband. This equates to 4 in 5 homes with Internet access in the EU-27 having broadband. In 13 out of the EU-27 markets, over 50% of all homes had broadband – including the UK (62%), Germany (55%) and France (57%).

Eurostat, December 2008

95.1% of users connected to the Internet in the UK are on broadband connections.

Websiteoptimization.com, December 2008

Consumer spend on broadband Internet access looks to be very resilient so far. A recent survey in the UK about items people would be willing to give up to save money in a recession found that 57% would refuse to give up their broadband – higher even than fresh fruit and vegetables! (43%).

Net Imperative, December 2008

Worldwide, over 6 billion songs have been sold on iTunes.

TechCrunch, January 2009

UK Digital TV (DTV) growth has finally started to slow significantly. By the end of 2008, 86% of TV homes and 91% of the population living in TV homes had DTV reception on one or more sets.

Enders Analysis, March 2009

24% of mobile phone users in the UK have watched mobile TV and/or video.

QuickPlay Media Inc., February 2009

UK mobile search increased from 3.2m in July 2007 to 4.3m in July 2008.

eMarketer, December 2008

In the UK, 55% of iPhone users and 34% of smartphone users have used web search, as opposed to 12% of total mobile phone users.

eMarketer, March 2009

Paid mobile search spend worldwide is forecast to grow from $260.60m in 2009 to $2,977.30m in 2012.

eMarketer, March 2009

Over 30% of respondents in a recent eMarket study for Japan, UK, Spain and US, agreed that the mobile phone is an extension of their PCs/Laptops. 4% felt it was a computer, while 22% felt their mobile device was both a phone and a computer.

eMarketer, March 2009

Worldwide mobile phone subscription penetration is 61%.

eMarketer, March 2009

In the UK, 81% of mobile media users access mobile media more than once a week with 46% using it daily.

MobiAd News, March 2009

84% of the UK population owns a mobile phone.

Deliotte, April 2009

Nearly two million people in the UK use their mobile phones for a growing number of services, from text alerts that confirm when they have been paid to transferring money between accounts.

Times Online, February 2009

Japanese etail giants can make as much as one quarter of their sales via cellphones. Nearly half of Tokyo’’s single females are accessing the mobile web more than five times a week, with the peak shopping time between 1pm and 3pm reflecting the part-time employment status of many young Japanese.

Internet Retailing, May 2009

Over 90% of iPhone users accessed mobile media in January.

NMA, March 2009

Take-up of top-speed broadband packages is also on the rise. Virgin Media, which last year brought out Britain’s first 50Mb broadband service saw a 78% increase in the number of customers choosing to pay for its most expensive package during 2008.

Enders Analysis, February 2009

Googles Chrome browser increases its global browser market share 285% in 12 months, while competitor Microsofts Internet Explorer loses an incredible 6% of the total market share in the same period.

The Floating Frog, October 2009

This set of points is designed to help you critique a design, specifically for ecommerce websites, to make them perform at their optimum, to help with usability and inevitably increase sales and conversions. Each point may or may not be relevant to the design you are working on so use them purely as a guide and point for discussion. Time and budgets may also play a part in the design process so all these points may not be actionable.

common-ecommerce-mistakes

13 reasons why your online store will fail + Solutions

Does your design pass each of these common ecommerce mistakes? If not then you have room for improvement and the potential to make it perform better.

Lack of detailed product information

Write as much information about your product as possible. Include sizes, weights, shapes, colours, everything you can. Put yourself in your customers shoes, what information would you want to know about your product. Try to answer the questions yours visitors may have. Remember this unique, detailed information also has an SEO benefit so the more you can write the better.

Only one product image

Upload as many detailed product shots as you can. You can convert a new visitor to a customer simply through quality product shots. Consider having your products professionally shot, this will improve confidence in quality and service in your customers and make your business look more professional.

Long and confusing checkout process

Make this important stage as simple as possible and remove any unneccessary obsticles to allow the customer complete their order with minimum distractions. If you have a multi step checkout process then consider streamlining this down to maybe one or two pages. At this stage you have them searching in their purses for their payment card, the last thing you want to do is lose them now through a complicated long drawn out payment process.

Hiding contact information

Consider displaying your contact information in a prominent place. The header is an ideal place as this is a place that typically stays the same throughout the site. Show your phone number and a link to a contact page with a contact form on it. Give them every reason to think you will look after them in case they have any questions. Customer loyalty and return business is the foundation of a successful ecommerce shop.

Requiring an account to order

Allow them to purchase your products without an account but highlight the benefits of creating an account prominently. Selling products in the most important part of your business, making them signup yields further benefits for your business but should always be optional as to allow the transaction to complete, as quickly and as easily as possible.

Inadequate search

A comprehensive search tool is imperative for shops with hundreds of products and sections. Searches allow a visitor to by-pass the lengthy manual search and allows them to see the products they are interested in. If your search doesn’t work or is limited then it may be doing more harm than good.

Poor customer service options

Build confidence and a lasting relationship with your customers by supporting their needs. Be upfront with contact details and customer service option and display them prominently throughout the website. After service support helps eliminate bad press and improves your businesses reputation as being a quality, trust worthy etailer.

Tiny product images

Your product images should be big enough to catch the eye and of high quality to provide the visitor with a good interpretation of the product.

Poor shopping basket design

A good shopping basket should allow a customer to purchase a product quickly and easily while maximising on upselling related products. Keep it clean and clear. Allow users to add multiple items, edit the quantities and remove any unwanted items. It should do all this while staying transparent to the visitors eye. Without a well thought out design a sale and the potential of repeat business may be lost.

Lack of payment options

Consider implementing more than one payment option on your shop. Users who find that their desired payment method isn’t accepted will not in most scenarios continue with the purchase. By accepting as many payment options as you can increases your catchment and inevitably sales. It may be a little extra work for you but in today’s highly competitive online marketplace every advantage helps. The same goes with your competitors, if your don’t support a users payment method then you could potentially steal the sale.

Not including related products

Related products are crucial when trying to upsell. A pair of trousers maybe land you a sale, but my recommending a belt, a t-shirt, a pair of shoes and a jacket, that sale could really be boosted by this lucrative upselling method. Related products have two obvious places where you can implement them, firstly on a product specific page and secondly in a users shopping basket once an item has been added.

Confusing navigation

Your websites navigation should be clear, well structured and fixed. Be clear as to what you call each link and don’t be too creative with the language. If a section of your shop sells trousers then call it trousers, if it contains disposable barbeques then call it what it is. Devise a clear site structure that is clear and removes as many levels as possible. Remember the three click rule, make sure every product page can be reached within 3 clicks or less, failing this may render the shopping confused and frustrated.

Put focus on products

Ecommerce sites should focus on professional, crisp and well presented product imagery. Forget about designing fancy headers with bright graphics and this will detract the users eye away from your products. Keep the structure light, clean and clear and focus your efforts on presenting your products effectively in your online shop window. Conventional shop windows are filled with the latest products and intices a walker-by into the shop. The same principle should be applied online with a strong product line or offer to lead the visitor through into your website.

Free icon sets – Need some free icons? Looking for those detailed 16×16 Silk icons from FamFamFam or the impressive Tango collection? Then look no further, below is a plethora of links to free icon sets. Each free icon set has it’s own license attributed to it so please read it carefully before using them.

Top Tip: Remember to bookmark this page for future reference.

Download Instructions: Simply click on each image to visit the download sites.

FamFamFam

Silk Icons

“Silk” is a smooth, free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format.

Silk Icons

Mini Icons

“Mini” is a set of 144 GIF icons available for free use for any purpose.

Mini Icons

Flag Icons

“Flags” are 247 icons — in GIF and PNG formats — representing most countries in the world as small pixel icons.

Flag icons

Tango desktop icons

Hundreds of desktop icon sets

Tango icons

Sweetie Icons

182 web application icons

Sweetie-BasePack-v3

Feed Icons

Official feed icons

Official feed icons

HoHoHo! Icons

113 10×10 gray scale icons in GIF format.

hohoho

Mini Pixel Icons

320 mini pixel icons

mini-pixel-icon

Further Icon Resources

1. Zeusbox Feedicons – 34 feed icons in 32 and 16 pixels size with PNG format.
2. FastIcon – a series of CSS3 icons, currently updated.
3. IconDrawer – high quality Mac OS X PNG format icons sets.
4. IconFactory – quality free icon sets for Windows and Mac.
5. ColorCons Free Icons – PNG 128×128 format.
6. Designmagus – a series desktop icon sets.
7. Silvestre – six series desktop icon sets.
8. Ganato – free PSD Icons.
9. Tango – desktop icons with 16×16, 22×22 and 32×32 format.
10. Greyscale – a set of 40 icons which each fit into a 34 x 34 pixel area.
11. IconsDesigns – Vista style icon sets.
12. Marko Webcontrol Icons
13. Yellowpipe Free Icons
14. Iheartny – a series quality desktop icon sets.
15. Crystalxp – PNG icon sets.
16. Enhancedlabs – quality desktop icons.
17. Icon Archive
18. Freeiconsweb – 15,000 free icons for Windows, Macintosh and Linux Systems.
19. Zyotism
20. Pixelpressicons – icons for Mac only.
21. Websiteicons
22. Vista Icons – free Vista style icons.

Being an Apple fan boy and owning pretty much everything Apple branded, it came as a shock when I read on TechRadar that Apple have released their new range of iMac computers, with the largest being an incredible 27″ beast! I was so excited I bought one within 20 minutes of hearing about it.

The New Apple iMac range

new-imac-27-inch

Apple iMac 27"

design_hero2_20091020

design_hero5_20091020

Good points at a glance

  • It’s Massive! Choose between a 21.5-inch or 27-inch LED-backlit glossy widescreen (16:9)
  • Wireless keyboard and mouse as standard
  • Faster processors – 3.33GHz Intel Core 2 Duo processor in 21.5-inch models and up to 2.8GHz quad-core Intel Core i7 processors in 27-inch models
  • Environmentally friendly – as much as it can be, making you tree huggers out there a bit happier
  • Built-in iSight camera as previous models
  • Lots more…

Bad points at a glance

  • The price – as usual Apple products aren’t cheap with the base 21.5-inch iMac model starting at £949.00 and the top end 27″ model coming in at £1,599.00. Add on top of this any upgrades like RAM, software and it really starts to add up
  • No Blu-ray – Apple dropped ‘bag of hurt‘ Blu-ray unfortunately
  • The size – unfortunately the 27″ super brilliant screen ‘may’ cause eye strain, due to it’s super massive size gurthness! You may find yourself shaking your head from side to side like your watching a Wimbledon tennis match – well I had to find atleast three bad points ;)

“The iMac is widely praised as the best desktop computer in the world and today we are making it even better,” said Philip Schiller, Apple’s senior vice president of Worldwide Product Marketing. “With brilliant LED displays and the revolutionary Magic Mouse, the new iMac delivers an amazing desktop experience that we think customers will love.”

…what sorry did you say something? Sorry sorry I must of been somewhere else, like in the world of beautiful 27″ iMacs, fluffy clouds and red bank statements. Thanks again Apple for plunging me deep into my overdraft again.

According to Net Applications and their Top Browser Share Trends, Googles Chrome browser has increased it’s global browser market share to over 3%, a 285% increase in just a year. Comparing Chrome with Apples Safari browser there’s not alot between them with Safari currently holding just above 4% of the global web browser market. Still ahead of the competition is Internet Explorer with a collective share of around 65% but as the following figures show they have lost a sizeable chunk of the market.

12 month global web browser market share trend

Web browser 12 month trend

Graph shows Internet Explorer is still way ahead of the competition but is slowly losing it’s dominant market share.

Browser winners and losers

Winners

Mozilla Firefox
Firefox is actually the biggest winner in the web browser wars in the last 12 months taking another 2.54% of the global web browser market, a yearly change of 112%.

Google Chrome
In the last 12 months Chrome has increased it’s global web browser market share by 285% from it’s position 12 months ago. It currently holds 3.17% of the global web browser market, a 2.06% increase.

Apple Safari
Apples Safari browser has also had a great year and has seen a 137% increase in it’s market share from this point last year. Safari is now the third most popular web browser with a 4.24% market share.

Losers

Internet Explorer
Internet Explorer is still the dominant force in the web browser market but hasn’t had the best year, losing nearly 6% of the market share to it’s competitors and having just 92% of the market compared to last year. Collectively Internet Explorer holds 65.71% of the market.

Browser Wars

Summary

Internet Explorer is still number one in the global web browser market but has lost 6% share. Firefox has made the biggest gain and now holds almost a quarter share of the market. Google Chrome is the best performer with a year increase of 285% and now holds 3.17% of the market with IE, Firefox and Safari only holding more of a share of the market.

Great so it seems W3.org (World Wide Web Consortium or W3C) have finally redesigned their website. Now for those that have never heard of the W3C they are basically an international community that work together to sustain and develop web standards. It’s fitting then that this redesign hasn’t deviated too far away from their old design, adopting instead for an evolution of the old design rather than a complete redesign.

W3C describes their new site as follows:

The new site features a harmonized design, simplified information architecture, new style for technical reports, and new content, including calendars and aggregated blogs.

Using their own markup validation tool it seems the developers have done a good job, no errors were found and the site passed XHTML 1.0 Strict! as you’d expect. Design wise I like it, a simple update to the design and architecture has brought it up-to-date. Nothing fancy but I think it’s ticked all the right boxes.

w3.org

One feature i do like is the ‘views’, where you can switch between desktop, mobile and print view.

So a quick post about the W3C and their sympathetic evolution of their site, let us know what you think.

Hug a tree then buy the tee!

October 15, 2009 | News & Reviews | Gary Hartley | 1 Comment »

Today is Blog Action Day 2009 and this years hot hot hot topic is Climate Change. Bloggers all over the world are talking about Climate Change in a joint effort the raise the profile of the issue all on one day, all for maximum exposure. The Floating Frog is proud to be part of this years Blog Action Day.

The beginner’s guide to tree hugging

The beginner's guide to tree hugging

Oh yes, the tree hug! A Green Peace demonstrators most famous act explained in graphic detail to us mere ‘beginners’. The easy and comprehensible guide to tree hugging; identify common hug types and try them all!

Now get the t-shirt!

Thanks to Threadless you can now buy this t-shirt. Simply signup to their Threadless 12 Club and you can choose this t-shirt as one of the 12. Brilliant!

Threadless Tree hugger tee

Climate Change

Do your bit and spread the word, share this post with everyone you know. Why not Tweet about it on Twitter or drop a link to it on Facebook or Delicious. All in a good cause

Page 5 of 26« First...34567...Last »

©2006 - 2009 The Floating Frog