• tel: 0845 475 2487 (UK)

Data is King [Guest Post by Luke Richards]

Developed by Luke

The Magic Number: Why data is important three times over in our multichannel world – a #JUMPchallenge post

This guest post by Luke Richards is part of the #JUMPchallenge, a blogging competition designed to raise awareness of how to join up online and offline marketing, launched to support Econsultancy’s JUMP event.

Data and tracking has become more important to web developers and digital marketers as online business has become increasingly competitive.  However, as companies start to look at their performance across multiple channels – i.e. incorporating mobile and social media, as well as search engine optimisation, onsite usability and offline techniques – intriguing developments have been made into collecting data seamlessly across channels and then using this information in the best possible way.

Read more…

Barclaycard UK’s Registration Process – a User’s Nightmare

Developed by Simon

Barclaycard kindly sent me a new credit card today. After jumping through hoops to get it activated – I won’t get diverted by that farce but do they really have to try and upsell at every opportunity? – I then went to register with their online banking.

Ok, this doesn’t look too bad to start with. The text is a bit small, and maybe there’s a bit too much, but we’re ok so far. Next up, entering my card details.

I guess they have to be super-sure it’s really me who is registering, but credit limit? Is that bit necessary? Now some contact details.

You’ll notice that email has little blue marks, whereas mobile doesn’t. I didn’t notice this at first and ended up supplying my mobile number just in case, but it turns out that mobile is the only optional field in a form of 16 fields. May as well have just made it required, Barclaycard.

Ok, so far, we’ve only seen minor issues. Now comes the really bad bit, entitled “Security Details”. And these are *really* secure. Super secure. Machiavellian in their security, in fact.

At first glance this doesn’t look too bad. Username, fine. Passcode, well that’s like a password right? Memorable word? Par for the course on banking sites. But…

Noooo! I have to include some random numbers!

Whyyyyyy?! So I have to come up with a totally arbitrary number that can’t be mixed with symbols or letters? So it was like a password, just utterly rubbish.

Grrrrr! My memorable word has some random restrictions on it to make it even harder to find a really good one! And then, as a final “screw you”:

A logic puzzle to work out whether you should or shouldn’t tick the boxes.

I’m not gonna get this time back, Barclaycard! I’ll remember this!

Crazy Egg’s Slick Signup

Developed by Colin

Investigating Crazy Egg’s heatmap and visitor tracking tool today, I found a nice bit of UI in their plans and signup process. The plans page itself looks sweet:

Crazy Egg Plans

But the really slick part comes when you click the “Sign Up” button:

Crazy Egg Signup

The other plans fade out and the signup form slides in – no page refresh, and an quick jump to the next step in the process. Good work Crazy Egg!

Great 404 Page Idea

Developed by Simon

I came across a great 404 page the other day and thought I would share it. The page at first glances looks like any other but if you read the text, you will see that they have redeemed themselves for the broken link by offering me a discount of $3 off any of their products.

Picture 1.png

This is a great way to capture the interest of would be browsers that would normally see this page and immediately hit the back key, instead not only do they capture my attention, but they also tap into my curiosity which gets me to immediately click the products link.

In this case I didn’t need any of their products but this is a great tip.

Also note the search bar being visible. This is essential on a 404 page for keeping customers that know what they are looking for on your site.

Designing for Flex: Part 6 now online

Developed by Jon

Hot on the heals of Part5: Designing Content Displays, Rob Adams has just posted up the next chapter of his excellent designing for flex articles, titled Part 6:Guiding with motion to the Adobe Flex Developer Center: Flex Interface Guide. If you have not read the other five parts, check them out first.

This chapter covers:

  • The differences between motion design in Flex applications and motion design in other mediums.
  • How to use motion to leverage users’ instinctual understanding of the physical world to enhance your application’s usability.
  • How to use screen to screen transitions to help guide users to the next area of interest and make it clear how to return.
  • How to use motion effects to provide feedback and focus your users’ attention.

For More Information

Conducting DIY User Reseach

Developed by Jon

Leisa Reichelt has posted up an interesting presentation on DIY guerrilla User Research which is well worth a look. I have embedded her slideshow below.

She points out that no matter how small the budget, even a small amount of User Research can pay off in a big way. She goes through some of the techniques used by Interaction Designers when conducting research and some invaluable tips on conducting and writing interviews, it is well worth a look:

View Leisa’s Presentation on slide share.

Using a plain Flex UI theme to show clients before styling

Developed by Jon

The default Flex 2 Aeon theme looks fairly polished and showing it to clients in the early stages of a project can have it’s disadvantages. For example a client may believe the project is closer to release than it is or if you use Adobe Flex for prototyping may believe that the default theme represents the final look and feel.

If you intend to customise the chrome of a flex app, showing a client the default look and feel not only leads the client into a false expectation of the finish product but, if the app is purely a prototype, may make a case for it being used for the foundation of production code or prevent an further exploration in to the visual design.

Ted Patrick has provided an excellent technique to overcome this.
Read more…

Designing for Flex: Part 5 now online

Developed by Jon

Hi All,

Just a quick post. Rob Adams has just posted up the next installment of his excellent designing for flex articles, titled Part 5: Designing Content Displays to the Adobe Flex Developer Center: Flex Interface Guide. If you have not read the other four parts, check them out first.

For More Information

FIG: User Experience Design resource for Adobe Flex

Developed by Jon

Back in September, Adobe released a new section to the Flex Developer Center, called FIG or Flex Interface Guide. This is an excellent resource for anyone involved in the Interaction Design (IxD) or User Experience (Ux) of RIAs or any developers who want to make more user focussed apps. There are several articles still in draft about designing for Flex. One of the upcoming articles that will be particularly of interest and relevance to the new possibilities of designing RIAs is the use of motion, as a tool to guide users.

Read more…

Live Validation – Cross Platform, Rails style validation on the client.

Developed by Jon

I came across a great new validation library the other day which I wanted to share with you all. Live Validation by Alec Hill is a cross-platform client-side JavaScript validation framework which provides real-time feedback to the user as they type.

 

val2

val1

Read more…