All posts in digital

34 Posts

Out of the box UX

Here’s a little known fact about me: I never studied design or multimedia or service design way back when I was a student at university in the noughties. I knew what I wanted to do and be part of (even back then!) and I wanted to learn about design, information architecture (I didn’t call it that back then, I was just fascinated in information delivery and consumption), product design, digital (or multimedia as we called it back before the interweb 1.0 proper) and the users interface with ‘stuff’ because I was always a righter-brainer & rubbish at the good stuff. I was working part-time at a CBT (computer based training) company helping put together training CDRoms (remember them?) for Helicopter Pilots and I was really unimpressed with how bad they were to use (the CBT materials, not the helicopters!) and how bad the graphics were – In todays world we’d call that ‘poor experience’, and so I got myself on the ‘Packaging Design’ course at Bournemouth University. PACKAGING? ARE YOU MENTAL?! A lot of my mates (and colleagues at the CBT company!) thought I was insane doing a degree in Packaging, they thought I’d decided I wanted to design milk-cartons and not carry on doing what I was doing… but here’s the thing, I was doing what I always wanted to do… think about the component parts of all packaging;

  1. Form
  2. Function
  3. Instruction / Product Information
  4. Design / Brand
  5. Fast moving, evolving consumer goods

Sound familiar? Not so skeptical now are you!

It was literally the only course I could find that would teach me everything I wanted to know about design. About the esthetic form of something, the information architecture of something, the design of something that needs to stand out in a crowded aisle, the typographic quality of something (print anybody?), the brand of something, the perishability, materials, mass appeal, recognition, touch… you name it and in those 3 years I learnt the lot. I just did it using the paradigm of cardboard, tetra-pack and plastic. We even covered sales & marketing as part of the course. It was great.

It’s also something I continuously refer too today because it’s even more relevant in towards world. All our UX is just packaged design.

Packaging on a supermarket shelf has less than three seconds to grab the attention of a consumer.

Those three seconds are exceedingly important when you consider that more than 70% of purchasing decisions are made at the shelf. Add to this the fact that supermarkets can contain on average 40,000 packs to choose from, then that pack has got to work hard. It’s the same with websites, apps, digital outdoors etc.

Packaging’s role is threefold:

  1. To sell the product
  2. To protect the content
  3. To facilitate the use of the contents

Ditto, the role of digital is the same. The component parts are the same too;

Graphics

Packaging graphics have more to do than simply look pretty. They must work to cut through the white noise that is the crowded supermarket shelf, and attract a potential buyer.

Shape

Packaging comes in all shapes and sizes. The structure of a pack can serve to create shelf standout and sell the product, to prolong the life of the product and to facilitate the use of the product. There’s also a lot we can learn from packaging that ‘just is’. It’s practical & boring in some cases, but absolutely necessary to transport the precious cargo to the end user.

Sustainability

The packaging industry has been vilified over the years, not least on the subject of plastic bags. Yet, brands have always been looking for ways to reduce materials and maximise packaging for both environmental and financial reasons. Web optimisation in UX is the same.

Materials

Traditionally certain materials have been associated with certain markets. But as markets change and consumer attitudes adjust it is unsurprising that material choice has also changed in the packaging sector accordingly. Same in digital, only our material is now ‘content’ and ‘conversations’ and bits of media.

Regulations

The packaging industry spans many markets and so is regulated by many different forms of legislation and voluntary codes. More parallels – I work a lot in Financial Services so I know this all too well.

Golden Rules

There are 8 golden rules of packaging design that we were taught at uni too that I stilI also apply in UX:

  1. Conduct a thorough audit of all competitors in your market before you start, and make sure you understand their respective positionings and attributes. Then create your own.
  2. Look at what is happening in other markets, e.g. if you are just considering the UK or Europe, what is happening in the US or Far East that might give you a point of difference?
  3. Put measures in place at the start so you can track and learn as you go, e.g. measure awareness of and attitude to your packaging now and in the future. A good research agency will tell you how to do this.
  4. Be different and ensure your pack has its own visual equity and has a strong personality and attitude.
  5. Make sure your pack works at all stages of its life cycle, from leaving the factory to ending up in the user’s hands.
  6. Mock up how your pack would look alongside your competition. Test it in store and make sure it really does leap out at point of purchase.
  7. Design with tomorrow in mind. Create a pack that is in keeping with current market trends and future trends.
  8. Consider doing some pre-market testing to make sure your pack will find a willing audience. But be careful how you test it as consumers never quite know what they are looking for until someone shows them something new. Henry Ford once said: ‘If I’d listened to what people wanted I’d have built a faster horse!’

Out of the box UX

Everybody in the field of UX should be digesting and using content and background materials from the field of Packaging Design. It’s a rich seam of knowledge that can be directly applied to what we do. Take a website for example, it’s just in many cases a fast-moving-consumer-good and it comes with all of the same elements. Now that interfaces are merging with the real world it’s more relevant than ever.

2013 is the year where I go right back to my roots and start to bring packaging to the forefront of the area of UX that I work with. I’m going to start taking packaging examples to client meetings & as part of all my Discover, Define, Design phases. It’s actually one of the single biggest areas of parallel comparative research available to us so when you start a new brief this year, make an effort to go down to the supermarket & decide what kind of package your making for your digital content.

Resources

2012 Top 10s of everything

The year 2012 is drawing to a close (where did it go?) and the world did not end. Lots happened and as always here’s my little collection of top 10s… please note they’re in no particular order and just my own subjective opinon:

1 – Books

  1. Charlies Bronson – Bronson – Compelling reading. Frightening but a page turner. More an overview of the failings of the prison system than a memoir of a total loon.
  2. Bear Grylls – Facing Up
  3. Jon Krakauer - Into Thin Air – A Personal Account of the Mt. Everest Disaster in 1996
  4. Oscar Pistorius – Blade Runner – Never a more moving and inspiring story written!
  5. Wade Davis – Into the Silence – Haven’t finished reading it yet, but it’s shaping up to be my favorite book of the year.
  6. Simon Yates – Against the Wall – Not a page turner and pretty repetitive, but it’s still a good read if you’re into climbing books
  7. Michael Crichton – Jurassic Park / The Lost World – I’ve read them before but wanted to revisit. Well worth it too. Still two amazing books. Jurassic Part far superior.
  8. Mark Johnson - Wasted - This is the big one for me. A truly remarkable book. Absolutely engrossing and moving.
  9. Keith Richards – Life – Just an ‘alright’ rock biography full of the anecdotes you’d expect but nothing that really made me go “oh wow”
  10. Walter Isaacson – The Authorized Biography of Steve Jobs – Took me a while to get through this. It’s not an easy or enjoyable read. But worth it. RIP Jobs – I think few men or women get to say they actually ‘changed the world’… Steve Jobs was one of them.

2 – Most visited websites in order (officially – I kept stats!)

3 – Music (albums)

These are the albums that weren’t necessarily all released just in 2012, but the ones I discovered and played the most;

  1. Chicane – Thousand Mile Stare - An unbelievable return to form
  2. Deus Ex Human Revolution Soundtrack – What an amazing thing… a computer game soundtrack made it into my top 10. Seriously good album. Almost Bladerunner-esque
  3. John Murphy – Sunshine Soundtrack – Again. A bit of a weird edition and no real explanation other than that I listened to it loads.
  4. Sucker Punch Soundtrack – ANOTHER soundtrack. The horror. A bit different this time though… some very very cool covers of some very very cool songs by the cast of the movie. A great selection.
  5. Robbie Williams – Take the Crown – ALRIGHT… I admit it… this is my guilty, uncool addition. 3 songs I skip on an album of 10 tracks is pretty good going.
  6. Noel Gallagher’s High Flying Birds – Got a lot of air-play in the Trainor house. I’m glad he left Oasis & went solo. He’s better on his own.
  7. Keane – Strangeland – It’s not a guilty pleasure when it’s an album of this quality. Some big tunes.
  8. Toploader – Only Human – Technically released in 2011 but it only hit my ipod in 2012 and I listened to it religiously for MONTHS.
  9. Muse – The 2nd Law – Sometimes ridiculous but always rewarding. I fear Muse are starting to morph into a slight parody of themselves, but for now they’re still turning out big rock.
  10. Beastie Boys – The in sound from way out – When co-founder Adam Yauch Dead this year I went back over all my old BB albums and I found this little gem. Just a straight up Funk Jazz album. It’s massive.

4 – Music (individual songs)

  1. Keane – Sovereign Light Cafe
  2. Robbie Williams – Into the Silence
  3. Chicane & Vigri – Sòlarupprás
  4. The Envy Corps – Rhinemaidens
  5. Ki:Theory – My Thoughts
  6. Muse – The 2nd Law / Unsustainable
  7. Coldplay – Don’t let it break your heart
  8. Grouplove – Colours
  9. Chicane – Thousand Mile Stare
  10. Public Enemy – Harder than you think

5 – Films

  1. The Dark Knight Rise – Disappointing conclusion but it was a slow year for films so still made it in.
  2. The Avengers – Dumb & I loved it.
  3. Skyfall – The jury is still out on this one.
  4. Prometheus – I actually really enjoyed it despite the scathing reviews
  5. First Ascent – A climbing film… about first ascents…
  6. Sucker Punch – So it wasn’t amazing. But it did entertain me on a plane.
  7. Warrior – A film about mixed martial arts????? Ughhhh… How? Amazing.
  8. Super 8 – Just a really interesting film. Not brain taxing, but is represents what cinema should be – silly escapism.
  9. The Amazing Spiderman – OK… a reboot wasn’t really necessary so soon. However… it’s a much better film than any that Rami (the horror) was able to create & it’s got all the component parts for a great superhero flick.
  10. The Devils Double – We rented this off the Box Office and found ourselves pleasantly surprised. A really great movie.

6 – TV Moments

The first 3 are all episodes of the same TV series. Justifiably so… First Ascent is in my mind one of the greatest pieces of TV that I’ve ever seen. The missing episodes were equally amazing but it’s these that really blew my mind.

  1. First Ascent - Episode 3: Alone On The Wall - Alex Honnold usually a bumbling, slightly geeky kid, becomes poised and graceful when free solo climbing. He sets his sights on scaling Yosemite’s iconic 600-metre Half Dome wall.
  2. First Ascent - Episode 4: Brothers Wild - Professional climber Timmy O’Neill and his brother Sean, who is paralysed from the waist down, rely on their skills and tenacity to climb huge walls like El Capitan and remote Alaskan mountains.
  3. First Ascent - Episode 5: Point Of No Return - Two top alpine climbers and a cameraman go on a fateful journey to a dangerous mountain in south western China. There’s an unbelievable twist in this story that really almost had me in tears.
  4. The Paralympic Closing Ceremony – So what if it was essentially a great big Coldplay gig. It was amazing. The best of the games ceremonies this year.
  5. Game of Thrones Season 2 – Epic. Just epic.
  6. The Walking Dead Season 3 – Taking the action up a notch. Thrilling & big value TV.
  7. Grand Designs – More compelling wackiness. Some great projects. Some absolute stinkers. All great to watch.
  8. The Killing Season 2 – Much pacier and more enjoyable than the first (which I wasn’t a massive fan of).
  9. True Blood – I raced through all 4 seasons this year. Was never expecting to enjoy it as much as I did. Great TV.
  10. Homeland – It’s not grabbed me as much as the wife, but it’s still good to get into a regular show. It’s made Sunday nights better!

7 – Interactions / Experiences

  1. Nike Fuel Band – Nuff said.
  2. Photos To Art App – Smart. Clever. Easy.
  3. New MySpace – This one had me excited right from that teaser video & it’s delivering. The search on it’s own is one of the coolest things I’ve seen all year. Pure amazingness.
  4. SF Dok – 360 Langstrasse Zurich – It’s not new but it is amazing. I saw a new way of navigating when I found this, so I learn some new tricks.
  5. Amazonc.co.uk – It got easier, it morphed, it was tweaked…
  6. eBay iPad App – It’s marmite. You’ll be in love with it or you’ll hate it. I found all it’s weird little interactions amazing and compelling. Like developers had just been told to ‘go and play’.
  7. Isotope from MetaFizzy was a defining library of code for me in more ways than one. For starters this blog you’re reading right now is built using it (amongst other project). It’s also been my ‘sort’ function of choice in 2012.
  8. Responsive Web Design – It’s no silver bullet. It’s mis-used. It’s over-sold. But it was the big thing in 2012 and will continue to be so into 2013 and beyond despite what the naysayers predict.
  9. Maily – You know when you see something & think “sh*t, I wish I’d come up with that”… this was that moment for me. My son Charlie LOVES it and so do I.
  10. Roambi become one of my most used references for Data Visualisation (real, not creative) and it inspired a lot of conversations with a lot of clients and colleagues.

8 – News stories

  1. President Barack Obama earning a second term as President of the USA after defeating Republican challenger Mitt Romney
  2. Facebook’s much-hyped initial public offering was the biggest in Internet history. It gave the company a market cap of more than $104 billion but then went on to flop.
  3. The crisis in Syria has escalated through 2012 as the government of Bashar al-Assad continues its extreme crackdown on Syrian rebels and protesters. The U.S. and the international community have come under increasing pressure to act.
  4. Great Britain’s Andy Murray took Olympic gold over Roger Federer at Wimbledon… made so much sweeter by the fact he lost in the Wimbledon final to Federer in June. An astonishing comeback.
  5. Jessica Ennis really proved why she was our Olympic poster girl after she clinched the Olympic heptathlon title in style.
  6. The Curiosity Mars Rover was launched from Cape Canaveral on November 26, 2011 aboard the MSL spacecraft and successfully landed on Aeolis Palus in Gale Crater on Mars on August 6, 2012. We just loved the fact that the Rover was ‘Tweeting’.
  7. Apple axed the ‘Maps chap’ and Jony Ive took over software design – Which is going to mean some astonishing things. Mr Ive also visited the palace in 2012 and was Knighted. A remarkable achievement.
  8. The SOPA Blackout On January 18 – Wikipedia, along with many others, orchestrated a service blackout. The sites shut down for the day and put up banners explaining why they weren’t operating and instructing people to sign petitions against SOPA.
  9. STILL TO BE DECIDED
  10. STILL TO BE DECIDED

 9 – Most used App (iOS)

  1. Facebook
  2. Twitter (most used by a country mile)
  3. Instagram
  4. Chess.com
  5. LinkedIn
  6. Ebay
  7. NatWest
  8. IncrediBooth
  9. Nike Fuelband
  10. CineXPlayer

10 – People

  1. Jony Ive – The man who shapes my tech.
  2. Tom Hardy – The actor who appeared in 2 of my top 10 films (Warrior & Dark Knight Rises).
  3. Kim Jong-un – The funniest politician on the planet.
  4. Barack Obama – The guy did good. Again.
  5. John McAfee – What an amazing news story.
  6. Oscar Pistorius – For me, the elite Athlete of the last 10 years.
  7. Bashar Assad – The man who just keeps on keeping on.
  8. Sebastian Vettel – Answered the critics (much like Andy Murray) and for me, he is the sportsman of the year.
  9. Hans Rosling – He made me fall in love with Data this year.
  10. Mark Zuckerberg – He is still the most influential man for my social circle.

Conclusion

And that concludes my 2012 10×10. Really nothing AMAZING and controversial this year (with the exception of me admitting to like Robbie Williams new album) but still a year of some great events and media consumption. A steady year, not an explosive year.

Responsive vs. Adaptive

What’s the difference between adaptive and responsive web design?

In the world of web design, the only thing harder than keeping up with the ever-evolving standards in HTML, CSS, and other technologies, is keeping up with the vocabulary! Among the latest hot new terms in web design: Responsive Design and Adaptive Design.

What do Responsive and Adaptive web design have in common? Both responsive and adaptive web design are essentially about creating web designs that are optimized for the size of the screen or the type of device that is used to view them.

The basic concept is that instead of creating one web page designed for one target screen size, you create a web designed for multiple screen sizes, most commonly to work well on at least three different screen sizes — a small mobile screen, a tablet-sized screen, and a larger desktop computer monitor. Of course the new mini-tablets might also cause us some headaches now… but for now, lets assume it’s just the Fixed, Tablet and Mobile designs – which is how I’m directing my teams and my clients.

In recent years, most web designers have created page designs that are 960 pixels wide so that they fit comfortably on a computer monitor that is 1024 by 768. But today, you need to design for everything from a 320-pixel iPhone to giant HD TV screens, which are increasingly being used to surf the web thanks to Google and Apple TV devices.

Responsive designs respond to changes in the size of a browser window by fluidly ajusting the width to fit the space available. Thus, as you drag the side of a browser to make it larger or smaller, you’ll see the design change in realtime. Changes to a responsive design includes adjusting the size and positioning of elements to better fit the space available as you see in this example.

Adaptive designs are generally based on a defined set rules based on device capabilities, as well as screen size. As a result, the change to the design may be more dramatic, and there may be many variations. Using device targeting, you can adapt a web page to include multiple versions of images or to remove video from the smallest screens. In many case, you may not even be able to tell that a website is designed using an adaptive approach if you only view it in a desktop web browser. The most advanced adaptive web designs, such as the one American Airlines created at aa.com, use a sophisticated auto-detection script to identify each device that visits the site and then deliver the best version of the site, adapted to display based on the size and capabilities of each device.

If you have developed a fully adaptive mobile web design strategy, you may deliver a page that includes multimedia (video, audio, aniation) to your desktop users, and then adapt that entire page design to more limited mobile devices by not only changing the design, but also removinge the video and large images before you ever serve the page to low-end cell phones. Similarly, you might make the phone number and directions more prominent in the version designed for mobile phones, while featuring a video introduction, more prominently for desktop users.

Adaptive web sites may look dramatically different from one device to another, adapting not only to the screen size, but to the capabilities of the device.

A little history and credit for Adaptive and Responsive Design

The term Responsive Design is generally credited to Ethan Marcote.

The term Adaptive Design has been around a lot longer, but some give credit for this term to Aaron Gustafson who wrote a book called Adaptive Design.

Another terms get tossed around when we talk about mobile design “Mobile First.”

Luke Wroblewski deserves credit for the term Mobile First, which means designing the mobile version of a site before you design the larger, desktop version (historically most sites were designed the other way around).

Article source: Digital Family

How excited am I?!

I’m not late to this party. I saw this when it first landed last month. What I have been doing is studying it… and quite intently… because from what I’m seeing ‘IF’ this is the experience they’re going to go live with and it’s not just a really polished up demo video (we’ve all done it to sell something, it’s what Computer Games have been doing with their advertising for decades; “Not actual game footage”) then this could be potentially game changing. Not just for social networks, but for the way we design our websites.

So what about it then? It’s an important piece of design because it’s gone balls out to be awesome. Which means no compromises. It means giving people the time and the bandwidth to do something amazing. Working within those variables inevitably means great (no, AMAZING) work emerges. All too often as UX practitioners we’re given the brief, but we’re not given the time or budgets to do the brief justice. A deadline dictates the output. The budget dictates the deadline. The competition / competitors dictate the deadline. What we end up with is work that quite often we are not happy with and that shows in the output. I believe that.

So just do what I’ve done for a while now and go over this video again and again and again and absorb the quality of the interaction design. The dedication to the experience design. The attitude of the team (which this oozes by the way – ATTITUDE – the attitude to want to produce the greatest interaction experience on the internet… it smells of hunger and want, doesn’t it?!) to win.

In four words: “I already love it“.

The UX of Visualising Data

Introduction – Visualizing the abstract

I’ve been working on  a project over the last couple of months that’s opened my mind to a whole new place in UX that I’ve fallen deeply in love with. It’s always been there and I’ve always admired it, but I’ve never had to interact with it first hand and given it much studying until now. The area of Data Visualisation or InfoViz as I’ve been calling it with my clients.

I’ve got some new heroes in the form of Hans Rosling and David McCandless. Men who not only do the visual part, but have become voices that help articulate the importance of visualising data in ways that the normal user can consume. I love that quality in people.

By visualizing information, we turn it into a landscape that you can explore with your eyes, a sort of information map. And when you’re lost in information, an information map is kind of useful. We should allow the dataset to change our mindset and if we can do that, then maybe it can also change behavior. It’s a fascinating area.

David McCandless in one of his Ted Talks said the following; “We’re suffering from information overload and data glut. We need to help visualize information, so that we can see the patterns and connections that matter and then design that information so it makes more sense, or it tells a story, or allows us to focus only on the information.” Never truer words spoken about ANYTHING we do in UX, not just InfoViz.

Data is the new oil?

Lots of wonderful comparisons to natural resources when I having my adventures round data land. If data is the kind of ubiquitous resource that we can mine and can shape to provide new innovations and new insights, and it’s all around us, and it can be mined very easily if we set our UX up to gather and harvest at the right times.

Graphis diagrams: The graphic visualization of abstract data

I recently found out about this book by Walter Herdeg, which is truly a great great thing if you can actually find a copy of it. The original was published in 1974 but still has some genius to it and the v.2 book is also full of thoughtful quality. A seminal vision for the convergence of aesthetics and information value, which codified the conventions of contemporary data visualization and information design. One of the 100 most influential design books of the past 100 years, it features work by icons like legendary designer and animator Saul Bass, Brain Pickings favorite Milton Glaser, TED founder Richard Saul Wurman and many more.

For instance, check out this beauty:

Examples

During my exploration for this project I’m working on I’ve stumbled upon a whole wealth of amazing InfoViz and I wanted to share my favorites with you so you can marvel at the Data, but also at the incredible Interaction Design and Visual Design that go into making InfoViz so magical.

Four Ways to Slice Obama’s 2013 Budget Proposal

With Obama’s recent budget for next year proposed, Shan Carter et. al of The New York Times let you explore the plan in their new interactive graphic. It provides four distinct views of what the breakdowns look like, all the while keeping a distinct link between each click with smooth transitions and consistent objects. The transitions make this graphic. It’s often useful to see data from different angles, and the smooth transitions (rather than abrupt jumps) let you see how things are and how they have changed, effectively. This is fine work. Click here to check it out in all its interactive glory.

The London Riots from The Guardian

The Guardian newspaper in the UK are the bonafide gurus in visualizing news information. Here are two amazing examples from the same news topic – The London Riots – and both prove just how incredibly talented the Guardian designers and InfoViz experts are + just how fascinating some of the data from the London Riots is.

The shooting of Mark Duggan on 4 August sparked a series of riots, first in Tottenham then across England. This timeline was created to follow the spread in interactive realtime, culminating in what could be the most incredible catalog of an even ever put into digital form. Their version of it for the Arab Springs was similarly fascinating and groundbreaking!

It’s both Visual and Visceral. Articulating time as a road is very clever and breaking events across the timeline by location is equally captivating. Massive kudos indeed – Click here to go have a fiddle and marvel at this one.

However… it wasn’t the jewel in the interactive InfoViz crown for the Guardian. Oh no… they kept that back for this:

The analysis of 2.6 million tweets shows Twitter is adept at correcting misinformation – particularly if the claim is that a tiger is on the loose in Primrose Hill and that’s exactly what they did with this amazing info t0ol:

Throughout the UK riots, many scanned the internet in search of reliable information. In the absence of confirmed news, the web was often the only way of tracking events. Amidst the hubbub, countless topics came and went. As worries mounted, speculation grew. Rare individuals requested sources, countered hearsay, sought the truth. The rise and fall of rumours on Twitter is a striking display of social forces in action. Click here to have a play, it’s really quite a breathtaking thing they’ve created.

Rethinking the food nutrition label

The food nutrition label is on almost every food item, but it can be confusing in the sense that it doesn’t tell you much about whether something is good or bad for you. The UC Berkeley School of Journalism hosted a challenge for designers and food experts to rethink the label.

We are confused about what and how to eat and so we’re eating too much of the wrong things. In fact, we’re eating too much of everything. Two-thirds of American adults are overweight or obese. The obesity rate among preschoolers has doubled since 1970. Type 2 diabetes has become an epidemic. We want to make it easier to choose healthy food.

Visual designer Renee Walker won with her rework shown above. The rectangles on top of each label represent main ingredients, and bars on the bottom provide a quick thumbs or thumbs down for a breakdown of fat content, carbohydrates, etc. Icons of spoons and scoops are used to supplement serving size since no one knows what 182 grams looks or feels like. Click here to find out more.

 Electricity Generated from Renewable Sources

I really enjoyed the simplicity and fluidness of this one. It’s basically a breakdown of energy consumption by country, by year. Simples. Check it out. This is the kind of thing that would normally be shown to the consumer as a table of data, or a bar chart. It’s a much more engaging experience when you can reach out and touch the data. Brilliant.

If you liked that one you might also like this one from the U.S, which is Your Electricity Bill redefined.

Political Climate Chart

Another great example of how to break 3 dimensions down into one clean interaction. Time, Issues & Political Party. The norm’ would be to add things onto a bar-chart or similar. This way we get something much more fun and something much easier to digest. Click here and have a go yourself. Some fascinating data.

Here’s another two from the U.S that give us interactive views of similar data scenarios. What a “Hundred Million Calls to 311 Reveal About New York” and the “US Health Care Spending: Who Pays?” breakdown.

   

Sources & great references

I’ve browsed A LOT of great resources recently and digested a lot of great InfoViz… here are some of the sources I’d recommend if you’re starting to fall in love with Data like I have:

Cartophile Cartographia
Chartsbin Chartporn
Cool Infographics Comicbook Cartography
Daily Infographic Daily Statistic
Data Visualization Everyday Venn
iGraphics Explained iLove Charts
This Is Indexed Information Design
InfoGraphic Directory Infographic Site
Info Graphic World Info Graphics News
Infograph Love Infosthetics
Information Is Beautiful Junk Charts
Flowing Data Fuck Yeah Visual Data
Mind Map Art Neoman Infographics
News Graphics Old Map
One More Graphic PD Viz
Social Media Graphics Mega Maps
Infographic Showcase Visualsing Data
Vizualize Viz World
Well Formed Data

Experience CVs – An approach

You know the score. You’ve been working in IA / UX for a while. You’ve got a pretty hefty CV and it’s boring. I’ve been having a play trying to find different ways of showing my experience. A lot of projects I’m working on at the moment involve Dashboard Design and information design. So I looked there for some inspiration. It’s just a rough, so don’t judge it on appearance, but see what you think about the approach:

Banks. Atomic Units. Apathy. UX.

From my recent lecture entitled ‘Banks and the Atomic Unit’:

Gamification, the Zeigarnik effect & EPIC wins

Bluma Zeigarnik was a Russian psychologist who identified what came to be called the “Zeigarnik Effect.”… basically, it means that once we start doing something, we’re going to tend to want to finish it. The Zeigarnik effect states that people remember uncompleted or interrupted tasks better than completed ones.

Soviet psychologist Bluma Zeigarnik first studied the phenomenon after her professor, Gestalt psychologist Kurt Lewin, noticed that a waiter had better recollections of still unpaid orders. Zeigarnik went back to the lab to test out a theory about what was going on. She asked participants to do twenty or so simple little tasks in the lab, like solving puzzles and stringing beads (Zeigarnik, 1927). Except some of the time they were interrupted half way through the task. Afterwards she asked them which activities they remembered doing. People were about twice as likely to remember the tasks during which they’d been interrupted than those they completed. Also, of those interrupted nearly 90% carried on working on the puzzle anyway.

In Gestalt psychology, the Zeigarnik effect has been used to demonstrate the general presence of Gestalt phenomena: not just appearing as perceptual effects, but also present in cognition.
The Zeigarnik effect suggests that students who suspend their study, during which they do unrelated activities (such as studying unrelated subjects or playing games), will remember material better than students who complete study sessions without a break (Zeigarnik, 1927; McKinney 1935).

One of the oldest tricks in the TV business for keeping viewers tuned in to a serial week after week is the cliffhanger. You tune in next week for the resolution because the mystery is ticking away in the back of your mind.

The great English novelist Charles Dickens used exactly the same technique. Many of his works, like Oliver Twist, although later published as complete novels, were originally serialised. His cliffhangers created such anticipation in people’s minds that his American readership would wait at New York docks for the latest instalment to arrive by ship from Britain. They were that desperate to find out what happened next. What all these examples have in common is that when people manage to start something they’re more inclined to finish it. Procrastination bites worst when we’re faced with a large task that we’re trying to avoid starting. It might be because we don’t know how to start or even where to start.

What the Zeigarnik effect teaches is that one weapon for beating procrastination is starting somewhere… anywhere. Don’t start with the hardest bit, try something easy first. If you can just get under way with any part of a project, then the rest will tend to follow. Once you’ve made a start, however trivial, there’s something drawing you on to the end. It will niggle away in the back of your mind like a “Lost” cliffhanger. Although the technique is simple, we often forget it because we get so wrapped up in thinking about the most difficult parts of our projects. The sense of foreboding can be a big contributor to procrastination.

The Zeigarnik effect has an important exception. It doesn’t work so well when we’re not particularly motivated to achieve our goal or don’t expect to do well. This is true of goals in general: when they’re unattractive or impossible we don’t bother with them. But if we value the goal and think it’s possible, just taking a first step could be the difference between failure and success.”

Check out this TED video from Jane McGonigal: Gaming can make a better world, it’s awesome:

…and this I think is one of the smartest applications of a Gamification model I’ve seen for a while… it’s a piece of Project Management software called RedCritter. Team members earn badges, points & rewards for completing tasks on time etc… just smart really:

Riots… the greatest viral campaign of 2011.

A riot is the language of the unheard – Martin Luther King Jr.

In August 2011 riots ripped through major cities in the UK & the best viral campaign of the year was created. What do we now know about the rioters and looters? Are they a criminal, feral underclass OR victims of socio-economic blight getting their own back on the rest of society? Fluke organizers or the new experts in 140 character communication. Rather than shouting through a megaphone — as in the infamous 1985 riots on the Broadwater Estate in Tottenham — today’s rabble rousers organized online and with the aid of their iPhones and BlackBerrys. As the riots unfolded, they turned to Social Media to encourage violence & organize hordes of youth into areas of the cities. They communicated digitally and efficiently and in ways that every advertising agency in the world only dream about executing successfully.

If any proof was needed that Generation Y, Generation We, Generation Sell, the Millennials, Generation Next, the Net Generation & Echo Boomers should be running the communication strategies in advertising and digital media then last year it was given to us on a big flaming plate. The demographic cohort following Generation X proved without a shadow of a doubt that with their thumbs and fingers they are the greatest organizers and communicators on our planet at the moment.

Youth custody is failing young people who want to change their ways - Mark Johnson

Characteristics of the generation vary by region, depending on social and economic conditions. However, it is generally marked by an increased use and familiarity with communications, media, and digital technologies. In most parts of the world its upbringing was marked by an increase in a neoliberal approach to politics and economics. The 2007–2012 global financial crisis has had a major impact on this generation because it has caused historically high levels of unemployment among young people. This problem is particularly acute in Europe, and has led to speculation about possible long term economic and social damage to this generation. They want to start reaping what has been sown over 3 decades of creating grotesquely unequal society, with the alienated young copying ethos of looting bankers in their own special brand of communication. But they also have the firepower and the passion to fight back. They just need to be tapped and employed by we the communication makers. We talk to them but we don’t talk to them in their own language.

So what happened then?

  • 6 U.K. cities where rioting broke out
  • 1,051 Arrests in London alone as of Aug. 12
  • 591 Number of people charged in London
  • 11 Age of the youngest person arrested
  • 5 Number of fatalities
  • 16 Civilians officially reported as injured in the riots
  • 186 Police officers injured in the riots
  • 6,000 Number of police on duty in the areas affected by the riots on Aug. 8
  • 16,000 Police on duty in those areas on Aug. 9
  • 2,169 Calls received by the London Fire Brigade on Aug. 8
  • 20,800 Emergency calls received by the London Metropolitan Police Service on Aug. 8 (a 400 per cent increase over the average volume)

The figures are a devastating indictment of the way society has failed some of the poorest and most disadvantaged younger members of society.

The “criminality” vs “ideology” argument goes like this. These riots are fundamentally criminal acts, an opportunity for a criminal class to act with impunity. BUT, so the counter argument goes, these crimes have an undercurrent of ideology. They are the voice of the unheard. Of course they are largely criminal acts. But the bigger story is the dwindling of confidence in the idea of progress. The idea of progress is as fundamental to a society based on science and technology as the idea of liberty was to the enlightenment.

TWITTER: Everyone up and roll to Tottenham f*** the 50 [police]. I hope one dead tonight

TWITTER: Be inspired by the scenes in #tottenham, and rise up in your neighborhood. 100 people in every area = the way we can beat the feds.

Jody McIntyew was forcibly removed from his wheelchair by police during London demonstrations last year – he asked his 9,000 Twitter followers to spread unrest across the city. He has ‘followers’. The police forget about that.

People were referring to BBM as a network where they were telling people where they were going. References to the Tottenham riots on BBM began cropping up two days before violence broke out.

There’s a recruitment broadcast going around on BBM to gather hoodrats to start a riot. Just received 3 BBM Messages detailing a new organised ‘Riot’ plan complete with ‘Loot Rules’. This is the start of something new. #Anarchy

Some 90% of those brought before the courts were male and about half were aged under 21. The 18-30 market are themselves, gatekeepers and experts on leveraging communications and messaging… In an age of social media in which disgruntled youth are frequently more skilled with smart phones than are the adults who police them, authorities believe handheld technologies may have helped those trying to instigate violence to spread their message. You’ve got to admire their resourcefulness.

62% of youth brand and technology decisions are influenced by friends and family. Other decisions are no different. By 2013, Earned Media will replace paid as the #1 driver of youth consumer behavior for smartphones. Who understands earned media better than the people creating the most powerful messages? Brand choice is shaped by Paid vs Earned Media splits. Research data shows key “Beachheads” of customer support for brands in specific age groups not found in rival brands. Youth spend just short of £200 billion on mobile services annually. That’s one pound in every ten of their disposable income going to a mobile telecoms company. They get it. They understand it. They also understand how to use it to mobilize and rise up.

13% of those arrested were gang members (but in London the figure was 19%).

In terms of ethnicity, 42% of those charged were white, 46% black, 7% Asian and 5% were classified as ‘other’.

In this same demographic group only 1/3 of the youth generation trust advertising or traditional top-down messaging – preferring peers to guide their choices rather than traditional marketing messages.

For many people who were rioting, that week was a rejection of the future that was laid out for them… so I say why not employ them? With support obviously… they need proper integrating and acclimating. Unlike most people, some of those rioting and looting had no stake in conformity, those things that normally constrain people are not there. But they have the will and the communication methods that we in advertising and communication would LOVE to tap and bottle. A generation bred on a diet of excessive consumerism and bombarded by advertising has been unleashed… now we have to make them the arbiters.

They feel they can rationalize it by targeting big corporations. There is a sense that the companies have lots of money, while they have very little.

Passion is the mob of the man, that commits a riot upon his reason. – William Penn

Most advertising agencies prefer candidates with bachelor’s degrees and a liberal arts background – preferably in advertising, journalism, public relations, literature, sociology, philosophy, or psychology. However, after fifteen years working across the big players I realised that the greatest skill in an agency is passion and vision. A channeled desire, defies and beats any recognised degree. Strong leaders and mentors trump all teachers and lecturers. We can create a new system where people are empowered to learn and improve.

The learning process is something you can incite, literally incite, like a riot.

Some say we need leaders in Government and the tech community to give us a vision of where science and technology is headed, and how it makes us better as a society and a people, and to articulate why that is an inclusive vision. I say we need to ask and empower the people who fight for their voice.

These kids are called the hardest to reach, what we’ve found is that they’re really easy to reach. All you’ve got to do is have a really honest approach, and for them to see transparently that there’s an opportunity to be part of something. mark johnson

The lines of experience

It’s been an exciting couple of years hasn’t it? The whole offline / online thing… the internet went from being a place you visited to ‘digital’ which exists in multiple places simultaneously and intrinsically woven into our lives. The Eco-System effect. How about this one, you’ll like this and be repelled at the implications in equal measures. There are some bars and clubs in the U.S using a novel technology to help partygoers decide where to party. SceneTap, an American start-up, uses cameras to scan the faces of those who enter and leave participating establishments. Its software then guesses each person’s age and sex. Aggregated data is streamed to a website and mobile app. This allows punters to see which bars are busy, the average age of revellers and the all-important male-to-female ratio. The bar owners gain publicity and intelligence about their customers. For instance, did a promotion aimed at women attract many?

It’s the phone angle. You can adapt your behavior in advance when things used to be essentially ‘pot-luck’. We’re almost cyborg in nature by virtue of having our lives augmented with mobile. We can see through walls now. Bye-bye FourSquare, I’m not going to ‘check-in’ because it already knows I’m there and tells people if I opt in to be auto-detected.

Many companies face the challenge of creating entirely new behaviours for new products. However, my thinking is that behaviour change is far more successful when it aligns with a habit we’ve already formed, which apparently shapes nearly half of the decisions we make every day.

Around 74.2% of the UK’s population, totalling 47m, will go online at least once a month this year on a range of devices including smartphones and tablets, according to eMarketer stats… and that number has almost quadrupled in 5 years because of the rise of the smartphone. We’re all getting smarter at astonishing rates.

I’m also loving the Nike Fuel Band and it’s bigger applications… At SXSW this year, to promote the Fuel Band, Nike essentially turned the inside of a venue into one huge Fuelband wristband with the same colored lights and ability to track energy level. Except in this case, Nike was tracking the energy level of the whole crowd.

Across town from the gig they had rigged up lighting in a building to react to the audience at the gig. The more energetic the crowd, the greener the building became, so that people outside the event could witness the level to which the crowd was going off. It helped that Nike picked two very high energy bands for this show: Diplo and Sleigh Bells. Nike measured the crowd’s energy level by placing Nike FuelBands on the wrists of a large number of attendees, then tracked the activity using customized wireless technology that functions similarly to the way the iOS app works. It’s an extreme example but think about it… using digital, people influenced the lighting at another location. I remember when I got my first feature phone in 1997 people said I was mad because the SMS thing would never take off!

What happens when all these new ways of doing things start converging and the lines start to blur? For instance… Online sales are expected to reach to a staggering $317 billion by 2016 in the U.S which is phenomenal, right… but I’ve always had this hypothesis that online sales aren’t just about convenience, they’re also about data. People love the fact that they can see something rated or reviewed, or find obscure things that are just too difficult to find on the high-street. It’s a demand thing. I’d be fascinated to see what starts to happen when those ratings and ‘easy to find’ influences start popping up in more Urban environments – “Hey Pete, there’s a huge footfall of people like you occurring at this place not too far from where you are right now & they’re all buying things you might like, let me lead you there“. Augmented behavior offline using online data. Could be huge.

Users understand the importance of the internet and a bad experience can go a long way; 44% of online shoppers will tell their friends about a bad experience online according to a report by KissMetrics. So take that sentiment offline and there is this whole “don’t go in there Pete, a lot of people like you had a rubbish time”…

Then there’s the growing behavior around tablets. Sure, it was bound to happen, we just needed Apple to lead the charge, but it’s the way they’ve altered and augmented behavior that I find astonishing. 69% of tablet owners make a purchase on their device every month, according to stats from inMobi and Mobext. 50% of tablet owners spend at least an hour a day accessing media content on their tablets, and 72% use it while watching TV. So it’s not a huge leap ahead of us to assume ‘shopping the adverts’ is just around the corner. The advertising they said was dead is just about to be supplemented by technology. My behavior doesn’t change, but the experience is augmented by the ability to just a button on my iPad & buy what I’m watching. Makes sense. Especially if there are “100 people like you all doing the same”.

According to an IAB/ValueClick study, 52% of consumers are happy to see online advertising because it allows them to view content or use services online at no cost – they’ve brought their offline viewing habits with them. But 55% said they would rather see advertising relevant to their interests and 59% would prefer a lower number of relevant ads than a higher volume of irrelevant ones. So how long before that mobile or tablet you use influences what adverts you see while you’re watching your favorite shows, so when you reach out and buy it instantly you’re actually just choosing to buy from things you’re really only interested in. I don’t have a dog, don’t show me adverts for dog food… Augmented advertising comes to the TV experience. It’s all totally feasible now.

Digital experience crossing over in the real world is becoming more and more a reality and the next few frontier years are going to be really exciting. The possibilities are endless and impact on our lives can only be positive.

open