Author Archive

UX Camp Brighton 2011

Earlier this month, Laura (Makemedia’s marketing manager) and myself attended Brighton’s first BarCamp dedicated to user experience design. UX Camp Brighton (co-organised by our own Patrick Sansom) saw a diverse gathering of designers, IA specialists, project managers and beyond meet to share knowledge through a series of short presentations, debates, and workshops.

UX Camp Brighton

Image used under CC license Sharalike 2.0 (Natalia Buckley)

Everyone who attends a Barcamp is (usually) also a presenter, selecting a free time slot from the grid then attending other talks outside of their alloted place on the schedule. Barcamp’s are friendly and inclusive, and discussion is encouraged.

Some of the interesting debates of the day included the value of UX as a job role, and how conference-going experiences could be improved by discussing the good and bad from our own anecdotes. Workshops included techniques on sketching a client’s domain for better understanding, and applying metrics around subjective design work using emotional response testing.

It was a truly enlightening day, with a refreshingly diverse and friendly crowd which contributed to a great atmosphere for knowledge-sharing. For a more detailed rundown of the day, check out my retrospective of the event.

Taking online marketing from failure to success

How we improved Tandberg’s email campaign to take them from a 20% sign up rate to 200%

Tandberg event landing page

Email marketing can be a tricky medium to get right. Get it wrong and not only will your creative efforts (be it visual design or copywriting) have gone to waste, you risk alienating potential customers and becoming an unwelcome member of their ‘block’ list. Get it right, and the rewards compared to alternative direct-marketing methods can be better value per lead, and provide you with insightful data about prospective customers.

Tandberg – the video conferencing arm of Cisco – approached Makemedia after suffering mixed success with previous email marketing attempts, particularly when it came to making potential prospects aware of their training events. At short notice, we were tasked with taking a wealth of event information and condensing it into a single email. Déjà vu?

A familiar email marketing problem

Previous campaigns had failed. Whilst the content of the email was relevant to those interested in Cisco and it’s video conferencing offering, the missed opportunity to use modern development techniques to deliver an engaging experience coupled with an unsuitable and restrictive canvas meant a change of tact was needed. Our starting point? Simplification.

Using the right technology

HTML email isn’t suited to the type of experiences users expect online in 2011, so our approach was to simplify the email itself as much as possible, delivering the information previously squeezed into a non-flexible 600px (the accepted standard width for HTML email design) through a custom webpage. Here we would be able to create a more suitable experience utilising the browser – integrating event maps, video and positioning content using visual design techniques which would deliver content in manageable chunks.

Tandberg landing page detail

Not only did the creation of a separate event webpage improve the experience of learning about the event, it was all possible within similar timescales to those spent painstakingly manipulating dated markup techniques to fit the various rendering engines of email clients. Email was not designed to deliver the webpage experience; your browser was.

Testing the target audience

User testing has finally become an expected part of successful website development over the last few years, and is certainly central to Makemedia’s processes. However, how often do you undertake the same level of testing for your online marketing? It is easy to take for granted that a large percentage of users will ignore or be uninterested in an email campaign, so very often this important step is overlooked.

To overcome this assumption, user testing was undertaken in partnership with Tandberg. One of the partners involved in the campaign – Global PA Network – provided Makemedia with a list of willing participants (within the target audience) from their large database of personal assistants. The campaign was sent to those happy to take part, and follow up calls to collect their feedback scheduled. This proved invaluable, allowing us to make tweaks to the copy and main calls to action that would help us attract the right level of user though to the event details page.

Saving resources

Not only were Tandberg wasting precious resources on failing email marketing techniques, they were also undertaking the mundane task of registering and collating signups by hand. “Interested in attending? Complete this Word document and email it back to us!” – there was clearly room for improvement.

Eventbrite screengrab

Enter Eventbrite, the online event management application designed specifically for the job. Not only does Eventbrite make the process of event creation and signup super-simple, it is also free to use for non-chargeable events. The saving in admin resource coupled with an improved experience for attendees meant Eventbrite was an invaluable part of the campaign.

Success in numbers

The initial email-focused campaign using Tandberg’s own template resulted in just 4 signups for 20 available places on the training event.

Simplifying the email (content was reduced by 70%, and design simplified to decrease markup time), creating a more engaging landing page for event details, and integrating Eventbrite to make signup easy led to double the amount of available places being booked. We had allowed for this overflow – free events are renowned for high dropout – by doubling tickets from 20 to 40 places, and all 40 places were taken within a few hours of the campaign going live.

Not only were click-through rates and signup numbers for the event greatly increased, the prospects who attended were of the right target group.

With simplification, user testing, and taking advantage of the browser (rather than the email client) to deliver a marketing message, we were able to turn a failing email marketing strategy into an overwhelming success.

Never miss a meet: How we developed the Wired Sussex events calendar.

Brighton is one of the biggest centres for digital media creativity in the UK. The number creative agencies in the City grow monthly, with its geek community one of the strongest and most active.

Regular meets, events and training ensure Brightons designers, developers, artists, copywriters and animators stay connected with one other, and those new to the City can quickly become involved in this welcoming community. Barely an evening goes by without like-minded types congregating in a pub, meeting room or studio to discuss, debate and learn from one another.

Wired Sussex are the biggest and most well known digital media hub in Brighton, and approached Makemedia (with a tight deadline!) hoping to better promote City events. The brief? To develop a calendar application which would allow users to view events for the month ahead at a glance, and organisers the ability to assess suitable dates for their own meet in order to avoid potential clashes.

To start, we set about considering the potential questions for the calendar user, such as:

“Which events are relevant to me?”

“What is the content, start time and venue for the event?”

“Can I promote my own event?”

“How can I make sure I don’t forget to attend?”

Wired Sussex Calendar comp

With these considerations in mind, we developed wireframes, prototypes and eventually the proof of concept you see above, with key functionality in place to ensure users are able to get the most from the application. These include:

- The ability to filter events: Users are able to select from a preset number of categories, and Wired Sussex can assign events to multiple categories to ensure users do not overlook an event relevent to them.

filter

- Event details in one place: Event location, time and overview are all available within the calendar without the need to visit an external site until registering interest or booking a ticket.

details

- Wired Sussex event highlighting: Wired Sussex need to promote their own events for the month currently in view. A highlights bar was developed to sit above the main month view to showcase these.

wiredevents

- Microformat integration: We integrated the hCalendar Microformat to allow users to add event details to their diary when a browser addon is present which can read the data. We hope to extend this functionality by generating ‘add to calendar’ buttons with a future update, using the microformat data in a way that users without a browser add-on can utilise this functionality.

hcalender

- The ability to add your event: Although the calendar is fed through a feed from a central Yahoo Upcoming account, sometimes events may not be part of this feed. In this case, users can click the ‘Add my event’ button to contact the Wired Sussex team who can ensure the event appears on the calendar. We shall be extending this functionality shortly by using a form which automatically adds new events to the calendar, and will appear instantly once moderated without the need for Wired Sussex to add them through the CMS.

addevent

The BETA version of the calendar is now live on the the updated Wired Sussex website, and we would love to hear your feedback and thoughts on the application and any additional functionality you feel would be of benefit in a future release.

A look at the future of the web; deciperhing dConstruct 2009

dConstruct, the self-styled ‘thinking man’s web conference’ curated by Brighton-based UX evangelists Clearleft returned to the Brighton Dome for another year of conceptual talks and big ideas. Unlike most conferences aimed at web designers and developers, dConstruct aims to make you think big. Arrive expecting to learn the latest grid-layouts, CSS tricks or trending social-media topics and you will leave disappointed. Instead, arrive with an open mind and you will leave full of fantastic ideas and inspired to think big on your next project.

This year was my first attending with the Makemedia team, and my second time at the event. Our Director of Digital Media, Ben Dykes, remembers attending the inaugural dConstruct of 2005; a modest affair compared to today’s packed Dome. While trying to discover the location of that first conference I spotted a more youthful picture of Mr Dykes amongst some reportage of that first event (on the left; http://www.andybudd.com/archives/images/audience2.jpg). Sorry Ben! Enough about the past, this year’s conference focussed on ‘Designing for Tomorrow’, and brought together a dynamic mix of speakers for what was sure to be an enlightening day.

This year’s dConstruct kicked off with a fascinating glimpse of the near future from Adam Greenfield. What a difference 12 months makes; Steven Johnson’s opening talk at last year’s event covered geo-tagged location-aware devices, and the aggregation of reviews and feedback from cities in the US giving power to the neighbourhood. This year Greenfield moved the discussion forward lightyears and in compelling fashion. Talk of a digital future in which every object around us forms a node in the global network, allowing the city to react to feedback through these microscopic devices painted a vision of a future completely controlled and immersed in constant feedback; compelling and concerning in equal measure. Greenfield balanced his vision of networked urbanism with the negative (a city which loses its innate character, a community monitored at every level) and positive (improved infrastructures and fascinating API’s). An inspiring and thought-provoking start.

Next up were Michal Migurski and Ben Cerveny of Stamen with ‘Let’s See What We Can See (Everybody Online and Looking Good). Covering information visualization using their past work collating weather pattern data (specifically hurricane movements), this was an insight into how vast amounts of data spanning tens (or hundreds) of years can be graphically represented and manipulated by the user. What is the best way to navigate these patterns? How will the user best comprehend the passing of time and movement? Although a relevant example of how user experience is paramount when communicating data graphically, there was little to be taken away from this ‘show and tell’ style. A more enlightening presentation could have shown what didn’t work and how it was improved upon.

If any talk today was going to have a real relevance to the direction the web is moving, then Brian Fling’s presentation outlining how mobile is changing design would prove a valuable lesson in taking the small screen seriously. As if we didn’t already know that our perceptions of the browser were changing as users choose smaller devices to deliver information, our understanding of the users expectations of mobile content were brought further into focus. One example used Fling’s daughter, who instinctively reaches out to touch interfaces having been brought up at a time when we navigate using a pinch or a flick. Fling suggests changes in the expectations of ‘generation z’ (a term Fling coins to refer to the youngest generation born into the iPhone, our future users) will bring about a seismic shift in design, and who can doubt him.

After a series of talks looking at technical visions of the future, we glimpsed light-years ahead by delving into the cinematic past with Nathan Shedroff and Chris Noessel’s ‘Make it So: learning from Sci-Fi interfaces’. A light-hearted and extremely well executed look into how the interfaces we see on film (dating as far back as Fritz Lang’s 1927 silent movie classic, Metropolis) have influenced and echoed the interfaces of today. Sometimes ridiculous (Unix-based fakery in Jurassic Park) and occasionally closer to reality than was realised at production (Minority Report’s touch screen drag/drop interfaces), the presenters managed to match Hollywood make-believe to relevant real world examples. Their delivery was fast paced and enlightening, punctuated with undoubtedly the best slides of the day.

Next up was Robin Hunike, a game designer and producer of obvious talent having worked with the likes of Steven Spielberg on recent Wii cult hit ‘Demolitious Block Party’. Her talk today aimed to encourage the gamer in all of us to love our user with ‘Juicy feedback’. When I first saw the line-up for this year’s event I was surprised to see another speaker from the video games industry on the bill; presentations about game design at web conferences often feel shoehorned into the line-up as if there must be a correlation between these two digital industries. We have plenty in common for sure (design, user experiences and social networking for example) but this presentation failed to bring anything inspiring or new to the waiting crowd. Juicy feedback refers to the mechanisms in gaming that make you want to play on, a factor of obvious importantance when considering the design or development of any online application. The subject had potential, but unfortunately the delivery on this occasion failed to create any cohesion with the audience. At times cringey (overly cute and quirky delivery) and others downright irritating (a spoiler for the recently released movie ‘Moon’) – this felt like an opportunity missed. Luckily our next speaker brought things right back on track.

August de los Reyes is a Microsoft employee who has been involved in projects as diverse as the design of the Windows key on your humble keyboard (only 6 months work) and the latest Microsoft ‘touch’ interactive tables, which were available to play with today at the back of the Dome. Fast-paced and not afraid to have to odd joke at Microsoft’s expense (a sure-fire winner with a crowd sporting an unhealthy number of Apple products) meant he went down extremely well from slide one. Discussing the emotional engagement of advanced interfaces of the future, August ended his talk with a very Microsoft vision of the future in which every surface becomes interactive. Your (still foldable) newspaper is now a digital device delivering your news on a familiar material format (until it crashes), and your mobile device comes in two pieces; one section to scan your environment and the other to communicate (just try not to lose one of them). A little self indulgent maybe, but the latest augmented reality applications for Apple’s iPhone suggest this may not be as far off as we think. Undoubtedly one of the best talks of the day.

The afternoon lunch break gave the Makemedia team time to discuss the day’s events, and one topic came up regularly; where are all the Brits? The day so far had consisted exclusively of speakers from across the pond, much to the bemusement of some (me included). I’m happy to pay to listen to anyone with great ideas, leaders in their field with something to offer (be they American or otherwise), but I cannot help but think the balance should be towards promoting some more home-grown talent. A glance around the crowd showed plenty of high-profile Blighty-based talent in attendance, members of the Brit-pack who would undoubtedly go down well here (with their conceptual caps on). Even the Clearlefties would be more than welcome at their own event; especially as Jeremy Keith ended last year’s event in fantastic style (Have a listen – http://dconstruct.s3.amazonaws.com/2008/podcast/dConstruct2008-Keith.mp3). It was with great relief then that our final speaker was representing the UK, and what a way to wrap up the day!

Russell Davies talk was a hilarious and inspiring look at how we can allow the diverse data online to escape the confines of the screen, with the subheading ‘What I learned from printing the internet out’. Russell mentioned the Doppler presentation of last year’s dConstruct at the top of his presentation and he comes across in the same warm, funny and passionate way as the two Matt’s last year. Far from just sending blog posts to your nearest Epson or Hewlett Packard (although this was the starting point), Davies explored ways in which the constant stream of API’s and user feedback can interact with the physical. How about a bubble machine that gets excited every time it hears its name on Twitter? Who doesnt like bubbles! We like Kinder Eggs too, and were treated to a random shower of chocolate half way through the talk (that’s how to win over a crowd). The crux of Davies’ presentation focused on the production of a newspaper entitled ‘Thing our friends have written on the internet ‘. Originally a Christmas present for friends and family, this collection of articles from the across the web quickly gathered a following as surplus copies were distributed to anyone who cared enough to get in touch with the author. Davies is now taking to concept further, helping others to get their work onto good old-fashioned paper (apparently cheaper than you think). Punctuated with jokes, videos and chocolate, this was a fantastic end to a diverse and enlightening day in at the Dome.

Tom