"Really cool idea guys!"

Archive for the ‘Design thinking’ Category

Design thinking

Method featured in Communication Arts Magazine

Catch us in the latest issue of Communication Arts Magazine, with a full feature on our design process and culture.

The article takes an in depth look inside Method’s studios and the thinking that led to some of our recent work including the newly launched NBC Politics App and our work with Nokia’s digital retail experience. Featuring interviews with some of our thought leaders, we lend some insight into the strategy that drives Method’s work and culture

“At the end of the day, customers don’t care about a brand’s consistency,” Principal, Marc Shillum says, “they care about what’s interesting and relevant.” Finding new ways to reamin interesting, relevant and responsive is a goal that Method is eager to embrace as it looks to the next ten years of its future.

Download the full article here.

Design thinking

Ben Fullerton on the Power of Interaction Design

Director of Interaction Design, Ben Fullerton sits down with ...

Director of Interaction Design, Ben Fullerton sits down with World of Business Ideas for a quick chat around the power of design and the need for understanding consumer behavior to create better and more meaningful experiences.

Check out the video below! If you’d like to learn more about Ben, catch him on Twitter @BenFu.

Design thinking

IxD Lead Jennifer Brook comments on mobile platforms in Mashable

In a recent article, Mashable evaluates the success of Instagram as a mobile app and asks a few experts to share their opinions on Instagram and whether mobile-only is really the next frontier for social networks.

Method’s own Interaction Design Lead, Jennifer Brook shares her insights:

“Instagram made a smart bet that we currently have more spare attention — more emotional and cognitive bandwidth — while using our mobile phones than we do when viewing a website on a desktop browser.

My iPhone gives me superpowers. My computer needs things from me. A kind of emotional transference then happens when looking at content on my mobile phone, it’s a treat to stay a little longer. I feel like I’m being let in on a secret. If you’re trying to discern a launch or product strategy, the baked-in intimacy and ubiquity of mobile shouldn’t be ignored.”

Read the original article here.

Design thinking

Paul Valerio’s 10×10 Raiders of the Lost Overture mentioned in Forbes

Forbes recently featured an ...

Forbes recently featured an article on “Steve Jobs and MTV: Nine Steps to All the Power You’ll Ever Need”. The article discusses the importance of communication and story telling, and details how to become a more effective and compelling communicator.

The article also goes on to cite Method Principal, Paul Valerio, in his 10×10 Raiders of the Lost Overture:

“I’m a huge fan of Paul Valerio who heads up the Customer Insights team for the design and innovation firm, Method. As I noted in a previous article, Building Brands by Killing Frogs, what I like best about Valerio is his ability to write creatively about creativity. He takes examples from everywhere and applies them to business and the black art of branding.

Valerio is as entertaining as he is enlightening and his article 6 Secrets to Branding, Ripped From “Raiders of the Lost Ark” is no exception. Here he applies an iconic movie and the amazing power of storytelling to super successful brands like IKEA. His overarching theme is that powerful communication means Show, Don’t Tell.”

Read the full article here.

 

Design thinking, Interaction Design, Uncategorized

Streamlining Article Management in Instapaper

Daniel Nacamuli is an Interaction Designer out of Method’s London studio. We’ll be pulling in some weekly posts from his Tumblr showcasing his thoughts around various user interfaces.

This week, we’re featuring his thoughts on Instapaper, an article filing service for browsers, iOS devices, and the Kindle. Daniel highlights some of the common interface problems he experiences with Instapaper, and how he imagines things could potentially be improved.

I was having a think about how to improve Instapaper’s article filing process on the iPhone. In this post I’ll go through some of the problems in the current implementation, and at the end offer a potential workaround.

Instapaper is a web service that saves articles for later reading on browsers, iOS devices, and Kindle. The service saves articles via its “Read Later” bookmarklet and presents them using a clean, minimal layout. On portable devices the articles can be read offline in the associated app. It’s a fantastic piece of software.

Articles appear in a Read Later folder, and from several places in the app can be deleted, moved to user defined folders, or archived. For the rest of this post I’ll refer to moving, archiving and deleting as ancillary actions or filing.

Filers become Pilers

I spoke to a few people and they all have a common problem with Instapaper: even though they can file articles from the reading view, they do this far less often than they would like to. This could be seen as a user problem, but if people use a feature less than they want to, I prefer to see it as an interface problem. I’ll be focusing on how we can improve the filing process when we have finished reading an article.

How filing is currently done

In the next three screens I’ll illustrate the user flow for filing articles from the reading view and highlight some of the problems along the way.

Access the ancillary actions using the Action button.

This feels a bit awkward: our thumb’s dominant role on this screen is to scroll, therefore it rests naturally on the left hand side of the screen. Accessing the action button requires that we aim for and tap the bottom right corner.

An action sheet gives access to ancillary actions.

Delete and Move to Archive can be done in one tap. The apparition of the modal overlay jars with the reading experience, and visually feels heavy compared to the app’s flat UI. Previously hidden, the status bar also drops into place for no apparent reason (though this may be a property of the action sheet).

Move to personal folder.

From the action sheet, tapping the Move to Folder… button enters another mode from which we choose which personal folder we want to move the article to.

So in the current implementation the use of an action sheet for ancillary actions has a few problems:

  • Accessing it does not feel like a logical next step after reading
  • Hidden behind a button its function is invisible to the user
  • The filing actions take two to three taps to complete
  • The transitions are visually noisy

 

How filing could be improved

Let’s take a look at an easier way to file when we have reached the end of an article. Going back to the first screen, if my thumb is here…

…maybe the ancillary actions could appear here too: inline at the end of the article.


This gives us a few advantages:

  • With my thumb near the controls, filing feels like the next logical step after reading.
  • Filing becomes modeless: no more noisy animations.
  • Everything can be done in one tap.

 

The existing action button still gives us access to the share features and lets us file from anywhere in the article; so this isn’t mean to replace it.

Design thinking

Brands as Patterns featured in Digital For Real Life

Nice write-up on Marc’s Brand as Patterns #SXSW Panel in Digital For Real Life:

One of the best things about SXSW is its ability to create multidisciplinary panels that provide unique insights on marketing issues. “Brand as Patterns,” a panel comprised of Marc Shillum, Robin Lanahan of Microsoft, and composer Walter Werzowa (he created the famous Intel Mnemonic) is the perfect example of this. Each with their own views and experience, they point to a major challenge facing brands both old and new: the inherent conflict between building a brand (authority, consistency, repetition and identity), and ownership by individuals (freedom, diversity and uniqueness).

Read the original article here.

Design thinking, Interaction Design

Searching with Safari on iOS

Daniel Nacamuli is an Interaction Designer out of Method’s London studio. We’ll be pulling in some weekly posts from his Tumblr showcasing his thoughts around various user interfaces.

This week, we’re featuring his thoughts on the search experience with Safari on iOS. Daniel explores additional features for search in iOS that would make the recommendation function more relevant and efficient. His explorations and thoughts below:

When you search for a term in Safari, the live search offers, in most cases the suggestion you want, which is great. Tapping on it closes the search view, submits your query, and takes you to the corresponding results page.

Now if you want to build on the suggestion, things get little fiddly. Your query can be made more accurate by typing it in full to see if more relevant suggestions are offered, or typing it in full and adding a word of your own.

Case in point: you want to find the IMDB page for Billy Wilder, so you’d wan’t something like billy wilder imdb. By the time you reach wibilly wilder is suggested, but there is no easy way to build on the term. You have to do something like select it, cancel the search, and reopen the search to see if imdb is now suggested, or type imdb in yourself and resubmit. This takes a two to three screens and search/cancel/search process feels a bit frantic.

Maybe something like this would be easier: A “+” button adds the suggestion to the search bar, and sets the curser to the next character so you can add to it.

Given that billy wilder is now the new search term, new suggestions appear along side it, so maybe grey-out billy wilder to show that if you hit “+” again, only the unique words will be added to the query.

I used the “+” button to illustrate this example, probably not the right control for this, but hey..

 

Design thinking, Interaction Design

New 10×10 – Brand as Context in Interaction Design

Our newest 10×10 piece, Brand as Context in Interaction Design, just launched!

What feelings do the words Nike, Fox News, or Facebook evoke? This article discusses the role of interaction design in building emotive and relevant brands through products and services true to a brand’s voice that simultaneously deliver coherent experiences. Understanding of the context a brand has created is critical for designing coherent product and service experiences.

Read the full piece here and tell us what you think!

Design thinking, Innovation

One device, multiple experiences

TechCrunch recently posted an article covering Ubuntu, a newly announced product from Canonical for the Android. The device is presenting some interesting notions on multi-platform engagements – one device that can both work seamlessly as an independent phone and, when plugged into a computer screen, a full desktop experience.

Think of the implications, and what this could mean for the future of user interfaces – a single, handheld device that can switch its interface for any and every media context.

 

Our phones are becoming more and more the center of our communications, utilities and entertainment. We’d probably all tend to choose our phone rather than open up the laptop for quick searches or browsing online.

Method works hard for our clients to consider the entire product and service ecosystem: how their brand experience is seamless across multiple platforms, but an idea to create a single platform for all experiences would be revolutionary. Of course, the input interaction still differs between a handheld, desktop, and TV experience, but why should it originate from different devices?

We see that Apple is preparing to launch AirPlay Mirroring, which essentially mirrors your laptop with your Apple TV connected TV – and they’ve been working to keep all your devices in sync with iCloud.

But why all these devices for different uses? One device for home entertainment, one device for work, and and yet another device for mobile communications.

It feels inevitable that the next step will be to reduce to a single device for all these purposes. A true pocket phone-computer-media center. One such step is from Ubuntu. They’ve brought together these three uses into one Android device. They’ve previously created a free desktop operating system and a smart TV operating system, both running from your laptop, but now they’ve housed both systems in a phone. Here’s a description from their site:

When out and about, the phone operates as any other Android-powered phone; but when you slip the device into a dock connected to a monitor, keyboard and mouse you get the familiar Ubuntu desktop experience.

Another neat trick: if you connect your device to a television via HDMI you don’t get the Ubuntu desktop: you get the Ubuntu TV interface. You can browse media on your phone or access online content as you would with any Ubuntu TV appliance.

Regardless of your OS preference, the use of one platform and one device interacting with users at different levels is a great step forward in truly building a holistic experience for users. They currently use a wired doc to connect to a monitor and keyboard or to the TV, but I bet we’ll be seeing wireless connection quite soon.

The dream of ubiquitous computing is that all the clunky boxes that gather dust in our lives are replaced by a network of powerful processing units so small that all you really see is the interface.

This takes us a big step closer to that, potentially giving developers and entrepreneurs a large network of devices and users to start creating for. This is exquisitely in the original spirit of ubuntu – ‘I am what I am because of who we all are’.

There is no doubt that ultimately Set Top Boxes, large desktop PC’s and laptops will be a quaint part of history the only question is how quickly. Whatever that timescale is – it just got accelerated, and that’s a great thing for all of us.

Design thinking, Strategic thinking

10x10s featured on GetTheFive.com

Our 10x10s are featured over at The Five, a great digital saloon for delightful reads on everything from pop culture to business strategy. Check in weekly, as they’ll be posting each of our pieces for a revisit of our entire collection of 10x10s.