User experience blog

Useful extension for simple CSS forms

By Brigitte Simard on 19 January 2010

Forms are common on a wide variety of websites and it’s important that they’re well designed and laid-out. There are many tools and extensions to help with this and one I came across recently is a free CSS form designer extension for Dreamweaver from DMXzone.DMXzone CSS form designer extension

It allows you to create forms visually, using a simple drag and drop interface and a variety of CSS styles. It’s very useful for creating short simple forms and allows you to populate fields with default values such as days of the week or with dynamic values from a Dreamweaver record set.

There are however, a few things that could be improved with this extension. Firstly, the HTML mark-up isn’t 100% accessible as labels aren’t properly assigned to checkboxes and radio buttons (they have been implemented following an out-of-date w3c recommendation). It would also be difficult to manage a form with a complex layout with this extension, as the HTML mark-up is not really flexible and when new field elements are added, they’re automatically added at the end of the form (not within context) and have to be dragged and dropped into position. Also, the CSS produced by this tool isn’t cross-browser compatible.

So in summary, this is a useful free tool for creating short, simple forms, but to really be suitable for longer, more complex forms, the extension requires a few modifications. You can try it yourself by downloading the CSS form designer extension for free from DMXzone.

Guest blog - Disaster day

By Rhodri Buttrick on 18 January 2010

Organisation for a dyslexic can often be a major issue. I make a super effort to keep myself organised. I use an online task management system, (rememberthemilk.com) which syncs with my PDA. Inevitably, however, “the best laid plans of mice and men” go completely wrong, everything falls apart and I end up in a complete mess!

My day of disasters started off early, right after breakfast. I logged in to my e-mail account to find a lovely £5 fine from the library! This was most perplexing, as the night before I had borrowed a book on a six-hour loan. It was due back in at midnight and I returned it at 9:30pm. This really made me start to doubt my sanity, did I really return the book? Or had I just had a dream about it? Unfortunately I hadn’t realised this book belongs to a magical realm of the library called the ‘course collection’. While I just put it in the usual return bin I had previously used when returning books. So, I rushed off to the library, and luckily upon explaining they let me off the fine. Phew!

Online shopping with a twist: Virtual Oxford Street

By Mru Kodali on 13 January 2010

nearlondon-screenshotLove shopping but hate the crowds? The answer may be Near’s virtual Oxford Street. They’re taking the world’s largest and best loved shopping areas and recreating them in the virtual world, Second Life-style with a focus on shopping. Reports are that big names including M&S and Liberty have signed up to display their shop windows in NearLondon, as they do in their bricks and mortar stores. Users can then go directly through to the product or shop online from this virtual Oxford Street, to view more details and buy.

I found that only some stores, e.g. Accessorize, had their various branches identified through NearLondon’s location search. This is a little disappointing given that lots of chains have more than one shop in the Oxford Street area and you may prefer one over another. I looked up M&S (reportedly part of NearLondon) and the search came up with just one result. This didn’t give me specific address details (other than Oxford St.), so at first glance it was unclear whether I was going to the M&S flagship store near Marble Arch or their other branch, the Pantheon, also on Oxford Street. Additionally, many shop windows appear blacked out with just the Near logo displayed. Presumably these shops haven’t signed up with Nearworld yet; but as a user, my experience is somewhat diminished by this.

Once more shops take part, this could be useful for inspiration, when you have an occasion to buy for but need a bit of help getting started, or when you’re simply checking out which look’s in this season. I haven’t tried it myself but NearLondon also lets you go shopping with your friends virtually, which could work if you’re all in different places.

Personally, I’d miss the delights of walking down Oxford Street in person such as unexpectedly bumping into an old friend or the delectable smell of Belgian waffles by Bond Street tube. But should I ever leave London (and perhaps this is their target audience, tourists who love London shopping), I’d more likely go for a nostalgic trip down Oxford Street virtually.

Are you a NearLondon user? Are you tempted to give up the stress of London shopping? Let us know your thoughts.

PPC & SEO training special offers

By Jon White on 11 January 2010

Back in October last year we announced our plans to run new training courses in PPC and SEO, and with the first sessions scheduled for February, we’re offering an introductory discount. If you’re looking to learn more about running pay-per-click advertising and search engine optimisation campaigns then you can get 10% off the price of the course.

See further details on the PPC training and the SEO training, then simply enter ‘newcourse-promo’ into the comments box when you sign-up for either course to receive the discount.

Google’s new phone in its new store: A User Experience view

By Mru Kodali on 8 January 2010

Screenshot of Google phone websiteGoogle’s launched its own branded phone (with HTC) after plenty of speculation in the mobile and business worlds. The move, however, came through its new e-commerce store, which was more of a surprise. As a User Experience enthusiast (and practitioner) I couldn’t help but investigate how Google tackled the customer experience  of their new online offering. Expectations are high given that Google’s notorious for copious research on making their services user-friendly.

I haven’t yet got my hands on a Nexus One phone so I checked out a 3D tour in their new online store. The store followed Google’s familiar minimalist look and feel and the pull tag just wanted to be clicked. The ‘feel’ option intrigued me - how was I going to know how it felt? It was a neat way of demonstrating the phone’s scale in relation to your palm but perhaps ‘Fit’ would’ve set my expectations better as I didn’t know any more about its tactility.

The weight option left me a little dissatisfied. I don’t know about you but I’ve never carried 53 pennies in change so couldn’t quite figure out how much this phone weighed or indeed how it compared to others on the market without leaving their site (as a slave to the metric system ounces meant little to me). A conversion calculator here would have helped; turns out it’s roughly 133 grams. Now, it may well have been a business decision not to offer comparisons with other phones but all this did was send me traipsing round the internet looking for comparison tables, not the best experience in my view.

The screen display looked impressive, it even offers a magnifying glass to see how pixel perfect it is. But I was hit with jargon here - AMOLED display. I had no idea what this meant, presumably new technology that made it better. But with no contextual help, I was off looking elsewhere again.

Accessories…doesn’t that mean things you can buy in addition to the phone? Apparently not…they’re features (such as noise cancellation and camera) that come with Nexus One. Hmm…interesting choice of words there.

All in all, I came away disappointed with the store’s labelling and navigation (or the lack thereof, if you discount the back button on most of its pages), and surprised that it wasn’t under Google’s perennial Beta. Perhaps the search giant has fallen prey to its own user experience bar set so high but I suspect the store wasn’t tested as rigorously as it could’ve been.

The caveat being of course that this store is intended for American audiences so aspects like weight in ounces may not pose an issue and perhaps our cousins across the pond have a higher propensity for marketing-ese than we Brits do. Let’s see whether and how Google localises its store when the phone’s available in Europe.