Tag Archives: ux

The Waitrose Redesign: Perspective Required

This week eConsultancy’s report on the apparent usability calamity of the new Waitrose site has been widely shared: “New Waitrose website panned by users“. People queued up to take pot shots at this aspirational brand, criticising a range of issues from taxonomy, speed and the apparent non-disclosure of prices.

Several cried-out “why wasn’t this tested?” “didn’t listen to users” and so-on and so forth. Compounding the issue was the revelation that the design ‘cost £10 million’.

An unmitigated disaster eh? Well no, not in my opinion. Firstly I think that the £10m issue is swaying a lot of bad publicity. The general public, and this is not to patronise, simply do not understand the price of design (c.f. Olympics 2012 logo). I don’t understand the price of building a new bridge, or anti-retroviral drugs and I don’t presume to tell the people in those industries that the cost of such things is too much. For some reason, the great British public assume that design work is just a 17 year old with photoshop tinkering about. It completely misses the point that work like this involves high levels of expertise in visual design, logistics, accountancy, information systems, security, project management and so-on. It’s massive, it’s expensive stuff. You might re-design a local dentist’s website for £1000 but really this isn’t even vaguely comparable.

Secondly, it does actually work. To claim it’s “not fit for purpose … beyond fixing” is bonkers. Show me the evidence that no-one is shopping on the site, that the usage is down that average basket sizes are down etc. etc. I suspect you would find the opposite [EDIT 25.March: Orders are in-fact up by 34% on the previous site, according to The Guardian]. Yes, there are problems. Some of the nomenclature and taxonomy is a little unconventional. Sally pointed out that browsing freezer products was done by brand and not by type, that seems peculiarly specific. Most users would at least like a choice to filter by meal, by category (fish, poultry, ready-meal, dessert) and so on. Other glaring errors include the (now fixed) inability to identify sizes or quantities of items like milk and meat.

And then there’s the speed. The speed it’s rendering is not great. I’m no developer so can only speculate that it could be either an interface layer issue or one related to pulling items out of the eCommerce catalogue (the back-end). To the consumer this distinction is irrelevant, it just takes time and time-precious consumers get understandably narky. Fixing the speed is critical to the perception of performance.

It infuriates me to suggest that this wasn’t thought about or tested. In our industry with so much money at stake it is inconceivable to think it wasn’t tested in some way at several points throughout the process. It was designed in part by some very talented user-centred people and the fact that certain elements have been included (drop-down category breadcrumbs) suggest a user-experience designer’s hand. The key is whether the user-testing was sufficiently rigorous, sufficiently real-world and sufficiently analysed to feed back into the design process.

Interactions which are causing the most concern include long-lists – the heavy duty users at home doing > £100 shops with many items. In these scenarios they are likely to be juggling multiple threads of activity: searching for goods, ticking them off a paper list, popping to and from the kitchen, considering recipes and so on. Keeping as much of the action (‘add to basket’) transparent at the same time as the browse activity is a tricky ask. Often user-testing is done in a lab with a user isolated from the context in which they normally perform their activity. It’s not a real shop, it’s a simulated list and the observations you will make will subsequently be quite false.

Work like this is so dependant on context that it needs to be stress-tested in real-world situations. It means sample shoppers using a staging-version of the site or a high-fidelity prototype to do their normal shopping routine. It might have happened here, I speculate that it probably didn’t.

I rememeber Catriona Campbell of Foviance telling me once of some ethnography work done for Tesco where they observed online shoppers ordering in bulk from their value range. Actually observing the users in their homes showed that these were consolidated orders for their community where one person acted as a distributor from a single paid-for delivery. Insight like this rarely comes from a two-way mirror, eyetracking and a moderator.

Returning to the Waitrose site, i’d urge you not to get caught in the hype but to actually use the site. The majority of  problems cited on the forum seem to be resolvable coding/performance issues, not fundamental interface design issues. By which I mean buttons not working as intended, technical errors and so-on.  The remaining issues surround a nostalgia for old site features like the jotter. I’ve seen this sort of thing before when a quirky feature barely anyone used gets removed the one or two people who did use it take to the web to complain.

I’m not saying it’s brilliant, it clearly needs work but I just personally feel the need to call for some calm and reflection in light of the fact that passionately user-centred people would have been involved in this and working with the very best of intentions albeit perhaps without the backup to see it through to final development or the support of adequate contextual user-tests.

Advertisement
Tagged , , , , ,

Experience Planning

I decided to have a bit of a break from Twitter (and Facebook) and to revert to the long-copy pleasures of full-fat blogs. To this end I have downloaded Reeder for my iPhone, fired-up my Instapaper archives and am eschewing the free papers on the commute home with the intention to read more about the things I used to read about.

A corollary to this will hopefully be a refreshed attention to my own blog and to the joy of writing again. Though I’ve read too many blogs in the past that have a post that reads: “Am blogging again, hope to blog more, watch this space!” … and that’s the last or penultimate dusty entry. So, no promises, none at all.

Before I dismiss the microblog for the aforementioned hiatus I did just want to highlight a link I found via Anne Czerniak’s stream: David Friedman’s Twitter Thesaurus. The function of David’s thesaurus is to provide alternative, succinct variants of the words you would write if you didn’t have a 140 character limit. It seems like just the sort of thing that verbose writers like myself would like to see added as a contextual add-in to desktop and mobile twitter clients, a bit like bit.ly does for url shortening.

Experience Planning (aka. Experience Design)
My ‘new’ job title is Experience Lead. This is in part due to Dare‘s merger with MCBD and the fact that not only do I now have sight of digital work, I have an occasional role to play in designing and consulting in offline experiences and service design. Whilst we have an adorable presentation deck that covers-off what Experience Planning is (in the context of Dare), much like my This is IA tumblr, I find it helpful to describe what we do with examples of what it is to design experiences (and not just websites).

Virgin Atlantic
Ever noticed that the lighting spectrum on airplanes leaves you looking rather palid, almost green and nauseous? The chaps at Virgin America have and consequentially installed a scheme with a varying light spectrum that reflects the prevailing destination timezone and external light conditions – even the mood of the passengers at key ‘touchpoints’ in the journey, viz :  “[the lighting is] in a ‘theatrical mood’ prior to departure. When you walk down the jet bridge, you see the purple glow of the mood lighting, and it hopefully excites you…” “…people have an emotional and physiological response to lighting. So we decided to shift the colour of our cabin lights during the course of flight. They’re associated with time of day outside or ambient light outside. If you’re flying by day and heading in to dusk, it will reflect the light level outside. It’s less jarring” – Adam Wells, Virgin America [Source: Budget TravelTravel Innovators“]

Disney
As experiences go, Disney have mastered many at their attractions around the world but queueing provides a constant target for designers with a remit to increase enjoyment at any cost. Innovations here are increasingly rare but often involve psychology (see David Maister’s article from many years ago). In this article from the New York Times late last year, Brooks Barnes details some of the cute operational armoury the experts at Disney can deploy:

  • A nerve centre with wait-time monitoring in real-time.
  • The ability to ramp up ride throughput by, for example, deploying more boats on the Pirates of the Caribbean ride.
  • The authority to re-deploy their character talent to the queues so that Goofy can take kids’ minds off the interminable wait.
  • Induce significant crowd shifts by initiating a pop-up parade: “Move it! Shake It! Shift It!” which nudges people to the less populated area.
  • Attention to operational detail to open more kiosks or cash registers, hand out menus and so-on.

Such interventions pervade in a culture of exceptional customer experience. Leaving room for staff to innovate and react in this way ensures that, collectively, the impression and memories users are left with are both positive and lasting. And memories are what all decent experience designers are after.

I got asked recently to write a piece on what might be considered a good opportunity for marketeers tired of the existing promotion calendar. I took an opportunity to assert that I think the marketing communications industry has for too long focussed on the acquisition part of the courtship of consumers. I think we have a great opportunity to work harder to continue to persuade throughout the life cycle – to promote retention with some ‘wow experiences. Working with tools like memory, serendipity, ephemera, transience and humanised language and interaction. All of which are just fancy words which are my attempts to intellectualise the stuff that Disney (v. supra) do so intuitively.

Perhaps I haven’t wrapped this post up quite the way I would normally like to, but these, dear reader, are my thoughts in flux about how I currently think about Experience Planning and the directions which interest me.

Footnote: This post was composed a few weeks ago during a spell when I wasn’t on Facebook or posting regularly on Twitter. I have returned to both sites since then but am significantly less active. I hope.

 

 

Tagged , , , , , ,

Apple Stores: Experience Design = Great. Reality = Aaagh!

Rory Cellan-Jones writes over at the BBC dot.Rory blog today about the emergence of the Microsoft facsimile of the Apple retail store experience. I contend that we shouldn’t fawn too much over the Cupertino firm’s success here.

I am an Apple fan, albeit one without the disposable cash to have actually bought one of their computers. I have bought several iPods and my iPhone at the Apple retail store. My local store is Kingston [photo: a typical Saturday] and I suspect this store is representative of their mall units in the UK. It’s wonderfully designed inside with clear experience design – the analysis of which is covered well here. The reality is that the store is incredibly popular and consequentially the experience takes a pounding. I’d love to spend time browsing the Apple TV interface and discovering if the paucity of content has improved to the point that I might buy one. But I can’t because on a Saturday I’m lucky if after 5 minutes of trying I have actually managed to get near it. There are lots of teenagers who have absolutely no intention of purchasing nor the money to do so but they’re in the store in their hundreds. They stand two-three deep around £1500 machines taking photos of their faces and warping them, updating their Facebook status’ “in the Apl str, LOL” and generally cooling my enthusiasm for the brand.

Of course I can see that these teenage browsers are prospects themselves in a few years’ time or – through their parents’ wallets – in the near future. I’m not really attempting to make an assessment of the financial success of the Apple store (for which a selection of financials need to be considered). What I am really trying to draw attention to is that we are often a little too quick to wax on about such experiences without actually thinking them through by actually experiencing it. This means ethnographic reporting following a field trip out to the store with a given sequence of tasks to perform/observe. A report under these conditions would surely reveal more about the service experience than the  blind hyperbole of jumping on that jolly popular bandwagon.

Tagged , , ,

smörgåsbord choice cuts (iv)

The usual selection of things I have seen and absorbed in the last few days around the internets.

Innovation
The laundrette that emails you when your clothes are done. Rather obvious idea that makes you wonder 1. why hasn’t someone done it before? 2. who still uses laundrettes?

Social Commentary
Daniel Pink questions what it means for (American) society now that the data shows for the first time that more people aged 25-34 have never been married than are married. He looks at Economics, Culture, Politics and new business opportunities.

Apple
According to Apple Insider (and probably two minutes earlier/later by Mac Rumors), the new Sharp phone has a display that matches the Retina display on the iPhone 4.

UX
One from the ‘No shit, Sherlock‘ school of UX insight. UX Movement alerts us to the news that right-aligned buttons on web forms work best. It suggests that you might use left-aligned buttons on single-page forms because: “it creates a clear and direct path to the button that users can’t miss” but doesn’t sufficiently explain why having it on the right in this instance wouldn’t be just as good. Because right-aligned buttons work best on multiple page/section forms, users have got used to them being on the right – such is the way conventions work. Why swap it around for the single page forms? This sort of article is potentially useful for a real newbie in UX design but it isn’t really telling me anything a lot of comparitive research and common sense wouldn’t. Not to mention the complete ignorance of languages that aren’t read left-to-right.

However, redeeming themselves, there is also a cute post from UX Movement about New York City reverting to Title Case on their signage to improve readability from the previous capitalised approach.

Moleskine
I am generally quite critical of hipster trends but I concede to loving my Moleskine and my Apple portables. This has made a bit of noise this week on the web, but in case (ahem) you missed it: Moleskine case covers for iPad and iPhone incorporating notepads.

Health & Fitness
As someone who has dabbled in dietary supplements (Chrondoitin, Gingko Biloba, Glucosamine, Omega 3) and who lives on a meat-light diet, I am struck by a conflict between believing marketing hype about supplements and knowing the evidence is light. David McCandless & Andy Perkins’ active infographic on Information Is BeautifulSnake Oil?” helps sort the supplements by evidence. Multiple bubbles exist for supplements depending on the number of health benefits associated. Very compelling visual and (amongst an awful lot of info-graphic noise recently) one with a genuine enlightening purpose. I don’t think the concept is new, it was a static graphic before no? but i believe the interactive element is.

Design
37 Signals admit on their blog that their site is much-imitated and that this may be a part of why they attempt a redesign every 6 months. The new look is a bit of a “back to basics” for them. There is a real emphasis on copywriting and on using colour sparingly for highlighting. It was interesting that their summary didn’t mention IA or structure as such – perhaps that is because it is a given in their processes.

A bit of a lightweight piece on Six Revisions about single-page websites. The accompanying text is a little frothy but it is notable for the showcase of attractive examples.

Finally,
As if to underline the point above about frothy analysis, 90 Percent of Everything had a great post earlier this week about why we should return to a little more academic rigour in our sharing of knowledge and testing of hypotheses. It suggests a few approaches including:

:: Returning to primary sources, not relying on second-hand re-telling of material
:: Ensure enough detail is included to allow the test or experience to be reproduced and re-evaluated. This includes sharing all the data.
:: Be honest about shortcomings. There aren’t enough examples of failure shared in the Information Architecture and User Experience community.

The author acknowledges the difficulty in achieving this in commercial and sensitive situations (client confidentiality for example) but it is a welcome piece of advice for us to avoid issuing sanitised soundbites for instant sharing. Very much worth a read and I wholeheartedly concur (even if I am guilty of just this fast food ux snacking on this very blog).

Tagged , , , ,

TomTom directing drivers to shorter travel times

Nota: This post was originally published on our client-facing blog at Dare in edited form. I love the editors deeply but I wanted to share with you, dear reader, the full vestal version.


It doesn’t seem that long ago that the sight of a GPS in a car had the same reaction of someone using an iPad on the train does today. A sort of curious mix of jealousy and cynicism about their efficacy.

And then the prices fell and the world and his wife were getting them for Christmas. From the executive saloon to the student runabout, almost every car sports some sort of touch-screen map these days. It is this progress to ubiquity that has led TomTom to assume a critical mass is being reached such that their latest initiative has a chance of succeeding.

Boldy termed a Traffic Manifesto, the Dutch navigation giant has published its objective of making “better use of [the] existing road capacity” in Europe to “reduce journey times for everyone by up to 5%”. Quite some lofty objective given that this is predicated on the take-up of its HD Traffic service reaching 10% of the driving community in Europe. Soak that up. 10% penetration in Europe. Add to this aspiration the cold hard fact that just 2.2% of TomTom’s 45million drivers connect to such a service and one wonders quite what they’re putting in the tea over in Amsterdam.

Leaving that aside, the technology and the ethics behind it are quite pleasing. In TomTom’s own words, this is how it works:

“TomTom HD Traffic uses a revolutionary new source of traffic information: the traffic flow of up to 80 million anonymous mobile phone users on the road. From this anonymous data, TomTom knows exactly where, in which direction and at what speed all these mobile phone users are traveling throughout the road network. This real-time data is combined with other existing quality traffic information sources, resulting in the most complete and reliable traffic information.” [Source: TomTom website]

The campaign activity to support this includes offering this data up to local broadcast networks across the continent for free. The cynic in me assumes this is to offset the simple truth that an in-car device capable of real-time traffic data and re-routing rather makes the hyper-local radio bulletin (ergo much of  the stations’ raison d’être) redundant.

We seem rather obsessed at the moment with geographic social networking. Whether it is initiatives such as this or more frivolous pursuits such as Places,FoursquareNike+History Pin and even the BBC’s Dimensions project, it seems a rather curious paradox that the more our lives are being tracked and traced in the digital world, the more we seek relevance from the physical environment around us: to seek out new routes, new places and new people in the vicinity. So, while the TomTom traffic data is helpful in the now, imagine  aggregating this data  over a longitudinal study to identify new places to commute from? Well, social graphs such as Harry Kao’s commuter map and Mapumental are doing just that sort of thing.

After all, isn’t it nice to find examples where crowd-sourced information is genuinely useful, even if CEO’s like TomTom’s Harold Goddijn can’t resist making somewhat grandiose claims.

Tagged , ,

More choice cuts on the smörgåsbord

I don’t propose that one or even now two swallows can make a summer or that this frisson of activity on the blog will not fade incredibly quickly and my writings will dry up as quickly as they appeared. Like a chalk stream, perhaps.

So, to continue from yesterday, a few more things I have seen, and ting:

1. Flowing Data drew my attention today to a few pertinent images posted on the excellent Historypin site. Historypin simply takes archive photographs and overlays them (sadly without the option to place with the opacity) on Google Street View images from today to place history in context. The selection identified in today’s post draws attention to The Blitz.

2. Something I shared with a client of our who recently rejected the idea of using accordion interaction on forms, Luke Wroblewski’s work with Etre to test the pattern and make some observations. Conclusion, not significant +ve effect on conversion, but equally no significant –ve effect for an identifiable +ve change in the perception of simplicity. Well, that’s how I interpreted it.

3. I read about this visual technique a while ago in the national press but it has been picked up by the curators of the Nudge blog. Norfolk City Council are using funnel planting patterns for trees to create the illusion that drivers are approaching junctions at speed. This technique has been used for years with line-painting on roads but to use the built/grown environment is new. This is a great example of what Dan Lockton calls Design With Intent.

4. In related news, Konigi had a short piece on ‘Dark Patterns’ which is perhaps on the Machiavellian side of behavioural design. These are interaction patterns which intentionally coerce/seduce users into performing actions they would not ‘normally’ have performed. This is work by the enigmatic Harry Brignull which was presented at UX Brighton (2010) and you can follow the entire 30 minute slideshare by visiting his excellent blog.

5. This is worth of a full post at some point, based on some thoughts shared with me by a member of my team, Richard Blair. In the meantime, take a look at PSFKs piece about the effect of the Times paywall on their RSS content. This tears me up. As a Times reader in the offline world I quite like the new online exclusivity a paywall has created and the ad-free experience but I desperately lament the loss of the ability to pour my favourite columnists into my Tabbloid by subscribing to their RSS. I now am forced to the site.

That’s it for today, similar but newer things tomorrow. And possibly a proper ‘comment’ piece later today.

Tagged , , , ,

When a 25 minute form is considered a customer-centred success

It is somewhat inevitable that having spent time working at a major financial services company, my best-fit moving agency-side would be on financial services accounts.

I started at Dare with responsibility for creating delightful and innovative digital experiences with Barclays before a small side-step into Barclaycard and thence, last year, to Standard Life. Throughout this time I have had exposure to countless transactional forms, most of which are understandably onerous to the customers, advisors and others that have to use them.

Often the request is to sex-up such interactions. Crudely, our clients want more Apple and less application. Fundamentally though it doesn’t matter how good a student of Wroblewski you are or how much Tumblr you have channelled, it’s still a mortgage/car insurance/SIPP and not an iPad. It may not be entirely the correct analogy, but it is a touch of ‘lipstick on a pig’.

So it is heartening to see ING direct have a crack at reflecting this in their ad campaign running (at least where I have seen it) on The Tube. Broadly, the message reads that they tried to make the application fun but that wasn’t possible so they made it easy. Easy is then reinforced by the assertion that it only takes 25 minutes to complete.

That’s right, twenty five minutes. And that is deemed to be a promotable statement. I would not be happy if I were the CEO of WordPress if we were going to our customers and saying that blogs could be setup in 25 minutes, and blogs can be complex, configurable things. Who in their right mind thinks a 25 minute transactional experience is great?

I don’t blame the IA here, I blame the Financial Services Authority (FSA) and organisational structures that fail to sufficiently-challenge the arcane rules and regulations around such customer-facing forms.

Time and time again work is stymied by regulations on type size, concealment of information and the mindless mantra of ‘clear, fair and not misleading’.

If behavioural theory has taught us anything it is that showing customers all the information they could possibly need to make the decision can never be unequivocally fair and unbiased. In the real world, such an approach leads only to bafflement, confusion and a sense of being overwhelmed. It’s drinking from a firehose. Experience designers have known about this for decades and use progressive disclosure and choice architecture as a strategies for helping and nudging people down a path. Show this to a compliance bod and instantly the fear of an FSA slap for non-disclosure or assumptive selling makes the red ink pour forth.

The IA (who ultimately represents the customer) has no right of reply. Such decisions are largely non-negotiable. Even, dear reader, in the event that we use video footage from user testing where customers bumble and stumble over needlessly complex choices or exasperatedly slump at the sight of swathes of small-print, none of this melts the ice. Rules supposedly there to protect the consumer are, invariably, confounding them.

In such a rigid culture of blind compliance, forms will continue to take 30 minutes to complete. Forms will continue to demonstrate a paralysing paradox of choice. Forms will continue to lead consumers into completing incorrect or inappropriate responses leading them poorly served and out-of-pocket.

In my experience no-one at the major organisations lobbies the FSA for change and no-one at the FSA shows any acknowledgement of the advances in digital interaction and behavioural theory. Both organisations are still heavily influenced by the paper application form and the advised ‘expert ‘ sale via a middleman. Understand this: in a post Retail Distribution Review (RDR) world, the rise of direct to consumer sales will be significant and if financial service companies want to feel more Apple, then they have to think and act with a fundamentally user-centred perspective from product development (including actuarial) and throughout distribution, marketing and customer service.

Perhaps a theoretical example might help. People buy investment products to achieve a certain growth in their wealth. Investment products with higher growth potential tend to be higher risk investments. The safer products (a more guaranteed return) will suit someone with a more cautious attitude to risk. To understand what your attitude to risk is, you can complete a series of straightforward questions. However, try and make a link between the two, such as “you have a cautious approach to savings, you are best suited to investment product A” and that is classed as advice and you cannot do that online. Despite it being helpful to do so. you can only infer, so you might say “Our results suggest you are cautious in your approach to risk. We have products which range from cautious to speculative in terms of risk. Here they are.”

It is laughable. Never mind getting them it to drink it, you can’t even lead this metaphorical horse to water, merely suggest that there might be water in the general vicinity.

I have looked-at and proposed solutions that effectively take a Starbucks coffee at home approach to guiding users toward a suitable financial product. I have considered and suggested that we recommend a product but do not exclude exposure to other nearly-suitable products. I have used FSA-approved approaches to risk questionnaires and terminology but the simple fact remains that a human following a script can advise on the phone or in a face-to-face meeting, but online it is unacceptable.

I would be interested to hear of anyone in the financial services industry, client-side or at the FSA that has heard-of any consultation and user-experience research on the online-advised sales process. Or any kind of dialogue that encourages exploration of consumer psychology to counter the anachronistic approach of this moribund Authority. As the industry comes under the watch of the nascent Consumer Protection and Markets Authority I sincerely hope that the digital post-RDR consumer is given much better consideration.

IMPORTANT NOTE: These views are my own. Neither do they represent Dare‘s opinion nor are they intended as a criticism of any clients past or present. This post must be considered as standalone comment on the financial services industry en masse.

Tagged , ,

Exposing oneself in public (myFry part 2)

It’s not like I spend my day looking for cures for cancer, I just design and redesign digital experiences. Even so, when something you worked on, however small, gets genuine public attention including (justifiable) criticisms and joyous praise, it feels like a big deal.

So much of the day-to-day work is behind the scenes. Hours of screentime, meetings, sketching and commutes home with ideas buzzing in your head. Then it breaks the surface and with celebrity behind it, it leads to me spending an inordinate (and unbillable) amount of time monitoring the twitter streams fishing for compliments.

So that was myFry and that was yesterday. It occurred to me yesterday that this took place around an app that isn’t even free and, whilst it is undeniably popular, it is never going to be an Angry Birds (Rovio 6m+ sales) or even an ECB Cricket App (the OTHER media). Those apps reach the sort of population that – even ten years ago – would have been considered incredible sales records for the most successful of recording artists. In this day and age, a well-designed and popular app means your creativity is engaged with far beyond the single sales for Xfactor winners (< 0.5m units).

So that got me thinking a bit more (since I was involved on the outskirts of the hugely successful Waterslide and less successful Rollercoaster apps, both of which are free), does it matter more when the app is paid-for? The myFry app is nearly £8, it is hardly throwaway entertainment. Users rightly demand that such experiences work. As far as I can recall this was the first thing I have done which is directly paid-for by end consumers. Of course, sites I  have worked on are indirectly paid for as customers buy the products and services offered but the transaction is nevertheless perceptibly free, they have not just shelled-out cash to use the interface.

That customers have just paid for it means that they more-keenly feel the user-experience niggles (and there are some, both intentional and unavoidable) and feed these back into the AppStore reviews. It is these reviews that I care deeply about, the heartfelt feelings of the people I spent hours and hours designing-for and thinking about in front of my screen and sketchpad.

And there I will leave myFry, until I need to return for alternative versions, updates or any other development that Dare and Penguin see fit. You, dear reader, will only know more when such additional work becomes public.

Tagged , , ,

“A wholly original kind of app”: The Information Architecture Behind myFry

My esteemed colleague Flo described it as what happens when “the stars align“, I separately described it as a ‘perfect storm’. This week Penguin launched myFry an iPhone app that we at Dare had been asked to create for Stephen Fry.

This was one of those projects which sets sparks off when the brief comes in. Already engaged on another app (this time more iPad than iPhone) for an established Penguin talent, word reached us that Penguin would like us to look at this Fry work – in an incredibly short space of time. As the days and weeks progressed we were fortunate (and I know this all sounds gushing) to be working alongside a client in Jeremy Ettinghausen who not only profoundly understood his client [Fry] but equally understood the capability and talents of his staff and his agency [Dare].

The first step was to meet and discuss with information artist Stefanie Posavec who was employed by Penguin as a cover artist and who’s extra-curricular work had caught everyone’s imagination. We discussed the taxonomy of the manuscript, the experience of Stephen Fry’s writing and ultimately the opportunities for an interaction. From some sketches and notes I took this work and began by laying out a visual of the manuscript, demonstrating how this could be tagged and chunked, how these chunks could form navigable elements and how we could represent relationships through the text.

This work went back to Stefanie, Jeremy and others at Penguin from which Stefanie produced conceptual visuals and the hard work of beginning to read, analyse and tag the book began. As this was an editoral task, this was best left to the publishing team (and Flo – see his tagging output) but it left myself (and I suspect Stefanie) nervously awaiting the outcome; utlimately the visualisation and interaction would be profoundly affected by how the book was re-cut. It is important to note here that nothing was removed from the manuscript or changed in ordering.

In the meantime, I began to work with Ron and Luke at Dare (both visual designers) to start to refine the interface layer, understand the interaction journeys and turn so-far static PSDs into beautifully engaging experiences. All the time we were working on this, Penguin and Flo were tagging away and the tech guys (James, Joe & Perry) were astonishingly already producing prototype experiences.

These tech prototypes were incredibly important to the project. They enabled us to see how the click-wheel navigation would work. The detail required in understanding how many ‘spines’ we could fit on the wheel to be usable for the majority of people on an iPhone was crucial to determining how many sections the book would be separated into. In prototyping this work the guys creatively developed the liquid ‘bounce’ feedback on the wheel which gave valuable feedback to the user as to where their finger was in relation to the wheel – something we were unlikely to solve in static IA/IxD.

As the days and weeks passed I continued to refine the screen flows for the app, demonstrating every single interaction from the point of clicking the app icon, reading in each conceivable scenario through to managing the internal app settings. We toyed with ideas such as a horizontal histogram view (rotate your phone to landscape to view the wheel stretched out in linear fashion) and we experimented with section-to-section navigation but each of these experiences were debated and eventually dropped. It is important to say that we thought as hard, about the stuff we dropped as we did about the stuff we kept.

I continued to learn about the limitations of iPhone development: (detail bit coming up) changing values in the central apps settings interface doesn’t affect the app until it is launched which means toggles rather than realtime action buttons, for example. As the real data came in our experts in tech began to work out a way of tying the design/IxD visuals together with the data to make it work and I performed some Excel analyses on the the outputs to establish how the live data would affect the visualisation patterns. Over time my role switched to reviewing and tweaking interactions, consulting to ensure that the final build stayed close to the original concept and, eventually, on the 10th September (my birthday) the app was approved.

In general, it simply could not have happened this way without the enthusiasm, collaboration and skill of everyone involved. In my vocation we spend a stupid amount of time redefining our job titles: IA/IxD/Ux etc. etc. What I can say is that this job gave me full exposure to just about everything we think of in this sphere: true information architecture with the taxonomic analysis of the manuscript, cutting-edge interaction design and strategic experience planning; it had it all. That all this was done for a client in Penguin and a subject in Stephen Fry that were as enthusiastic and involved as we were made it doubly exciting. The icing on the cake? Stephen’s contact with Messrs. Jobs and Ive, experience and design royalty, ensuring that my work, our work, is on their radar.

I left Norwich Union (now Aviva) nearly three years ago to join Dare with the express reason of doing work like this, long may it continue.

————–

Note: As of writing, within 5 hours since it launched, the app is already No. 4 in the iPhone Top Grossing apps.

Credits: Everyone involved in this project is writing about it and being gloriously magnanimous and humble in their praise for the team:

Official press stuff: Campaign wrote a simple summary and the Press Association have a piece too. As a long-time reader of Infosthetics it’s great that they have picked up on it too.

Tagged , , ,