Marielle's little place on the web

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Quantifying the user experience through the statistical analysis of human behavior.

The Web Design Sketchbook is a set of website tools to
help through the process of planning and designing your web projects. The Sketchbook starts with a set of design and content planning questions that cover everything from site objectives, design tone to the information architecture or sitemap.

The book the features a series of design and layout brainstorming pages with full browser chrome and grids to better plan how your site will look and operate when it is finished. The book features thumbnail, detail and full page sizes for more efficient brain storming and detail development.

The UX Bookmark is a resource for HCI and human factors professionals, usability engineers, interaction designers & information architects.

This weblog explores the symbiotic relationship between creative design and the field of information visualization. More specifically, it collects projects that represent data or information in original or intriguing ways.

About wireframes: samples, tools, templates, inspirations, experimental.

Documentation on developing for Safari. Includes specific how-to's for safari on iphone.

The Public Sphere Project (PSP) is an initiative of Computer Professionals for Social Responsibility (CPSR) to help promote more effective and equitable public spheres all over the world. The Public Sphere Project is intended to provide a broad framework for a variety of interrelated activities and goals. With pattern library.

Application that visualizes mouse activity (path, stops, clicks).

Extensive pattern library

User Interface Design patterns are recurring solutions that solve common design problems. Design pattern articles and screenshot examples.

Social Visualization Patterns is a library of interaction design patterns for the implementation of a visualization centered social space.

Large American oral history project. The heart of StoryCorps is the conversation between two people who are important to each other: a son asking his mother about her childhood, an immigrant telling his friend about coming to America, or a couple reminiscing on their 50th wedding anniversary.

A collective telling of the events of 9/11 through the eyes of those who experienced it, both at the attack sites and around the world.

Four prototypes of digital cameras, each with a different interaction style. The interaction styles range from rich to conventional.

UX patterns, with for each pattern: problem, solution, context, rationale, implementation, examples and sources

xtimeline is a free web-based timeline. Easily create and share timelines with pictures and videos.

InterPlay is a platform for designers in the Media Lab to create dynamic social simulations, which transform public spaces into immersive environments where people become the central agents. It utilizes computer vision and projection to facilitate full body interaction with digital content.

Mouseless consists of an Infrared (IR) laser beam (with line cap) and an Infrared camera. Both IR laser and IR camera are embedded in the computer. The laser beam module is modified with a line cap and placed such that it creates a plane of IR laser just above the surface the computer sits on. The user cups their hand, as if a physical mouse was present underneath, and the laser beam lights up the hand which is in contact with the surface.

Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces.