Digital UK Design Blog

Photoshop files (PSDs) can be huge in file size, especially if you are working on a large format high resolution file. Here’s a quick tip that can save you valuable HD space, anywhere between 10% – 90%, simply by turning off layer previews when you save.

Before you save

It’s best to organise your layers in groups and delete any unwanted layers before you save. This isn’t a crucial step but it can drastically reduce the size of the PSD when saved. To do this header on over to the layers palette, click the icon in the top right corner and click ‘Delete Hidden Layers’ (shown below).

Delete hidden layers

Turn layers off

Now that your layers are tidy and organised it makes this next step easier. To the left of each layer you should be able to see an icon of an eye (shown bottom left image), simply click on each eye icon to hide the layers (shown bottom right image).

Turn off layers

Compare file sizes

In theory the PSD with layers hidden should be smaller in file size than the same file but with layers shown. The graphic below is an illustration showing the same PSD with and without layers shown. In this case the file with layers hidden is over 50% smaller in file size than the same file showing the layers.

PSD file saving

Is it right for you?

In most cases yes. Personally I use the approach on backup versions of a design only. I tend to keep the layers in an active working copy shown for speed. If I get to version filename-01F however, I’ll use this approach in all previous files, A through to E. Finally once the project is finished I will ZIP up the folder, after erasing all unnecessary layers and archive them away. On one project alone I ran through 13 PSD versions and saved a total of 2.3GB in disk space with this technique.

If you have any questions please feel free to leave them in the comments below, I’d be more than happy to answer them.

iPhone vs Android

I have been quite vocal about my switch from the iPhone to the Droid in my immediate circles, but I haven’t really been detailed about it. I promised a writeup to The Floating Frog, but I just haven’t been able to get around to it. There has been some unknown block keeping me from really getting into the nitty gritty of a phone vs. phone comparison.

I think I’m finally able to address that. I was frustrated with the iPhone experience and I really wanted to change. So I did. It was as simple as that. There was no lengthy montage of me comparing the two phones over the course of two weeks. There was no dramatic music that played when I finally walked into the Verizon store to pick up the Droid. It just happened, and in retrospect, I should have done it earlier.

The iPhone has a massive catalog of apps. The Android OS doesn’t tell you the best way to use your phone. It’s as simple as that. There are many more subtle pros and cons to each device, but that is really all you need to know about each phone. They are both capable of almost the same things, it’s just a matter of how easy it is for you do them, or if you need to do anything at all.

The iPhone has some fantastic app standards in place and has really made it easy for developers to craft a quality app. Tweetie 2 is, in my opinion, the pinnacle of modern app development. The problem with the iPhone platform is the platform itself. The ridiculous app approval process stifles creativity, and the lack of background processes severely limits the potential of apps in our always-connected lifestyle. This is never going to change.

Android is the antithesis of the iPhone platform in that it is completely open and they put the responsibility of the user experience on the user. Yes, there are some standards in place and a “google experience” that the devices attempt to deliver, but, outside of that, you can put whatever developers can cook up on your phone the minute they are done with it. I like that freedom. That is why I have decided to switch to the Droid. It’s my phone, not Googles’.

I did not come to this decision easily, for the sole reason that I felt it shouldn’t have been an easy decision to come to. I waffled for way too long about things that just didn’t really affect me. So here’s my advice if this kind of decision has fallen into your lap: don’t stress out over it. Just pick a device and learn to love it, because it’s going to be with you wherever you go. After all, it is just a phone…

The internet is big, as as this illustration proves, it’s growing faster than the Solar System. It’s amazing when you put all these figures down in one place, it makes you feel quite inadequate in comparison. 210 billion daily emails is staggering, if I just try a little harder I’m sure I’ll be able to increase that to 211,000,000,000 emails. Simply leave your email below and we’ll get the ball rolling :)

A Day in the Internet
Created by Online Education

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 | No 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.

Designer vs Client | Make my website for free

October 23, 2009 | Fun | Nick Boldison | 1 Comment »

Funny cos it’s true! You need sound. If you like it there’s a load more on Youtube. A bit of Friday fun :)

Page 3 of 3112345...Last »

©2006 - 2009 The Floating Frog