Anti-virus/Security Suite Usability

OK, so it has been much too long since my last contribution to this blog… must do better in 2010. And this is a slight aside from my usual topics, but I think it’s related.

For a number of years, I have been helping many different friends set-up/manage/secure/use their home computers. These are not (generally) technical people. They’re people who do some emailing, some word-processing and a lot of surfing. Our interaction usually starts with “Can you recommend what sort of computer I should get?” and I do, and it usually involves going to a local retail store and picking something off the shelf and paying for it. Nice and easy.

These machines – regardless of vendor – will come secured to the hilt with “Trial” or “Time Limited” versions of Symantec, McAfee or some other security suite. And I have never had anything but bad experiences with these products. I’ll be honest and admit that I haven’t used any paid-for security suite in depth (outside of work) for many years, but my memories are of intrusive, resource-munching, confusing applications that prompt with nonsensical messages about what may or may not be a security threat. These memories haven’t been challenged by anything I’ve seen in the trial versions since.

Invariably, these suites are the first thing I remove from a new PC, installing the likes of AVG Free or Microsoft Security Essentials to provide an adequate level of security for the types of users I’m dealing with.

I appreciate that improvements have probably been made on the behaviour of some of the more popular solutions, but I still wouldn’t have them on my computer. An application that prompts users with heavily technical messages every so often and has such a drastic effect on the performance of a machine is a bad one. And the number of configuration options that are available confuse me most of the time – and I know what most of them mean!

I feel that the vendors of these products are failing to make their products usable or friendly. And many users are left asking “What does this mean?” or saying “No” to action prompts when they don’t understand the message, ultimately hindering their experience on the computer itself! Is it getting any better? Are these vendors learning anything about their users and adapting their software? Or am I just being too harsh?

Bookmark and Share

Tags: , , , , ,

Button placement on Forms

I’ve been reading a number of great articles on forms recently – covering things like general layout and inline validation (Luke Wroblewski seems to be the world authority on forms – most of his advice seems well worth paying attention to). But I’ve been looking at something recently and I’m wondering how best to implement it, namely the positioning of the buttons for submitting a form.

I have a simple, linear search form with "Search" and "Clear" buttons. Automatically, I would have considered laying it out like this:

Simple Form - default layoutLet’s set aside the accessibility argument of whether form labels should appear above fields – I’d like to consider the buttons here. There’s no requirement for multi-language support, either.

I can think of a few reasons why this is unfriendly. Firstly, all the form labels are right aligned and if a user is tabbing down through each of the fields their focus will suddenly jump to the left when they get to the buttons. Secondly, is there enough of a distinction between the "Search" and the "Clear"? And whilst from the text it’s clear which is the call to action, is it as obvious visually? Well, no, not really. Thirdly, how necessary or common are clear/reset buttons these days? Because it’s a separate topic, really, let’s assume we’re going to persist with the "Clear" button.

My first thought was "What about moving them to the right?" Like this…

form-opt2

So I’ve flipped the buttons around and shifted them over to be inline with the right-side of the fields. I think it’s a little more intuitive but it doesn’t deal with the spacing issue nor the intended call-to-action.

Colours are a potential way of differentiating but it will a) set a precedent in terms of styling throughout the application and b) I have an accessibility requirement so colour to convey meaning is a no-no.

I think it’s a little bit of an improvement, but should I go with it or can I do anything else with it?

How about…

form-opt3

The "Search" and the "Clear" buttons are totally separated and (to me) it’s clear that the search is the main call-to-action – and that’s probably what we want. If a user is tabbing down through the fields the tab out to the button will be naturally followed.

The clear button is there and can be used, but I hope it comes across that it’s not something we really want users to be getting too involved with.

Now I appreciate that the all of my reasoning is pretty subjective. I don’t have any research I’d be keen on to get some thoughts and opinions about this particular question – are any of my three options go-ers, or have I missed the best-practice approach completely? Any other suggestions?

Bookmark and Share

Tags: , , ,

The Best User Experience for Everyone

So one of the most important tasks for me in the past has been to ensure that all visitors to my site (or web application) have as identical an experience as possible. So, irrespective of what browser or operating system or hardware they come with, my site/application will be essentially the same. Clearly, this particular goal is not the way to go anymore.

Ultimately, every website or web application which comes to the table with this particular requirement is immediately hamstrung by the pain that is known as IE6. There are loads of campaigns being waged all over the web to get this ancient fossil killed off. But, as Microsoft have gone on record to say, that won’t happen until formal support for Windows XP ends.

Settling for this way of life is not very progressive nor enhancing. So why not take advantage of Progressive Enhancement?  I’m guessing that in reading this blog, you’re familiar with the notion, but in case you’re not, it boils down to developing a baseline of services and functionality that is available and accessible to every potential end user. Then, you can build richness, additional tools and functionality on top of that which become available to those users who may have a setup capable of taking advantage of it. Cool… And OK, I’ve majored on IE6 – and that’s wrong because the concept is much more than that – but the idea of progressive enhancement is becoming quite attractive. You may have a requirement for high-end accessibility and support for the likes of Lynx.

As the web development world moves on to HTML5 and CSS3, it seems insane to overlook the wealth of great things that are included in these specifications and stick with something that will ensure the biggest audience. Why not do both and give all your users the best that you can offer them in their environment?

I’m looking forward to doing some investigation into the best way to promote and implement progressive enhancement in sites and applications, and perhaps looking into whether any of the off-the-shelf products (e.g. ECM, Content Management, CRM, etc.) that I use regularly in my work are paying attention to this subject.

Bookmark and Share

Tags: , , , ,

UX when using a product

The world of web-based user experience design is a fascinating one. And some of the places you can go creatively to ensure that users of your site get the most of it can be amazing. But, what about those situations where you deliver a solution based on one or more products e.g. WCM/ECM, shopping carts, wikis, etc.?

I suppose this post is most inspired by my own experience of the WCM world. Invariably, you will be building your site (intranet, extranet, website, whatever…) on some platform or product which immediately introduces a level of restriction in terms of what you can do with the user experience. CMS applications tend to be filled with tools and components to make it easy to present common types of content e.g. static content, blogs, polls, forums, document libraries, membership management, etc.

By using these in-built components, you’re automatically tying yourself to the user experience as governed by the CMS vendor. And, having seen numerous CMS frameworks – from open-source to enterprise scale £10,000s-per-licence – sometimes that’s not a good thing at all. Some of even the more expensive tools of the market give such a poor, unfriendly user experience.

Yes, you can do a certain amount with styling, and on occasions (depending on a customer’s requirements) bespok-ing a certain piece of functionality may make more sense than using whatever comes out of the box. But what is the best way to handle those situations where the CMS product provides all that is needed but with a user experience that, for want of a better word, sucks?

Very, very few customers would be pleased at having to pay an expensive licence for a set of tools only to be told that you’d recommend re-writing some of them in a better way (at additional cost). There’s always the possibility of feeding back to the product vendor to suggest UX improvements or changes, but that rarely gets you too far as most vendors will have their own roadmaps and priorities.

There are a number of factors that will impact the best course of action here.

  • Your relationship with your customer;
  • Your relationship with the product vendor;
  • Your knowledge of the product;
  • Your ability to apply changes/improvements in a cost-effective way.

There will obviously come a time when a compromise of some description has to be made. If you can persuade your customer to trust you in terms of your advice and to pay for the work you suggest needs done (by promising – with confidence – a return on that investment), that would be a good result.

But, I feel it’s more likely you’ll have to accept that the customer will make a decision on behalf of their users and take the user experience/usability limitations as they come.

If you haven’t got the wealth of persuasion skills necessary, what’s the best way to make the most of the UX elements when delivering a product-based solution where the out-of-the-box user experience is not what you’d like it to be?

Bookmark and Share

Tags: , , ,

Sketching/Wireframing

There is an increasing plethora of tools available when it comes to sketching layouts/wireframes for solutions. It’s amazing how rich these tools are becoming and how productive some of them can be in a workshop scenario. If you’re trying to present layouts and flows to customers in a way that they can understand easily and can help them visualise how their application is going to look and operate when it’s created, it’s getting more and more likely that you’ll be using some of these tools.

(I don’t intend to diss the good old “pen and paper” – or whiteboard – approach, but when you’re art skills aren’t the best, some of these little apps are more effective).

Here is a look at some of the things I’ve used.

Balsamiq Mockups

This Adobe AIR-based app was one of the first I used. Whilst my experience with any of these tools is still a little theoretical, I was really, really impressed with the wealth of tools and components available in Balsamiq. And combined with the Napkee tool, you can easily convert your Balsamiq Mockups into working HTML prototypes for that extra level of confidence.

Microsoft Expression Blend SketchFlow

Doing a lot of work in the Microsoft space, I was keen to see what their front-end focussed “Expression” suite brought in terms of mocking up. One advantage this has over Balsamiq is that it allows for basic workflow/process flow definition. I’m going to be attending a training course over the next few weeks in which I should hopefully get a chance to investigate this in a little more detail. There is also a great overview of SketchFlow here (this is part 1 of 3).

iPlotz

Another Adobe AIR app which comes with additional tools like variable views (sketch / Windows app / Mac app). iPlotz also has the concept of project management and collaboration which allows tasks to be defined and assigned making it more applicable to design teams when compared to some of the alternatives.

Pencil

This is a Firefox add-on that allows for very simple GUI mockups. It’s not as rich as any of the tools mentioned so far in terms of screen components and so on, but a couple of colleagues who have used it have suggested that it’s quick and dirty but it’s simplicity can be a bonus if you’re trying to throw together something very, very quickly.

There are obviously loads more, but these are just a few of these tools that I’ve used. When I get some real world experience I’ll probably be in a better position to provide more educated comment. Any views on any of these tools would be appreciated.

Bookmark and Share

Tags: , , , , , ,

Timeless User Experiences

Six Revisions: Creating a Timeless User Experience

I’ve just had a read at this article and found it very interesting. Whilst repeat work (i.e. site refreshes) every so often can only be good, they don’t necessarily guarantee the best (or most timeless user experience). And that goal of having something that will be as familiar and friendly to users in five years as it is now is certainly a worthwhile one to have.

Bookmark and Share

Tags: ,

Prioritising User Experience

I’m currently in the middle of an attempt to formalise how my company should go about the process of defining the user experience/user interface for a given website or web application. It’s very interesting to read all of the diverse range of views that are out there in terms of the best way to go about this. Inherently, whilst looking at UX/UIs, you’ve got to consider the Information Architecture of a site. So, which comes first? Which one do you focus on to make sure you reach the end goal of having something that the customer is completely happy with, completely educated about and which the developers can implement without the needs for multiple follow-up questions?

Pat Kennedy has a strong view that, overall, UX is the most important facet of the design process. But, interestingly, Jan Jursa (in a comment on the post) suggests it should be the other way round. Both people make very good, well-thought-out, based-on-experience, convincing arguments for their point of view.

I guess that, as someone who is coming to this whole subject with a great deal of passion for it but a not-insignificant amount of naivety, I can find myself a little overwhelmed by the whole thing. I really feel that I have an opportunity to come up with a strong offering for my company to pitch to potential (and indeed, existing) clients around our UX experience and practices. And I suppose that it’s not the sort of thing that can be rushed – it will take time, and it will need to be honed (based on experiences and based on how clients in our target markets accept us). It will obviously start at a very high-level – minor improvements and more formality and structure around what we do at the minute – and then progress and evolve into something more complete, based on experiences and research.

There’s a lot of work to it, but I’m enjoying it. I’ve been looking to gather some people’s views on their own experiences and what has worked well for them. I fully appreciate they may not translate to my own circumstances, but I’m trying to absorb as much as I can to make sure I at least start on the right foot! Any comments or advice would be appreciated.

Bookmark and Share

Tags: , ,

Visual Design for the Non-Designer

I’m not an artist. I never have been. When it comes to creativity, I’ve got all the imagination of a … er … see, I can’t even think of a witty analogy! I’m that un-creative.

Confused?I’ve been a web developer for 10 years. I’ve been focused on the front-end of sites (the UI) for most of that 10 years, mainly because I have developed a set of skills that have been useful in constructing UIs. I’ve migrated slowly – but with increasing speed – to the world of UX and trying to develop a set of skills that can be useful in that particular field. I can’t help thinking that more artistic skills and more of an ability to visualise and conceptualise ideas would be beneficial to me, but I am learning.

So I really enjoyed listening to Dan Rubin’s take on how non-designers (or non-artists) can still make a great contribution to the design process. His comments on the “rules and patterns” of design make a lot of sense, and I certainly feel I can contribute to design in that way (having a slight case of OCD when it comes to the precision of things).

Highly recommended for those who feel, like me, that anything they lack in the artistic field mean they can’t be successful or well-educated UX engineers.

Bookmark and Share

Tags: , ,

Mandatory and Optional Fields

formulate It seems that regardless of how many different sites I work on, the way we implement forms and validation is always just a tiny bit different. I’m not sure why that is, and it’s obviously not great practice. One of the questions that always comes up is how to indicate which fields are mandatory.

This Formulate article gives a really good overview of some common ways this is done and provides some really good advice (backed up by research evidence) to suggest the best way to indicate mandatory fields and what sort of user help text you should be including.

Bookmark and Share

Tags: , , ,

List of UI/UX Events

Being reasonably new to the formal area of UX design and development, I’ve been scoping just what conferences and meetings there are that I might be able tag along to and gather some new information. It seems, however, that there’s not really what you’d call a definitive list of such events anywhere. Also, being from the UK, many such get-together’s are in far flung locations.

So, for my own benefit, and for anyone else who might find it useful, I’ve drawn together details and summaries for all the events I can find. If I’ve missed any, or any of the information is wrong, please let me know.

Interaction 10
Savanna, GA (USA) : 4-7 February 2010
“Every year, the interaction design community gathers to stretch our minds, sharpen our skills and inspire each other. Mark your calendar so you don’t miss this incredible opportunity!”

Future of Web Apps (FOWA) Miami
Miami, FL (USA) : 22-24 February 2010
“We’re super excited about this year’s event. We’ve got an awesome speaker line up with some very special guests yet to be announced. It’s gonna be as big and crazy as ever, with some wild beach parties thrown in just for the hell of it. Don’t miss it!”

IA Summit 2010
Phoenix, AZ, USA : 9-11 April 2010
“The Information Architecture Summit is the premier gathering place for information architects and other user experience professionals. The conference has grown from a special interest group’s efforts to define an emerging field, to a rich and expanding community of practice, shaping and informing multiple disciplines.”

CHI 2010
Atlanta, GA (USA) : 10-15 April 2010
“CHI (ACM Conference on Human Factors in Computing Systems) is the premier international conference for the field of human-computer interaction. CHI 2010 looks outward to the human experience of computing in the world.”

UX London 2010
London, UK : 19-21 May 2010
“UX London is a unique three-day event combining inspirational talks with in-depth workshops presented by some of the industry’s biggest names.”

That’s all I can find at the minute, although some annual events have already happened and don’t have 2010 dates finalised yet. I’ll try to keep this post up-to-date with anything else I come across.

Updated: 16th November 2009

Bookmark and Share

Tags: , ,