Archive

Posts Tagged ‘Interaction Design’

Luke Wroblewski on Parti (or the main idea) from Interaction09

September 25, 2010 2 comments

Luke Wroblewski, former Chief Design Architect (VP) at Yahoo! delivered a very provocative presentation at Interaction09 titled Parti and the Design Sandwich. The talk focuses on 2 main themes:

  1. The notion of Parti (also referred to as “the Big Idea”, which Wikipedia defines as the chief organizing thought or decision behind an architect’s design presented in the form of a basic diagram and/or a simple statement
  2. The Design Sandwich – which Wroblewski says “is really the way that we can make informed decisions that help us deliver on this big idea, this parti.

His talk borrows heavily from the book 101 Things I Learned in Architecture School, by architect Matthew Frederick.

Furthermore, Wroblewski approaches the concept of parti not from the vantage point of a traditional architect, but from the perspective of someone who architects digital spaces in the role of an Interaction Designer.

The video is displayed below:

The presentation slides accompanying the video can be found here.

I have to say that this notion of parti presented by Wroblewski has really influenced my thinking around modeling and explaining complex spaces lately – as a way to rise above the detail to get to the “essence of the thing”, in a simple and visual form.

Anyway, the rest of this post explores some of the key messages delivered by Wroblewski in his presentation.

Introducing the concept of Parti – or “the Big Idea”

OK, so what is this Parti notion? I mentioned above that Wikipedia defines parti as “the chief organizing thought or decision behind an architect’s design presented in the form of a basic diagram and/or a simple statement“.

Wroblewski quotes Frederick who defines parti as “the central idea or concept of a building“. Here’s the presentation slide:

Parti is much more than just a concept. Says Wroblewski:

The interesting notion behind that is it’s the Big Idea behind a structure. So a structure in the architect’s world could be a building. A structure in the Interaction Designer’s world could be something different.

And in particular, what makes this a little bit different than what traditionally people talk about as product vision, or a mission statement, or a core idea, is the way Fredrick outlines how architects depict this and work through this, in which he says “It’s expressed as a diagram that depicts the overall organization or the overall structure of something. But at the same time really points to experientially or aesthetically what’s the theme of it. How does it roll up together.

And I think this is where that distinction really falls, which is that there’s almost a design artifact this product vision, this big concept – which isn’t necessarily the case when you get some sort of thing coming from someone on the business side or the product management side – that’s a statement right, here’s our vision statement – “we’ll be #1 in 5 years”. It’s a very different kind of articulation of where you’re trying to go.

And particularly the things that really resonated for me is this concept of the small diagram representing the big idea, and its organization and experiential sensibility. I thought that was cool.

Frederick presents examples in his book that illustrate this core concept of a building in a simple and straightforward way. Here’s the slide Wroblewski presents:

Here’s Wroblewski’s comments on Frederick’s illustrations:

So if you look at this “odd shapes intrude on a pure space”, you kind of get a sense of how that might feel, you get a sense of what the core idea is of the building, and how it might manifest itself.

Or “L’s in conflict” – there’s kind of a tension there, you can sort of begin to think about what that might feel like, and how that might act.

I do think that even these simple diagrams – especially the odd shapes and L’s in conflict – they do depict the general floor plan for the building, but they do have an aesthetic or an experiential sensibility. You start to get a sense of how they might actually engage you on an emotional level versus just a functional level. Functional level, it’s like “oh, I can put my office in here”. Emotional level, you might start to think about how you’d actually feel working in that space, the kind of mood it creates, and so forth.

Applying the Parti concept to the redesign of the Yahoo! homepage

Wroblewski then proceeds to discuss how this notion of parti can be applied to his recent work (in early 2009) redesigning the Yahoo.com homepage. I’m not going to elaborate on his discussion around the redesign of Yahoo.com’s homepage. If you are interested, please view the video.

A Parti must reflect its environmental forces

However, I will briefly address some broader concerns that Frederick discusses in his book around applying the parti concept. And the first is that a Parti is deeply related to its environmental context, which is inevitably shaped by several forces. This is illustrated in Wroblewski’s slide below:

On the one hand, this is very reminiscent of the notion of forces applied to architectural design patterns in the manner that Christopher Alexander discusses.

However, I appreciate the reminder that the “core concept”, and the “essential structure and aesthetic design” of “the thing”, must also reflect, and be an expression of, the fundamental forces to which it is subject to in its environment and usage.

A Parti diagram will address the essential concerns for a project in a holistic way

Wroblewski quotes Frederick:

A parti diagram can focus on any specific aspect of architecture that it defines. It could be massing, spatial hierarchy, site relationship, core location, interior circulation, public/private zoning, solidity, transparency, and so on and so forth.

Wroblewski then adds:

But not every little diagram covers all those sorts of things. So if there’s something that’s really defined by its core location or there’s something that’s really defined by its spatial hierarchy, that’s the center point of the little parti diagram.

The key message here is that a Parti diagram will address the most essential forces or factors acting on the design, and it will address those factors in a holistic way.

The Design Sandwich – Using the Parti concept to help guide Design Decisions

In the second part of Wroblewski’s presentation, he discusses how design decisions should reinforce the core concept of the design (i.e. the parti). This perspective is shared by Frederick, as presented in the slide below:

The Design Sandwich

The Design Sandwich is a conceptual framework developed by Wroblewski to provide a framework for making good design decisions that align to the parti (or the big concept or idea) underlying the design. Here’s how Wroblewski describes it:

The Design Sandwich is really the way that we can make informed decisions that help us deliver on this big idea, this parti.

So without further ado, here’s what the Design Sandwich looks like:

Wroblewski describes the different elements of the Design Sandwich as follows:

Design Principles

And at the very top is this notion of Design Principles. And Design Principles, as I’ve laid it out here, are really filters we’re going to use to see if the decisions we’re making line up with that central concept. So if this is a guidepost, a thing to use to evaluate where we’re going, these are the sort of checklists, or high-level principles that we’re going to use to see if we’re going towards it, or if we’re going away from it. And if we’re going away from it, we should probably change what we’re doing.

Design Considerations

At the bottom, you have what I call Design Considerations. These are the factors you weigh when you consider what design decision you’re going to make, what solution you’re going to go with. It could be the environment, the technology, skill level of people, the domain, goals, needs, existing workflows, so on and so forth. There’s this whole slew of things we have to think about when we choose between even simple things like interaction elements.

Patterns and Best Practices

Luckily there’s ways that we can make some informed decisions out of those considerations. And one of the most common ones that people talk about in interaction design circles is Patterns and Best Practices.

Testing

So the other set of informed considerations that we get is by Testing.

Design Decisions

And that’s sort of my middle-of-the-sandwich composite, which is this is where we make Design Decisions, right? We go from looking at all these opportunities and limitations, and all this different context and things we have to consider when we decide what to do with a specific aspect of the design. We can test some of that. We can turn to Patterns or Best Practices for some of that. But across the whole board we have to make decisions.

And why do I focus on decisions so much? And why is this sort of the whole “meat” of this sandwich?

Well two things. One is I care a lot about how Design Decisions get made because I see a lot of decision-making squandered to org chart. I see a lot of decisions squandered to who screams the loudest. I see a lot of decisions squandered to things we’ve done before, or things that are out of context, or things that don’t relate to the project we’re doing.

Applying the Design Sandwich – Case Study

Wroblewski then gives a couple of examples of how the Design Sandwich can be applied to organizing a couple of design books that his group at Yahoo! had recently published. The slide below shows how Key Considerations, support Key Principles, support the overall parti – “Fast and Effective Web Forms” – of Wroblewski’s book Web Form Design:

A Parti is subject to change

Wroblewski concludes his talk with a final, powerful message – that the overall coherence and integrity of a parti is subject to change over time. The slides below quoting Frederick really say it all:

And:

In Summary

So here’s the summary slide for the talk.

A truly wonderful and inspiring presentation.

glenn

Advertisements

Bill Moggridge on Design and Business Innovation

August 21, 2010 1 comment

Bill Moggridge and Interaction Design

Bill Moggridge is a bit of a legend in the Design world, having co-founded IDEO, and authored the wonderful book Designing Interactions. I recently watched a video of a presentation that Moggridge gave at Stanford in 2007 on this book, which can be viewed below:

Design’s role in a Business Innovation

Like many folks in the Design world these days (see here and here), Moggridge also speaks of Design in the context of Business Design. In the slide deck from his recent presentation, Moggridge presents an interesting model/framework for business innovation, which is shown below:

I really like this simple visual, which positions Business Innovation at the intersection of Business, Design, and Technology.

Business Architecture – another view of the intersection of Business and Technology

This diagram reminded me a lot of another diagram which shows the confluence of three disciplines that span business and technology. The diagram below is from an IBM whitepaper, which positions Business Architecture at the intersection of 3 key core enterprise disciplines – Strategic Planning, Business Execution (or operationalizing Business Strategy), and IT:

Like Moggridge’s Business Innovation framework, this visual crucially positions Business and Technology as overlapping concerns – from both a strategic and operational vantage point. But unlike Moggridge’s framework, it leaves out Design as a strategic consideration in and over-arching Business Design framework. Increasingly, I think this will prove to be an important omission.

Bill Buxton would concur

In a recent post where I provided a link to a Bill Buxton lecture at Stanford in 2007, I had commented:

Buxton says he’s working more these days to help Microsoft redesign its organization and processes that on product design.

Secondly, and this is very fascinating to me, Microsoft is developing an approach to business innovation and product development it calls BXT – Business eXperience Technology. That is, Microsoft feels it needs to bring business thinkers and doers, technology thinkers and doers, and design thinkers and doers, and have them work together in a cohesive fashion around business innovation and product development. Buxton talks a bit about this approach in a piece he wrote for Business Week in 2009.

Here again we see Buxton and Microsoft treating the intersection of business, design, and technology as strategic to business innovation.

I think Moggridge and Buxton are definitely onto something here.

glenn

Changing Interactions with News Media – NY Times’ Alexis Lloyd

August 8, 2010 1 comment

An interesting presentation by Alexis Lloyd, Creative Technologist in the NY Times R&D lab, on profound shifts occurring in user interaction and product design in news media.

So what does working in the NY Times R&D Lab entail? Here’s how Lloyd defines its mission:

The R&D Lab was founded about 4 years ago, and our mission is really to look around corners, to foster innovation at the company by researching technology trends and projecting outward anywhere from 18 months to 2-5 years. And we design and prototype ideas for what future interfaces for news media and content might look like.

Cool. The rest of this post highlights key messages from Lloyd’s talk, and is broken down into 5 sections:

Introduction

From Static Publishing to an Interaction paradigm

Lloyd says that if she had to boil her entire presentation down to one sentence, it would probably be this:

The web is shifting from a publishing paradigm to a paradigm of communicating.

And this is having profound effects on the way we understand, experience, and create content.

The old paradigm

First, Lloyd presents the traditional publishing paradigm:

She comments:

In the old paradigm, information was at the center, and people actively seek it out. So you have a website, and people make this pilgrimage to your website to experience your content.

The new paradigm

Then, the new publishing paradigm:

Again from Lloyd:

In the new model, people have shifted to the center of this equation. And more and more often, content and information is getting pushed to them rather than them actively going and seeking it out. Which really changes how they experience it, how they interact with it. And furthermore, those arrows are now moving in two directions a whole lot more. So not only is content being pushed to users, but they’re increasingly broadcasting it and creating their own content and pushing that outward.

This new paradigm (or model) can be described in terms of three profound shifts. They are:

  1. From one (or a few) to many Devices
  2. From a web of pages to a Web of Data
  3. From static web to Real-Time Web

These three shifts are described in the following sections.

Next: Trend #1: From one (or a few) to many Devices

Pages: 1 2 3 4 5

Designing for Meaningful Experience – Nathan Shedroff

August 7, 2010 2 comments

A colleague of mine recently conveyed what I thought was a very powerful approach to product design and brand building – that is, to “align to broad human virtues”, which he credited as being inspired by Tara Hunt.

Then on the weekend, I stumbled across a video presentation by Nathan Shedroff, delivered at Interaction10, titled Meaningful Innovation relies on INteraction and Service Design, which can be viewed below:

[Vimeo 9659499]

Here’s the slide presentation that accompanies the video.

Shedroff is interested in what makes for meaningful experiences that people have in their world. First, he offers his definition of meaning:

Meaning is the deepest connection that you can make with your audience/user/customer. Meaning is established between people, between people and objects, people and places, etc., and it is the deepest part of those invisible connections.

However, you can’t really talk about “meaning” in this context, without talking about experience. In fact, Shedroff defines Design as “the process of making experiences”. So, it’s the understanding of Experience that we’ll turn to next.

Exploring Experience

Shedroff discusses a framework for experience that has 6 dimensions, shown below:

The dimension Shedroff focuses on in his talk is the Significance dimension, which encompasses the consideration of meaning in the experience. Here’s a slide from Shedroff’s presentation that positions Meaning at the heart of the Significance dimension:

Shedroff comments:

[The Significance dimension] moves from Features/Performance into Price, which are fairly shallow connections, right? … And this makes a lot of sense. If your business is about lowest price like Walmart, you may have a lot of appreciation from your customer, but you don’t have a lot of loyalty. Because what happens when the store next door has an even lower price? That’s where they go.

But once you move into these deeper levels, that’s where we build customer loyalty, that’s where we get the type of experiences and connections that are much harder for competitors to take from us.

Core Meanings

Shedroff has found 15 core meanings that are universal – everyone in the world understands what they are and what they mean. These meanings are listed in the slide below:

The challenge, however, is that different people prioritize and express these meanings differently.

Shedroff encourages people to ask the following questions:

  1. What are the top 5 meanings for your organization?
  2. What are the top 5 meanings for yourself (or team)?
  3. What are the top 5 meanings for your customer?

That is really cool I think.

Finally, Shedroff’s presentation explores the positioning of a few selected companies in terms of the meanings they represent – Apple, Nike, and Disney. Below is the slide for Apple:

In conclusion …

Pretty interesting stuff for a guy new to Marketing and Product positioning. It certainly speaks to me.

glenn