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 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!

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:

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

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!

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.

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.

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

• Flex Interface Guide
• Flex Developer Center

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.

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…

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

• Flex Interface Guide
• Flex Developer Center

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…

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.

LiveValidation in action

Read more…