maetl

Subject

design

Incunabula: Design Notes

This site is written in HTML and rendered in CSS + Javascript. The layout is heavily inspired by the geometric design experiments at the Bauhaus in the mid 1920s, but with a…

Patterns of Flow and Responsive UI Design

Was lucky enough today to attend a talk by Ben Bederson, who presented his work on Interfaces for Staying in the Flow, and examples of software that he has developed …

How many words is a picture worth?

So Te Ara is finally live, and I'm immensely proud of having been involved in the design process, primarily the development of the CSS/Javascript system, the lower level content pages and the…

The standard is rising

It's good in Wellington at the moment. I'm just glad that I am going to be able to sleep this weekend (unlike those about to unleash the 48 Hours!). But there's a lot going…

Wireframes of Reference

Wireframes or schematics (also known as "paper prototypes") are a common way to create a mock up of a user interface. In the best case, they can function in a similar…

Digital Textile Portfolios

The web design class that I've been teaching in the Fashion and Textiles Department at Massey is finally finished, and what's more, we've put the portfolios online for all to see at crafty.coretxt.net.nz These…

XHTML Design Patterns

The key concept that underlies the modern web is the separation of presentation and structure, and recently, there has been a lot of interest in documenting the synthesis of human friendly and…

Tag-a-long

Our formal attempts at understanding language tend to be hierachically structured, but when it comes to actually organizing language, it is well known that meaning is relational and constantly fluctuates.…

Narrative Action

The games industry has come to a crossroads, something that is becoming more and more apparent as I engage deeper into research for my upcoming game (more on that soon). The Guardian Games Blog has…

The problem with CSS dropdown menus

This technique been mentioned in passing for a couple of years now, and recently seems to be gaining a fair amount of attention. Many web designers love the idea of building dropdowns like this.…

Charting Change over Time

Grant has been doing some great stuff over at Xero, with an account balance view that enables fluid browsing of the time range by adjusting the width of the scroller control. This is a good technique …

Building a Treemap Reporter for SimpleTest

Treemaps emerged in the mid 90's as a method of visualizing heirachies, and have since been widely used throughout the software design community. But very little work is out there exploring visualizations…

Escaping the Self Denial Instinct

In Hearing without listening, 37Signals screws up, then admits what they did wrong and how they fixed it. In the end, it's just a matter of several weeks downtime before the application is working…

Lessons learned from FullCodePress

Since Ali posted 20 things I learned at FullCodePress, I thought I'd chime in with my own observations from the perspective of being programmer for the Code Blacks: Working side by side is…

Software is not made of Bricks

Raganwald dissects the misguided metaphor from a software process perspective. I have come to believe that these kinds of problems are even more prevalent in the web development world than in…

Ponoko Goes Public

Wellington based startup Ponoko went public today, in conjunction with the TechCrunch event in San Francisco. Some of you may have seen bits and pieces at the Dowse recently, or even come across…

Where are the women in open source?

It gets tiresome when every time someone publishes an article about this issue, a stream of misogynistic trolls start babbling and complaining. You fucking assholes are just proving the point…

New Zealand Design Review

In a 1950 editorial the "New Zealand Design Review" identified the "horrible forces ranged against good design" as Indifference, Cheapness First, Unnecessary Novelty, Mass Production, De Luxe…

Pay Me For Content

Really? I expected better from such a radical thinker as Jaron Lanier. His recent op-ed in the NYT is just not making any sense at all. Traditionally, artists, writers, musicians have been at…

One size doesn't fit all

As languages change, so do typefaces. These changes are not radical; they are subtle evolutions that address culture and technology. Modern typography requires modern typefaces, designed by the…

Crease Geometry

Origami has expanded far beyond its origins in step by step folding patterns. These Crease Patterns are designed to be one-step transforms from flat paper into the finished shape. Even though the…

Introducing Historiographica

So I've started another website, a kind of ongoing accident, with the idea echoing so intensely during Webstock as I culled together my 8x5 presentation, it just seemed to burst out of my brain and…

Webstock 08: Good Design Ain't Easy

Jason Santa Maria's Good Design Ain't Easy was one of the most interesting sessions for me, digging into a topic that I've been through so many arguments over in the past. It may have been old news…

Webstock 08: The Age of Frameworks

Many of us are still conditioned to think of design frameworks in terms of grid systems, Swiss graphic design, and rigid corporate identity systems. The problems with these are similar to the problems…

Linking 2D maps and 3D reality

How can we close the perceptional gap that lies between two dimensional maps and the surrounding three dimensional reality? Enkin is a technology aimed at the Google Android platform that…

Hovering Intently

Late to the party, I know, but it's worth pointing this out, as an addendum to previous ranting. hoverIntent is a jQuery plugin that replaces the standard on/off hover switch with a delay, triggering…

Understanding Uncertainty

It's hard to step away from our assumptions and actually consider the experiences that non-technical people have using the web.

The Only Accurate Metaphor in Software Development

Software development is hard. A lot of people like the idea of couching this difficulty in a form of explanation by analogy. The most common comparisons are generally the most facile and glib, and…

Sinking Entrepreneurship

Man the lifeboats... Rowan explains why you shouldn't underestimate being in the right place at the right time - and he of all people would know from experience. Great Entrepreneurs are PASSIONATE…

The MTV Redesign

Brand New on the MTV Redesign.

Windows into the Mind

“Just as soon as we begin to hone the ability to communicate through images it is stripped away from us.”

Data or Design?

“Every time we went down the ‘wrong’ path, we learned something concrete — if not about software than at least about people”

Eye on Berlin

Not only the end of a decade, but the 20th anniversary of a monumental political event. Eye Magazine 74 is a focus on the graphic output from Berlin.

Both useful and meaningful?

On the frequency of Facebook redesigns, and user reactions.

Incentives Invite Abuse

Rethink the expectation that people will use a service for that which it is intended.

Social Traction

The explosion of conversation-driven web applications in today’s world is a sign of technology beginning to fold in upon itself.

Mad Lib Forms

The only “right” approach is tweaking a design based on a feedback loop of observation.

Experiment Driven Development

A new skillset for interactive designers, who must now take direct evidence into account with every design variation that affects user flows.

Towards a Newer Urbanism: Talking Cities, Networks, and Publics with Adam Greenfield

Map Symbols: Trees & Forests on Old Russian Maps

The (Mostly) True Story of Helvetica and the New York City Subway

How National Identity Shaped Modern Typeface Design

Beautiful Code

Family planning, or how type families work

Indie Fever

Visualization Strategies: Text & Documents

Finishers Wanted

Eureka Carpark Melbourne

Socializing Visualization

Modularity In jQuery

Intuitive Equals Familiar

The Forces of Characterization and Cohesion

Lego City Of The Future, By Norman Mailer & Friends

Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization (1900-1949)

More Dopplr Raumzeitgeist detail: Cluster Cities

Clean or Custom: which CMS is Best?

The Scourge of Arial

The Cabal: Valve’s Design Process For Creating Half-Life

Facebook’s Growing Design Problem

Mob Software: The Erotic Life of Code

Halcyon Days: Interviews with Classic Computer and Video Game Programmers

The Metabolic City

On personal content management

A fundamental way newspaper sites need to change

Working Backwards

Building bug-free OO software: An introduction to Design by Contract

Convenience Wins, Hubris Loses and Content vs. Context

Software Is Hard

COLOR IN MOTION

Indirection Is Not Abstraction

The Continuous World of Dungeon Siege

Maeda's SIMPLICITY: a... ah ... ATCHOO! Gestaltung!

iPhone Calculator and BRAUN ET66 Similarities

A Game Business Model: Learning from Touring Bands

Comics and Pictures

an essay on language design

Replicating iPhone Buttons the ‘-webkit’ way!

Visual tools for the socio–semantic web

Advanced Data Model Patterns

Design Patterns in Dynamic Programming

A research agenda for information architecture

Mastering GUIDs with Occam's Razor

Casinos & MMO Design

Information Software and the Graphical Interface

What should I choose for my primary key?

Javascript/CSS Font Detector

SXSW: Wright Predicts Future Through Games

Adaptive Design

Wayfinding in Tokyo: Local Context and Direction Map Design

Jon Udell: The power of the URL-line

A Periodic Table of Visualization Methods

Heuristics for Modern Web Application Development

Rock Paper Scissors - A Method for Competitive Game Play Design

Introducing Ken Perlin's Law

Mike Hally's Gravitar binder - original Atari documents

Nazi Posters: 1933-1945

Iranian Typography Now

Robert Penner's Easing Equations

Color: An Investigation

Visible Narratives: Understanding Visual Organization

ISOTYPE

Adaptive design for weblog software

Gamasutra.com - Modeling Opinion Flow in Humans Using Boids Algorithm & Social Network Analysis

App After App

The Art of Computer Game Design

I Have No Words & I Must Design

300 Icons From 1800 Sites

The Trouble With EM ’n EN (and Other Shady Characters)

First Principles of Interaction Design

The Principals of Play

Signs of the Next Paradigm Shift: Part II

perl.com: Ten Essential Development Practices

Understanding and Using ValueModels

Liberating Voices! A Pattern Language for Communication Revolution

Lingua Francas for Design: Sacred Places and Pattern Languages

G/localization: When Global Information and Local Interaction Collide

UIE Brain Sparks » The 8 Types of Navigation Pages

Taming Your ‘Target’ Content

F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox)

Icon Analysis - Evaluating Low Spatial Frequency Compositions

Heatmap Study Reveals Dynamic Web

Graphical visualization of text similarities in essays in a book

User Experience Design

Quirky serifs aside, Georgia fonts win on Web

POTUS Typographicus : Appealing to the Baseline and George W’s Typographic Legacy

NiXLOG | INFOGRAPHICS

Design Flow in Games

CS-TR-01-16: Patterns as Signs

Paper Burns: Game Design With Agile Methodologies

USSR posters - a photoset on Flickr

The Museum of Anti-Alcohol Posters

Usability and Games; Usability / Interaction Design Patterns in Games

A History and Analysis of Level Design in 3D Computer Games

Serious Games Source: 'Serious Games And The Japanese Toilet'

A Circular Model of Gameplay

Folksonomies: Tidying up Tags?

Native to a Web of Data

Yahoo! Design Pattern Library

Five simple steps to designing grid systems

The Elements of Typographic Style Applied to the Web - a practical guide to web typography

CSS3 Multi Columns in JS

How Can You Resist: LA Freewaves

Design Principles for Online Communities

Typotheque: Fluid Mechanics: Typographic Design Now by Ellen Lupton

Early pharmaceutical advertisements

Abecedaria: The Ideographic Myth

Language Workbenches: The Killer-App for Domain Specific Languages?

MF Bliki: UmlAsSketch

information aesthetics weblog

First Things First: IA and CSS

X-RATED - Adult movie posters of the 60s and 70s

CoFactors » Blog Archive » Net Rage: A Study of Blogs and Usability

Dryden Research Aircraft Graphics Gallery

Ludonauts - Girls as game designers: what choices do they make?

How Websites Learn | Acts of Volition

How to spot Arial

"Monuments of the Future": Designs by El Lissitzky (Getty Research Institute)

hesketh.com/inc: Progressive Enhancement Paving Way for Future

Law of Demeter

Architect The Negative Space

Poynter Online - The Next Big Thing in Online Type

The Application of Weblike Design to Data: Designing Data for Reuse

An Incomplete Manifesto for Growth

AIGA - Specialization and design

David Siegel - The Web is Ruined and I Ruined it

Slouching Toward Authorship

Jon Udell: Envisioning information

Design Observer: On (Design) Bullshit

Ask E.T.: Sparklines or Wordgraphs--some draft pages from Beautiful Evidence

Along the fault lines

IconProcess Overview

Web Interface Design Tip: The Yellow Fade Technique (Signal vs. Noise)

If Architects Had To Work Like Web Designers...

Social Design Notes: The Art of the FBI

Field development environment

Where the Wild Things Are – An Imagination Experience

Marc Ngui | Thousand Plateaus

Designing for improvisation

Field Guide to New York City Subway Maps