{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

Posts tagged with Design

15 tiny UX elements that can make a big difference

Small details can make a big difference to the user experience, saving users' time, making it easier for them to spend money, or just generally making it more enjoyable. 

Some of these things are so widespread and expected now that you don't even notice them, such as postcode lookup tools on sites. They were not always there, and save you a lot of hassle. 

So, inspired by sites like littlebigdetails, I've rounded up 15 examples of little UX touches I've come across myself, or have found via sites like Pinterest. 

Some are obvious, some less so, and there is a general ecommerce slant to this list. Please suggest any examples you've seen lately...

21 comments

Visual narratives: telling a story through visual design

According to Curt Cloninger, "Usability experts are from Mars, graphic designers are from Venus"

Since the early days of web design and development, the enduring perception has lingered of a clash between two incompatible approaches.

According to the somewhat exaggerated popular concept of brain lateralisation, these might correspond to 'right brain' thinking (represented by art and aesthetics) and 'left brain' thinking (represented by engineering or usability).

This, of course, is simply not the case. Any website, (or any other form of communication) needs a combination of them all to be successful, and as the discipline of user experience (UX) has matured over the past few years this perceived divide has begun to contract.

Today, UX professionals are using the basic tools of visual communication to provide clearer, more intuitive user journeys.

0 comments
mobile home cloggs

Cloggs responsive redesign: mega gallery

With 2013 the first year tablet shipments are expected to exceed that of PCs and also a year in which smartphone penetration reaches 64% in the US (Nielsen), responsive design is rightly this year’s hot topic.

Despite this, it seems a lot of big brands are playing catch up, with new research from Venda showing just one of the UK’s top 50 most visited retail sites (Curry’s) currently hosts a responsive website.

A quarter of websites analysed don’t have a mobile optimised site, and many retailers host their mobile site under a different URL structure to their existing website, which could be negatively impacting their SEO and affecting their efforts with analytics. 

As comScore estimates a third of all UK page views now come from smartphones and tablets, delivering a slick customer experience across all devices has become a massive competitive advantage for retailers.

To that end, I've been looking at the new responsive Cloggs website. 

7 comments

Start Me Up! A profile of Marvel, turning your Dropbox images into prototypes

Sending email attachments to pitch for work is starting to feel like an ugly way to present your hard-crafted work to clients.

Marvel has been created to smooth this process via Dropbox, allowing files to be converted to prototypes once uploaded.

I spoke to Murat Mutlu, Product Designer and Co-Founder about Marvel app.

1 comment

16 alternative lorem ipsum generators to spice up your filler text

If you've ever wireframed webpages then you might have found the need to use some dummy text. Traditionally that meant searching for 'lorem ipsum' on Google and copying and pasting a bunch of Latin. 

Nowadays, we have a few more options. I have collected some lorem ipsum variants for you to use the next time you need some placeholder text.

Choose your weapon wisely! And be warned, some of these tools are a little sweary, or non-PC, so if you're easily offended I suggest you stick to using Latin.

Enjoy!

10 comments

Why site optimisation is necessary before, during and after site redesigns

Say the words ‘site re-design’ and if you listen really, really hard you can probably hear a collective shudder from IT and marketing teams around the world.

Anyone who has ever been involved in a site re-design will know it’s a huge project and requires coordination of a number of parties involved.

With resources constantly under pressure, testing can often be forgotten. However, this can actually cause more problems in the long run!

6 comments
HTML5 / CSS3 logos

14 creative HTML5 websites built for digital agencies

If you run a digital agency, especially one that designs and builds websites, then what better way of showing off your talents than to build a wonderful website for your own company?

In the past couple of years many agencies have rebuilt and relaunched their websites using HTML5 and CSS3. The results can be eye-opening, highly engaging, and built to work on all kinds of devices.

It's not all good news though. Sometimes the use of HTML5 can be downright annoying: just because you can do something doesn't mean you should. Does it matter that some of these websites take half a minute to load? Personally I think fast loading times really matter, but I've heard arguments that people are prepared to wait for certain types of website. You can decide for yourself. 

At any rate, there is plenty to admire here, and perhaps there is an acceptable trade off between optimal usability and the overall user / brand experience. Certainly it's always interesting to watch web design evolve, and agencies are naturally inclined to push the boundaries.

The following examples show what can be achieved, and mercifully not all of them are addicted to loading icons. Tuck in and see what you think.

6 comments

Style and substance: two (accessible) websites which have it all

My last blog for Econsultancy aimed to dispel the myth that accessible websites must compromise on aesthetics.

It elicited quite a response with many readers agreeing and a number asking for examples of sites that combine both elements.

Before I point you in the direction of two websites that are both highly accessible and attractively designed, it’s important to remember that beauty is in the eye of the beholder.

Furthermore, the aesthetics is the result of the final product. When broken down into its components the beauty is difficult to see. It’s only when those parts all come together that the beauty is evident.

1 comment
Tape measure, by http://www.flickr.com/photos/robynlou8/

A helpful image sizing guide for social media profiles

I spotted this surprisingly useful infographic yesterday, over at Visually. It should come in handy for anybody who creates image-based content to add to their social profiles.

Five of the biggest social media platforms are covered, and it will help you to understand the various sizes needed for your profile pictures, cover images, backgrounds, and so on.

if you're anything like me you'll be yearning for some kind of cross-site standardisation in the future. For example, all of the profile pictures are different sizes, and one is a different shape. We can but dream!

Anyhow, it should make for a handy cut-out-and-keep guide for you...

7 comments

10 great examples of responsive design from around the world

Responsive design as a standard feature on a website is growing quickly.

There is no longer much of a debate over whether brands need a mobile site, as consumer demand dictates that sites need to be optimised for small screens.

The choice now is between a dedicated mobile site, an app, or responsive design. 

So to show how responsive design can be applied in practice, here are 10 examples from around the world...

33 comments

Making websites accessible without sacrificing aesthetics

Fifteen years after the Web Accessibility Initiative was launched, which aimed to improve web usability for those with disabilities, online accessibility is still widely ignored.

Far too often there is a belief that a compromise must be made between accessibility and an attractive design.

As a result, a myriad of misconceptions have emerged, often preventing people from making a determined effort to integrate accessibility into their websites. 

10 comments

24 beautifully-designed web dashboards that data geeks will love

We live in a world of big (and little) data, and many people have to make sense of numbers as part of their job. The trouble is that there can be a lot of friction involved when mining the data. 

This is where dashboards come into play: a well-designed dashboard can save huge amounts of time, helping people to quickly identify the numbers that matter, in order to make insightful observations or to compile reports. 

Dashboard design is a tricky business. The challenge is to communicate the key numbers in a straightforward way, while allowing users to drill down into the specifics. It is about avoiding clutter, about catering for personalisation, and about the prioritisation of the right metrics. It's difficult to get right, but I think many of these examples have lots of good things going for them. 

I have a few ideas for web apps based around dashboards, so in part this post constitutes a kind of note to self. It is also a call for further suggestions... if you have seen other beautiful / functional / clever dashboards then do leave a comment below. And if you're a data geek who doesn't love some of these, then be sure to say why!

27 comments