Tag: modularity


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)

Two New UX Books: Modular Web Design & Card Sorting

July 22nd, 2009 — 12:00am

So many good books come out every year – even in the design and technology fields – that it’s hard to ‘make a selection’ as they say in Europe. To help through the difficult choices, let me suggest two new user experience books worth adding to your library.

modularwebdesignModular Web Design: Creating Reusable Components for User Experience Design and Documentation, by Nathan Curtis, of eightshapes fame. Components, frameworks, and modularity are near and dear to my heart (when applied in the right times and places for design purposes), so I can say with confidence that Modular Web Design is the best exploration of the what, how and why of modular design currently available. It should change the way you think about architecting experiences of all kinds, and – if you’re on board already – help you put this approach into practice with clear examples, advice, and guidance.

cardsorting-mdCard Sorting: Designing Usable Categories, from the good people at Rosenfeld Media. Card Sorting is a thorough treatment of one of the most flexible, affordable, and lightweight methods in the user experience toolkit. Use my tool, but for chapter and verse on card sorting, read Donna Spencer’s book.

Buy both, and enjoy!

Comment » | 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)

User Experience: About To Be Commoditized?

October 2nd, 2008 — 12:00am

Reading about the recent release of SocialText 3 I was struck by the strong parallels between the defining characteristics of enterprise environments in 2003/2004, and the emerging public Web 2.0 landscape. The essential characteristics of many enterprise environments are:

  • Syndication: streams of modular content and functionality broadcast widely to subscribers within the firewall, such as enterprise data feeds, ERP, BI capabilities, CRM, custom capabilities shared via SOA
  • Services (e.g. environmental, like the bees we used to have for pollination): identity, security, publication, data management, cloud storage, imap email, etc.
  • Social Structures: tangible networks & communities of like-minded people, oriented around a common practice, purpose, process, or pain; think of all the matrixed, horizontal org structures and ad-hoc networks encoded via internal email lists, IM, sprawling intranets, corporate directories, etc.

These same attributes are emerging as the hallmarks of the public Web 2.0 landscape. This is how the three S’s manifest for Web 2.0:

  • Syndication: A literal and figurative torrent of content in the form of blogs, RSS, feeds, streams, APIs, for social objects of all types, as well as catalogs of rentable content
  • Services: This layer is growing rapidly for the public internet, with OpenID / OAuth, mapping, visualization, backup, calendaring – the list is nearly infinite, and still expanding
  • Social Structures: The Web (and soon the mobile universe) is profoundly social now, and will continue to become ever more so.

I think you can easily see the strong parallels. It’s this similarity between the older enterprise environments and the emerging Web 2.0 environment that user experience practitioners, — and especially anyone practicing information architecture — should note.
Why? As I’ve written before, modularity is everywhere in this new environment, it’s apparent at all layers of the information world, from utilities like processing power, to services, to the elements that make up the user experience. The effects of modularity in syndication, services, and social structures on developers and IT have been profound; practices, processes, organizational structures, and business models have all shifted in response.

This wave of change first affected the developers who build and work directly with code and systems. But inevitably, disciplines further up the stack are feeling the impact of this shift, though many of us (and I’m putting user experience in this class) may not know it yet.

How will we feel that impact? One obvious way is in the pressure to adopt agile and other modular product construction practices created by and for developers as the preferred way to structure user experience and design efforts. This is a mistake that confuses the different stages of software / digital product creation (as Alan Cooper explained well at Agile2008). Design is not construction, and shouldn’t be treated as if it is. And one size fits all does not work when choosing the process and toolkit used for creating complex digital products, services, or experiences.

One result of this modularity rules all approach to user experience is the erosion of bounded or well-structured design processes that balance risk effectively for the various stages of design, and were meant to ensure the quality and relevance of the resulting products and experiences. Erosion is visible the trends toward compression or elimination of recognizable design concept exploration and usability verification activities in many design methods.

More immediately – in fact staring us right in the face, though I haven’t seen mention of it yet in m/any user experience forums – is the growing number of situations wherein there’s “No designer required”.

Examples of this abound, but just consider this feature list for the Social Text 3 Dashboard:

  • You decide what matters
  • Create your dashboard in minutes
  • Include 3rd party information and applications
  • Track & attend to what’s most important to you
  • Status updates flow automatically, as you work

If that’s not specific enough, here’s what comes out of the box, in the form of pre-built widgets:

  • My Conversations – changes others have made to any Socialtext workspace page you authored, edited, or commented on
  • My Colleagues – recent updates made by people you are subscribed to
  • Workspaces – workspaces you have access to and their activity metrics
  • Workspace Page – any page from any of your Socialtext workspaces
  • RSS Viewer – results of an RSS feed you configure
  • Workspace Tags – a tag cloud of all tags in a particular workspace
  • All People Tags – a tag cloud of all tags on people in Socialtext People

No architect required for most people here… and this trend is everywhere.

And then there’s the awesome spectre ofcommoditization. Listening to a friend describe the confusing experience of trying to select a short list of design firms for inclusion in an RFP made the linkage clear to me. I’ll quote Weil’s definition of commoditization from the paper referenced above, to make the point explicit.

Please recall that commoditization denotes the development of a competitive environment where:

  • Product differentiation is very difficult;
  • Customer loyalty and brand values are low;
  • Competition is based primarily on price; and
  • Sustainable advantage comes from cost (and sometimes quality) leadership.
  • Commoditization is driven by excess capacity.

Please note that I’m not implying user experience practitioners face overnight obsoletion.

But I am saying that I doubt our current disciplinary worldview and toolkit adequately prepare us for the realities of the new environment emerging so rapidly. Code, by contrast, is and always will be modular. (After all, that is the defining attribute of our alphabets.)

But user experience is holistic, and has to learn to build in its own way from these smaller pieces like a writer combining words and phrases. Eventually, you can create works of tremendous depth, richness, and sophistication; think of Ulysses by James Joyce, or the Mahabharata. These are richly nuanced experiences that are the result of working with modular elements.

My suggestion for one response to the oncoming wave of modularity and commoditization is to focus our value proposition in the creation of tools that other people use to define their individual experiences. In other words, shift our professional focus to higher layers of abstraction, and get into the business of defining and designing frameworks, networks, and systems of experience components. Practically, this will mean things like observing and defining the most valuable patterns arising in the use of systems of modular elements we design, and then advising on their use to solve problems. This is the direction common within enterprise environments, and in light of the appearance of public pattern libraries (Yahoo’s UI), I think I see it happening within parts of the user experience community. I’m not sure it’s happening fast enough, though.

I hoped to communicate some of these ideas in my talk on why frameworks are the future (at least for anyone practicing Experience Architecture) for the 2008 EuroIA Summit that just took place here in lovely Amsterdam. I’ll post the slides shortly. In the meantime, what do you think? Is user experience ready for the modularized, enterprise-like environment of Web 2.0? How are you responding to these changes? Is commoditization even on your radar?

Comment » | Information Architecture, Tools, 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

Scatterplots As Page Shapes?

March 1st, 2006 — 12:00am

The February edition of Usability News reports on a usability study (Where’s the Search? Re-examining User Expectations of Web Objects) of user expectations for Web page layouts that contains a surprising but interesting visualization of page shapes, based on quantitative user research. (Note: I found the study via the UI Design Newsletter, from HFI.)

The study looks at users” expectations for the location of common web page components, such as site search and advertising. The authors find that expectations for page layouts are largely the same now, as compared to those found in an earlier study, Developing Schemas for the Location of Common Web Objects, conducted in 2001.

More interesting is the way the researchers report their results; visualizing them as heat map style grid plots for the expected location of each element vs. a blank grid. Here’s two examples, the first showing expected locations for ‘back to home’ links, the second for the ‘site search engine’.

Figure 1: Back to Home Link Location
backtohome.gif

Figure 2: Site Search Engine Location
sitesearch.gif

These heat maps look a lot like page shapes, expressed as scatterplots.

I like the combination of quantitative and qualitative perspectives at work in these page shapes rendered as scatterplots. I think it could allow for grounded discussion and interpretation of user feedback on design options, within a clear and simple structure that doesn’t require an HCI degree to appreciate. If I try it out, I’ll share the outcomes.

In a more traditional style of visualization, Eric Scheid found another another good example of page shapes a while back in Jonathon Boutelle’s posting on blog layouts called “Mullet”-style blog layout. Jonathon was advocating for a new default blog page shape that increases information density and scent, but hews closely to pre-existing expectations.

Figure 3: Typical Blog Page Shape
typical_small-thumb.jpg

Figure 4: Suggested Blog Page Shape
mullet_small.jpg
And that’s the last time I’m mentioning m.u.l.l.e.t.s this year, lest Google get the wrong idea about the subject matter of this blog :)

Comment » | Information Architecture, User Research

CMS Schematics, Page Shapes, Wire Frames

September 7th, 2005 — 12:00am

A recent post on the IAI mailing list asked how common it is for IAs to define page shapes or “…wire frames from 10,000 feet, with names for each of the “zones” (n.b. not “elements”, “zones”). …Any given site may have a handful of page shapes, and each page shape has a handful of page zones. Each page and each shape would be named for easy reference.”
I’ve used a very similar approach based on the defining a limited number of ‘screen types’ that show standardized page structures and layouts for documenting browser based applications. I’ve posted an example of this kind of schematics or wire frames packet done for a small content managment system. This packet includes a conceptual overview of the user domain, as well as a set of defined screen types, screen flows, and wire frames. Here’s the full packet, exported from Visio as html.
Page shapes or screen types look like this:
jpg_7.jpg
Or this:
jpg_11.jpg
These are the accompanying wire frames or schematics:
jpg_8.jpg
jpg_12.jpg

Related posts:

Comment » | Information Architecture

Back to top