Information design

It wouldn’t be an understatement to say that I’m an Edward Tufte fanboy. I’ve always had a fascination with the visual display of ideas and information, and enjoy exercising my information design muscles whenever I get the chance. A few samples of my work are shown below.

Web2.0 is a meme that has taken the Internet by storm. But does it mean anything? After doing some research, I concluded that it’s better to think of Web2.0 as an intersection of concepts, rather than any single thing.

In the course of my leading Sapient’s San Francisco Web development group, I spent some time analyzing the skills within the general practice. Graphics were used to help in group discussions on the subject.

A schematic representing the proposed evolution of Sapient’s Web development practice, based on the knowledge spectrum already identified (see above).

‘Knowledge blocks’ as a simple visual representation of subject matter expertise. Block width and height correspond to knowledge breadth and depth, respectively.

A diagram used (within a specific client engagement) to illustrate conceptual differences between e-services, e-business, and e-commerce.

A schematic illustration of the benefits gained by using e-services to accomplish tasks (“Do-it-yourself e-services”).

Possible steps a business would take to evolve towards providing and using e-services.

An illustration of the three components of a digital media style guide, and how they are related.

A diagram to represent the basic processes and structure associated with managing a digital media style guide (see above).

A visualization of the discovery phase for a client project, showing the groups that would be involved and their degree of involvement over the course of the project phase.

An overview of a DHTML navigational system implemented for a client. This diagram shows the visual design and related HTML implementation details.

Details of DHTML menu functionality for the navigational system shown to the left.

A diagram to illustrate the various factors that affect the time required to download a Web page.

An illustration of the elements of a client-side technical benchmark for a Web site. These benchmarks are a critical part of the design and development process, since they reveal any technical constraints that might affect design.

Comments are closed.