Tag: building_blocks


Understanding Frameworks: Beyond Findability IA Summit Workshop Slides

April 8th, 2010 — 12:00am

I’m posting slides for my ‘Understanding Frameworks’ portion of the Beyond Findability workshop on strategic practices just given at the 2010 IA Summit.  This portion of the full-day program emphasizes understanding and identifying the common things that make up a design framework, concentrating on the simple structure that designers need to grasp in order to create their own effective frameworks for solving design challenges. I hope you find it informative and useful!

Design frameworks offer substantial benefits to all parties involved in creating high quality user experiences for products, services, digital media, and the emerging interaction spaces of augmented reality, ubiquitous computing, and cross-media storytelling. Frameworks allow designers to better adapt to the rapid shifts in the digital environment by leveraging increasing modularity, granularity, and structure, and accommodating the far-reaching changes inherent in the rise of co-creative dynamics. This presentation – part of a full-day workshop delivered at the 2009 & 2010 Information Architecture Summits – identifies the elements common to all design frameworks, and offers best practices on effectively putting frameworks into immediate use.  Altogether, it is a short course in the creation and use of customized design frameworks for addressing the complexity of strategic experience design.

Understanding Frameworks: Beyond Findability IA Summit 2010 from Joe Lamantia

Comment » | Building Blocks, Information Architecture, User Experience (UX)

Designing Frameworks For Interaction and User Experience: IA Summit Workshop Presentation

April 5th, 2009 — 12:00am

I’ve posted my slides and materials from the Beyond Findability workshop Andrew Hinton, Livia Labate, Matthew Milan and I put on at the IA Summit in Memphis recently.

This set of materials addresses some of the most important questions for practitioners considering a framework-based approach to design: why framewarks matter for user experience and interaction design, what frameworks are useful for, and how you can work with them effectively.

Why *do* frameworks matter? As I’m arguing, look around and you’ll see profound shifts changing the structural makeup of the digital environment, the contexts and boundaries of the experiences, and the role of professional designers.

For designers, very complicated and interesting problems are on the way: think of Mike Kuniavsky’s work defining some of the fundamental concepts behind the ‘smart things‘ that will inhabit this new design environment, such as information shadows and service avatars. It’s plain that this world will require new tools, and I believe frameworks are part of that toolkit. (See my column Everyware: Design for the Ubiquitous Experience for ongoing perspective.)

And check out the slides for the rest of the workshop :)

Nothing better than blues, barbecue, and Building Blocks!

Designing Frameworks For Interaction and User Experience from Joe Lamantia

Comment » | Building Blocks, User Experience (UX)

On Modularity: “Always Look Both Ways When Componentizing the Street”

March 3rd, 2009 — 12:00am

That’s the title of my just-submited guest contribution to Nathan Curtis’ forthcoming book “Modular Web Design.” (I’m in good company; Todd Warfel and Andrew Payne are two of the other contributors.) When Modular Web Design comes out (follow on Twitter for details), you can turn directly to chapter four, ‘Variations’, and read my cautionary tale.

What about the rest of the book? I’ve seen the complete outline, and let me say that if you like modularity as much as we do and you’re designing interfaces, this is the book for you. Maybe you’re even working with some variation of the building blocks, or a similar design framework? And the cover features Legos!

Of course, if you *don’t* like modularity, there’s no need to sweat about it: the future has a place for everyone [We’ll be busy playing with our Siftables]. Just don’t be surprised if it turns out to be smallish, dry, and bit – uhh – box-like

Comment » | Building Blocks, Information Architecture, User Experience (UX)

Effective Portals Article in Intranets Today

November 2nd, 2008 — 12:00am

Readers active in the enterprise, intranet, portal, and syndicated content & functionality spaces might be interested in The Building Blocks of Effective Portals that appears in the November / December issue of Intranets Today.
Intranets_logo.gif
Intranets is one of the leading publications focused on these topics, with regular contributions from the likes of Rachel Alexander, Jane McConnell, and James Roberston.
You will need a log-in to read the complete article on-line, but perhaps you were thinking of subscribing, and this will pull you in.

Comment » | Building Blocks, Information Architecture, Intranets

Frameworks Are the Future (Slides From EuroIA 2008)

October 8th, 2008 — 12:00am

In case you couldn’t make it to Amsterdam for EuroIA 2008, or if you were in town but preferred to stay outside in the warmth of a sunny September Saturday than venture into the marvelous Tsuchinski theater, I’ve posted the slides from my talk Frameworks are the Future of Design.
Enjoy!

Frameworks Are The Future of Design from Joe Lamantia

Comment » | Architecture, Building Blocks, Information Architecture, User Experience (UX)

Ubiquity and Chrome: Modular Is the New Black

September 19th, 2008 — 12:00am

The recent launches of Ubiquity (Mozilla Labs) and Chrome (Google) show how sexy it is to be modular on the web, from the user experience [Ubiquity], to basic application architecture of the browser [Chrome]. This shouldn’t be a surprise to anyone, but it’s not something I hear much about in the user experience community. The fragmentation of the web into a veritable blizzard of services, feeds, widgets, and API’s that create tidal waves of portable and sharable socially rich objects makes thinking about modularity indispensable. In all design contexts.

It’s time the user experience community embraced this way of thinking, not least because it has excellent pedigree. Fifty years ago, in his famous talk There’s Plenty of Room At the Bottom, physicist Richard Feyman said, “What I want to talk about is the problem of manipulating and controlling things on a small scale.” His point was simple: think about *all* the levels of scale and structure that are part of the world, from very small to very large. Feynman wasn’t talking about designing services and experiences for the web or the wider realm of integrated experiences(nice to see the community picking up my terminology…), but his message still applies. Working, thinking and designing at [sm]all levels of scale means doing it modularly.

The microformats community has understood this message for a long time, and is very successful at creating small, useful, modular things.

So how are you thinking modularly about user experience?

Comment » | Building Blocks, Information Architecture

Frameworks are the Future of IA: A Case Study and Example

August 20th, 2008 — 12:00am

September in Amsterdam approaches: in addition to the inevitable mix of clouds, rain, more rain, and tiny slivers of sunlight, September means EuroIA 2008, where yours truly will speak about design frameworks.

In case you can’t make the conference, here’s a text only summary of my talk. Pictures will follow the presentation – promise!

It’s a DIY Future
The Web is shifting to a DIY [Do It Yourself] model of user experience creation, one where people assemble individual combinations of content gathered form elsewhere for expressive, functional, and (many) other purposes. The rapid growth of widgets, the resurgence of enterprise portals, the spread of identity platforms from social network destinations to blogging services, and the rapid increase in the number of public APIs syndicating functionality and data, are all examples of the DIY shift.

Architects of the Future
For design professionals, the defining characteristic of DIY future is co-creation: the participation of a broad spectrum of people in creating experiences. In this new world, the role of designers is to define the tools co-creators use to assemble experiences for themselves and others. These tools will increasingly take the form of design frameworks that define the modular components of familiar structures such as social networks, functional applications, collaboration platforms, personalized dashboards, and management consoles.

Why Frameworks?
Frameworks are the future for three reasons. First, everyone can create sophisticated information structures now, and designers no longer serve as a gateway. Second, the definition of frameworks allows designers to continue to provide valuable services and expertise in a cost effective manner: It’s something designers can sell in a commodified digital economy. Third, designers have an good combination of human insight and architecture design skills; this hybrid way of thinking can serve as a differentiator and strength.

One example of the sort of design framework information architects will create more of in the DIY future is the Portal Building Blocks system described herein. Providentially, this design framework addresses many of the problems inherent in the current architectural schema for DIY self-assembled experiences.

History Repeats Itself: The Problem With Portals
The rise and fall of the Web 1.0 portal form offers a useful historical lesson for creators of the new generation of design frameworks underlying DIY self-assembled experiences.
Despite early promises of utility and convenience, portals built with flat portlets could only grow by expanding horizontally. The resulting experience of low-density information architectures was similar to that of navigating postwar suburban sprawl. Like the rapid decline of many once-prosperous suburbs, the inconvenience of these sprawling collections of portlets quickly overwhelmed the value of the content they aggregated.
The common problem that doomed many very different portals to the same fate was the complete lack of any provision for structure, interaction, or connection between the self-contained portlets of the standard portal design framework.
Looking ahead, the co-created experiences of the DIY future will repeat this cycle of unhealthy growth and sprawl – think of all those apps clogging your iPhone’s home screen right now – unless we create design frameworks that effectively provide for structure, connection, and interaction.

The Building Blocks – An Example Design Framework
The building block framework is meant to serve as a robust architectural foundation for the many kinds of tools and functionality – participatory, social, collaborative – that support the vision of two-way flows within and across the boundaries of information structures. This means:

  • Allow for rapid growth and structural change
  • Establish a common language for all co-creation perspectives
  • Encourage construction of scalable, reusable structures
  • Create high-quality user experiences
  • Enable sharing of assets across boundaries
  • Enhance social dynamics, such as 2-way conversation flows

The Building Blocks framework defines two types of information architecture components in detail – building blocks (or Containers), and navigation components (or Connectors) – as well as the supporting rules and guidelines that make it possible to assemble complex user experience architectures quickly and effectively.

The Containers and Connectors specifically provide for structure, interaction, and connection at all levels of the information environment; from the user experience – visual design, information design, interaction design, information architecture – to functionality, metadata, business rules, system architecture, administrative processes, and strategic governance.
Case Study: Evolution of an Enterprise Portal Suite

The Building Blocks began life as an internal tool for lowering costs and speeding design during the course of sustained portal work done for a Fortune 100 client. Over a span of ~24 months, the Building Blocks provided an effective framework for the design, expansion, and eventual integration of nearly a dozen distinct portals.

The design framework evolved in response to changes in the audiences, structures, and contents of portals constructed for users in different countries, different operating units, and several organizational levels.
The portal suite went through several stages of evolution and growth:

  • Experimentation
  • Rapid expansion
  • Consolidation & integration
  • Stability and continuity

Lessons In Designing Frameworks
Successful co-created experiences – Flickr (commercial) and Wikipedia (non-commercial) – combine deliberate top-down architecture and design with emergent or bottom-up contribution and participation in a new kind of structure Kevin Kelly calls the “hybrid”. Frameworks support hybrids!

Hope to see many of you in Amsterdam!

Comment » | Building Blocks, Dashboards & Portals, Information Architecture

Understanding Juicy Rationalizations: How Designers Make Ethical Choices

June 23rd, 2008 — 12:00am

Understanding Juicy Rationalizations, part 3 of the Designing Ethical Experiences series, just went live at UXMatters.

Here’s the teaser:

From “The Big Chill”

Michael: “I don’t know anyone who could get through the day without two or three juicy rationalizations.”

“They’re more important than sex.”

Sam: “Ah, come on. Nothing’s more important than sex.”

Michael: “Oh yeah? Ever gone a week without a rationalization?”

Designers rationalize their choices just as much as everyone else. But we also play a unique role in shaping the human world by creating the expressive and functional tools many people use in their daily lives. Our decisions about what is and is not ethical directly impact the lives of a tremendous number of people we will never know. Better understanding of the choices we make as designers can help us create more ethical user experiences for ourselves and for everyone.
circle-logo_newBg3.gif
Understanding Juicy Rationalizations is the first of a pair of articles focused on the ways that individual designers make ethical choices, and how we can improve our choices. This second pair of articles is a bit of eye-opening window into how people make many of the choices in our daily lives – not just design decisions. Or, at least it was for me… Readers will see connections much broader than simply choices we explicitly think of as ‘ethical’ and / or design related.

The final installment in the Designing Ethical Experiences series is titled “Managing the Imp of the Perverse” – watch for it sometime soon.

With the publication of these next two articles, the Designing Ethical Experiences series consists of two sets of matched pairs of articles; the first article in each pair framing a problematic real-life situation designers will face, and the second suggesting some ways to resolve these challenges ethically.

The first pair of articles – Social Media and the Conflicted Future and Some Practical Suggestions for Designing Ethical Experiences – looked at broad cultural and technology trends like social media and DIY / co-creation, suggesting ways to discover and manage likely ethical conflicts within the design process.

It’s a nice symmetrical structure, if you dig that sort of thing.  (And what architect doesn’t?)

For commuters / multi-taskers / people who prefer listening to reading, Jeff Parks interviewed me on the contents of this second set of articles, which he will publish shortly as a podcast.

Thanks again to the editorial team at UXMatters for supporting my exploration of this very important topic for the future of experience design. In an age when everyone can leverage professional-grade advertising the likes of Spotunner, the ethicality of the expressive tools and frameworks designers create is a question of critical significance for us all.

Comment » | Ethics & Design, Social Media, User Experience (UX)

Speaking at EuroIA 2008 In Amsterdam

June 20th, 2008 — 12:00am

I’m happy to announce I’m speaking at EuroIA 2008 in Amsterdam, September 26 – 27. My session is titled ‘Frameworks Are the Future of IA’. If the exciting title isn’t enough to sell you on attending (what’s more compelling than a case study on an open structural design framework for self-assembled user experiences and information spaces…?), here’s a description:

The Web is shifting to a DIY (Do It Yourself) model of user experience creation, where people assemble individual combinations of content and functionality gathered from many sources to meet their particular needs. The DIY model for creating user experiences offers many benefits in public and consumer settings, and also inside the enterprise. But over time, it suffers many of the same problems that historically made portals unusable and ineffective, including congested designs, poorly planned growth, and inability to accommodate changes in structure and use.

This case study demonstrates a simple design framework of standardized information architecture building blocks that is directly applicable to portals and the DIY model for creating user experiences, in two ways. First, the building blocks framework can help maintain findability, usability and user experience quality in portal and DIY settings by effectively guiding growth and change. Second, it is an example of the changing role of IA in the DIY world, where we now define the frameworks and templates other people choose from when creating their own tools and user experiences.

Using many screenshots and design documents, the case study will follow changes in the audiences, structures, and contents of a suite of enterprise portals constructed for users in different countries, operating units, and managerial levels of a major global corporation. Participants will see how the building blocks provided an effective framework for the design, expansion, and integration of nearly a dozen distinct portals assembled from a common library of functionality and content.

This case study will also explore the building blocks as an example of the design frameworks IA’s will create in the DIY future. We will discuss the goals and design principles that inspired the building blocks system, and review its evolution over time.

logo.ashx.gif

 

The conference program includes some very interesting sessions, and Adam Greenfield (of Everyware reknown) is the keynote.
Amsterdam is lovely in September, but if you need more reason to come and say hello, Picnic 08 – with a stellar lineup of speakers – is just before EuroIA.

Comment » | Building Blocks, Information Architecture, Social Media, User Experience (UX)

IA Summit Slides: Effective IA For Enterprise Portals

April 17th, 2008 — 12:00am

I’ve posted slides for my recent Effective IA For Enterprise Portals presentation at the IA Summit in Miami. Portals are not a traditional space for user experience practitioners, so many thanks to the packed house that turned out, and stayed as we both started late to accommodate the crowd, and then ran long.

These slides include a substantial amount of case study and example material that I didn’t cover directly in the talk. For the repeat session on Sunday, I showed additional examples beyond those included here in the starting slides.

Stay tuned for a more detailed writeup of both published and unpublished example material – one that shows the building blocks in action at all levels of a multi-year portal effort from initial strategy through design and into governance / evolution – in part six of the Building Blocks series running in Boxes and Arrows, due out once the post-summit flurry settles down.

Effective IA For Portals: The Building Blocks Framework from Joe Lamantia

1 comment » | Building Blocks, Dashboards & Portals, Information Architecture, User Experience (UX)

Back to top