“our contacts understood the need for addressing the customer’s experience across multiple channels and media. But they couldn’t move on it.” A great description of a typical experience user experience people who in interactive.
One of the great challenges of Interaction Design these days is that we now have a plethora of new ways to design interaction on the web than we did just a few short years ago. Drag and drop is probably one of the best – creating a sense of empowerment over the interface that can sometimes result in an almost joyful user experience.
Despite the fact that we’ve been designing with drag and drop for a while now, it’s taken this long for me to have the opportunity to do some good solid user testing with users comparing drag and drop with more traditional interaction styles. That is … clicking :)
In the test that were we performing we were (amongst other things) examining the use of drag and drop and clicking to perform two types of tasks: to select objects and place them onto a stage, and to manipulate objects on a stage.
One interface used drag and drop for both tasks. One interface used click to select and drag and drop to manipulate.
When users were interacting with the prototype that used drag and drop for both functions it was common for them to make unsolicited comments about the interface – generally expressions of delight at the responsiveness of the interface and the novelty of the interaction method. Of course, drag and drop is not really so novel – many users are accustomed to this method, and we found that no users (of the 15 we tested) were unfamiliar with the drag and drop method or had any difficulties understanding how they were expected to achieve their task using drag and drop. (The interface did include a small instruction to drag and drop onto the stage).
Some of the tasks, such as removing objects from the stage and understanding how many objects could be dragged onto the stage were not immediately obvious, but through brief experimentation the users were rapidly able to achieve these tasks and exhibited no difficulty. In fact, in many cases they were saying ‘I wonder if I drag this back here will it delete the object’, as they performed the task and were pleased to discover that it worked exactly as they had expected it might.
When users were interacting with the ‘click to select’ interface, there were no such expressions of delight with the interaction, however they also had no difficulty achieving all of the tasks involved in the test.
Later, we asked the users to compare the two interaction experiences and talk about which they preferred and why. Without exception, we found that our test participants preferred the click to select interface over the drag and drop interface – despite the feedback they had given at the time of testing.
They agreed that drag and drop felt ‘fun’, and ‘creative’, but overwhelmingly stated that it was unnecessarily complicated, and that it was just as easy, or easier, to click. ‘Dragging was a drag’ was one of my favourite quotes. :)
On the other hand, users unanimously agreed that drag and drop was an ideal way to manipulate objects in relation to each other (particularly, to change the position of objects in relation to one another).
Based on the results of this testing, the logical findings seem to be that drag and drop is ideal for manipulating the position of objects on a stage, but that when ‘selecting’ objects, simply using click to select is preferable. Even considering that we may be wishing to create an interface that is fun and creative (which was why the full drag and drop approach was originally considered), the inefficiency of this method detracts from the user performing their task. Selecting the objects was considered a preliminary task, and the ‘fun’ part started when users got to manipulating the content.
When thinking of the best examples of drag and drop interfaces (and I think that moving around maps is a great example of this), it is once again the manipulation of objects on a stage and not object selection, that seems to be common.
Of course, it is also important to note that choosing a drag and drop interface also significantly compromises your ability to deliver an accessible interface. This should always be an important consideration when selecting an interaction method.
Designing a drag and drop interface? You could do much worse than refer to the Yahoo! Design Pattern Library where they’ve spent a lot of time thinking about all of the components of the interaction and what you’ll need to consider.
Have you done any testing with drag and drop interfaces? I’d be really interested to hear what you’ve found.
Of course I’ve just finished a week of asking users lots of interesting questions and getting a vast amount of even more interesting information in response. On this particular project we asked quite a few people (15) lots of questions over quite a broad spread of topics. So, now I’m trying to work out what I’ve learned.Over the years, I’ve used a range of different methods for analysing data. The ‘simplest’ yet least able to be reproduced/backed up is a combination of memory and gut feel (not recommended), then there are a range of more or less physical tools from Excel Spreadsheets, to Post It Notes (which seem to be in vogue at the moment), to Mind Mapping (my current pet approach).
I like Mind Mapping because I think it’s a fairly efficient way to push the data around into sensible groups and to also keep the ‘authentic’ user voice in the mix for as long as possible. I tend to type quite a bit (especially the really interesting parts) verbatim, and I like that even though the users have started to meld together in my analysis, their voices are still there – it is quite powerful in taking me back to the conversation we were having and the context in which their statement was made… something that I think can get lost in other methods.
Mind Mapping is also a lot more space efficient! Where I’m working now (more about that soon), Affinity Diagrams using vast quantities of all different coloured PostIt Notes are very popular… to the extent that wall space is at an absolute premium :)
This is a method that I’ve really enjoyed using in the past. In particular, I think it’s a strong method to use when you are working as part of a team doing the data analysis (whether that ‘team’ is you + colleagues or you + client… both useful). Mind Maps do tend to fall down in a screaming heap where you’ve got more than one person doing the analysis.
Interestingly, the IA Wiki (where I liked to for a definition of Affinity Diagrams above), includes both Post It notes and a Team as pre-requisites for doing an Affinity Diagram… I’m not expert in terminology, but that’s not my interpretation. Anyways, that’s a tangent. (I think!)
I wouldn’t call myself a MindManagerPro power user, but I can see that there are opportunities to further streamline my process (perhaps) through integration with Excel (where I capture my raw user data) and Visio (where the design solutions are ultimately outputted). I need to explore this integration with MS Office some more (unless someone out there has and can tell me what’s worth exploring and what’s not!)
Another thing that I really like about MindMaps is that they allow you to spend quite a bit of time ‘working on’ the data and starting to make some meaningful and interesting conclusions, which you can then bring to your client, and you’re then able to really focus their minds on what problems need to be worked through, workshopped and resolved – but with all the data to hand, and organised, and illustrating/illuminating the points that you’re discussing in your workshop.
Of course, my choice of tools is also heavily influenced by the fact that I tend to do a lot more qualitative style research then quantitative (I’ve never been one for maths) – so statistical applications and graphs I approach with caution and generally a fair amount of resistance… :)
I’d be really interested to hear about what techniques you like to use for data analysis and why you use them. Or others that you’d like to try that you haven’t yet…