ipad

LBi and bigmouthmedia release their Innovations in Retail whitepaper

Today LBi and bigmouthmedia release their Innovations in Retail whitepaper, covering the impact of digital technologies on retailers in 2011. Full disclosure – I contributed towards the paper, but it is worth blogging about because it highlights how rapidly the internet is changing expectations within the retail sector. It also provides a really strong summary of some of the opportunities that exist for those able to rapidly innovate.

Playmobil Apple Store

Just yesterday Apple celebrated their tenth year in retail with a store makeover that put the iPad 2 at the forefront of the shopping experience, acting as the product price label and spec sheets. What’s more, the iPad’s enable you to hail an Apple Specialist and compare products as well as enabling Apple to centrally update prices worldwide instantly. It isn’t an option yet it will be would be much of a surprise to see if the iPads offering ‘I want this!’ style social sharing, direct from a traditional retail environment.

Of course, the LBi and bigmouthmedia whitepaper contains plenty of talk about smart phones, tablet devices and internet connected TVs but what is interesting is that the paper steers clear of the standard ‘more people are buying stuff on a mobile’ vernacular and highlights some of the less obvious behaviours such technologies create amongst consumers.

I myself am what is now dubbed a ‘digital shoplifter’. I enjoy the ability to browse a real physical retail environment yet when I find something I want to buy my first reaction is to check the price online via my iPhone. If the price difference is greater than my perceived ‘instant gratification’ value, then I’ll just leave the shop and order online.

This clearly represents a challenge for bricks and mortar retailers, but it also suggests a shortcoming amongst online retailers too – they still are not able compete with the feeling of holding a product in your hands. And cruciually, outside of entertainments and media where digital downloads get you close enough, no-one can get delivery times down to zero. There will always be a desire to get things sooner!

Also as important for retail is the impact of technologies that bridge the physical and the digital. Much more than allowing consumers to pay for items by flashing their phones, the impact of mobile technology within a retail environment could be huge. Imagine offering users instant in store recommendations based on their online purchase habits or instant credit via QR or NFC (Near Field Communication) for checking in via social platforms.

Social media is also becoming hugely disruptive within retail, as the paper points out. The move towards customer service within a social environment will almost certainly have its winners and losers  - only by sharing customer service and support tasks with their most engaged customers will retailers truly get the most from social channels.

It is clear that consumers’ expectations are on the rise and that retailers will need to continue to search for ways to reward loyal, engaged customers with unique and surprising experiences. Take a look at the full paper to find out how – it is available for free online now.

Tags: , , , , , , , , , , , , , ,

0 comments Add This

Ten tips for Touch

A couple of weeks ago I was asked to comment on what the proliferation of touch interfaces would mean to the future of web interfaces. Here’s a short resume of ten tips to consider when designing web interfaces in 2011.

1 The end of click here

If writers and content owners did their jobs properly this wouldn’t be here, but we we still have poor web copy littered with click here links. It makes even less sense on a touch device – and writing – touch here, touch me, touch me here seems rather inappropriate. So don’t do it, it’s a disease.

2 Give me more space

Fingers are fat, much fatter than a cursor. So links and buttons need more space, other wise it’s hard to touch the right element. If elements are close together make sure there is space on the screen to do a zoom gesture.

3 Be more forgiving

If you’re touching elements that might be close together, mistakes are going to happen, so ensure key interations & decisions can be cancelled or confirmed before doing something critical. And make those choice buttons (Yes, Cancel) far enough apart to be clear where you touch and avoid unfortunate mistakes.

4 No more hover

Think about it, hover doesn’t exist on a touch device, its a touch or not. So key interactions that require a hover should be removed. I learnt this the hard way trying to remove a recent bogus wallpost from facebook – it was impossible on my iPhone – app, mobile site, desktop site all failed.  So if you have important hover states for key functionality make sure a touch device has an alternative way to access it. Better still design away your hover states.

5 Say goodbye to the fold

Ok so the fold is an archaic term from a bygone era that has no real place in web design… Well it has even less place with touch. As devices scale the page to fit, or allow different orientations, any indication of a fold line moves a lot. Use this to your advantage, consider how any kind scrolling adds to the experience, leading the eye.

6 Flexible layout

Don’t assume all content should be housed within a 960pixel grid, understand how it might best work with the screen size it has available. Yes it makes the design process harder but it makes the outcome better.

7 Grids and the power of suggestion

Our brains like order and identifiable pattern. A grid of squares makes it very clear where to touch without the need for extraneous explanation or detail. We immediately see it as a choice, as a key pad, something to touch. As a result the simple interfaces elements of iOS devices are now migrating to desktop machine OSes like the upcoming Lion.

8 More visual, less text

Touch makes more use of the visual. So avoid using lots of copy for instructions and make each visual element work much harder.

This should also help eradicate the experience disease of adding What’s this? links next to features. In a touch world your new features need to be immediately understood. If not – go back and rethink.

9 More application like

There has been a big shift to stripped back apps on touch devices – bits of software that do one thing very well. This trend coupled with enhancements in HTML5/CSS3/JavaScript has meant web interfaces are much richer and application like. Designing your Web UI to feel more like an application gives it greater purpose and helps it feel useful and relevant.

10 Prototype

Even though it’s possible to imagine how you’ll interact with a web design using a touch device, you’ll never really know until you try it. So instead of creating final polished designs on a mouse based machine, create designs, transfer to a touch device and prototype until it’s perfect.

Tags: , ,

0 comments Share

Weekly Social Media Update

New Twitter Interface

Twitter’s new interface is being rolled out globally this week: the new Twitter allows you to consume shared content without navigating to a third party site, along with integrating some of the best features of existing standalone clients. These improvements take Twitter.com a step closer to being the first choice for browsing your tweets, perhaps paving the way for Twitter to attract advertising revenue in future.

Facebook Places Arrives in the UK

Just a few weeks behind our American cousins, Facebook Places has finally launched in the UK. This is clearly an opportunity to start serving highly targeted location-specific ads, but at present there is no mechanism for doing this through the official Facebook app or mobile browsing experience. Foursquare, on the other hand, is further down the path to monetization, with big brands like McDonald’s already enjoying success with location-based campaigns.

World’s Biggest Coffee Morning

Macmillan’s annual coffee morning takes place on Friday the 24th of September: what a wonderfully easy way to give to a good cause. Here at LBi, we’ll be donating the proceeds from our Friday coffees in the basement, and the Media team will be organizing a good old fashioned bake sale on the third floor tomorrow.

World's Biggest Coffee Morning

World's Biggest Coffee Morning

Painting With Light

Lovely stuff from Dentsu London and BERG: using an iPad as a light source to generate stop-motion holograms. Nice work.

Tags: , , , , , , , , , , , , , , ,

2 comments Share

Weekly Social Media Update

Flipboard – Your Personalised Magazine

A new iPad app has been the talk of the town this week: Flipboard takes the links your friends share with you on Twitter and Facebook, and turns them into a beautiful rich media magazine. You can see which of your friends have liked or commented on the article, and the browsing experience is a delight. (Thanks to @blackplastic for shamelessly showing off this app.)

Unfortunately, Flipboard may be a victim of its own success, as demand has been so high that the startup is struggling to cope. And it may be illegal, as it doesn’t use conventional RSS feeds. Let’s hope they find a way round these obstacles, as Pulse did.

Dr Pepper – What’s the Worst That Could Could Happen?

Poor old Dr Pepper. A few months ago, their status takeover campaign was being hailed as a smart, savvy social media campaign, boosting engagement and really letting people have some fun with the brand. It was all going so well, with thousands of people installing the Facebook app and risking their pride for a chance at a prize. All until one status update, referencing the notorious “2 Girls 1 Cup” meme, was published to the account of a fourteen year old girl, and spotted by her mother. The outraged parent took to Mumsnet, and the rest is history. Who is to blame: Lean Mean Fighting Machine, for taking the joke too far, or Coca Cola, for signing off a status update they didn’t understand?

Dr Pepper Status Takeover

Dr Pepper Status Takeover

Life In A Day

On Saturday the 24th of July, YouTube was encouraging everyone to film a glimpse of their daily life. The best submissions will be edited into an experimental documentary film, produced by Ridley Scott and directed by Kevin Macdonald. The most ambitious crowdsourced UGC project ever? Possibly.

Tags: , , , , , , , , , , , , , , , , , ,

0 comments Share

Interface Development team weeknote (week 1030)

Post-curry: (l-r) Ross, Paul, Mark, Tanay, Himani, Andrew, George, Neil

This week Martin’s been refactoring the lbi.co.uk site’s JavaScript for better performance and cleaner code. Maintaining high standards is one of the reasons you should always eat your own dog food, and while your own website is always an ongoing project this one’s looking pretty good now. Martin’s been a busy man — he’s also been consulting on the side for various projects around the business, including Houses of Parliament, Barratt Homes and Lloyds TSB, and planning for a huge Virgin project kickoff next week.

This week Andrew also claims to have (presumably inadvertently) insulted 1 client, although no further details were forthcoming…

Ray stayed up well past midnight most nights while working on Processing examples of data visualization for a forthcoming Technology department Show & Tell session he and I are working on.

Myself and Andy’s iPad-related project is going well — our QUnit test suite is up and running and at the last count 75% of out tests were running green! Also, I’ve been introdcued to the pleasures of the PDoc JavaScript documentation generator. It’s well worth a look as an alternative to JSDoc, because it doesn’t parse the code itself, only your comments. This means you have a much greater level of control over what is documented, and how. And in the case of JavaScript’s extremely flexible nature this is a great benefit to have. I’m not yet convinced that I’ll move over to it entirely, but it looks promising.

Finally, we said goodbye to Tanay who is leaving the London office and heading back home to start a new journey with LBi India. Mark summed up Tanay’s stint here pretty well, so I’ll just quote him:

“It’s Tanay Day at @LBiLondon. After several hundred years and a number of different beard configurations, he and his family are Mumbai-bound”

Tags: , , , , , , ,

0 comments Share