Archive for the web design Category

Encounter with an Unexpected Friend

Disease Control Priorites (2nd Ed.)

Disease Control Priorites (2nd Ed.)

On a recent trip to Vietnam, I came across a printed copy of the Disease Control Priorities in Developing Countries (2nd Ed.) first published by the World Bank in 2006. This is quite a significant book in that it provides governments of developing nations a set of tools to help them decide how to allocate their limited resources for public health.

Prior to this book, mortality was one of the key indicators that governments would look at, and resource were put toward tackling diseases that would lowering mortality rates. However this book advoated the use of DALY (Disability Adjusted Life Years), a more objective way to determine the effects of disease. To put it bluntly, this unit shows a person who dies of a disease is less a burden on a country’s economy than a person who is bedridden for the rest of their life as a result of disease (since someone has to take care of that sick person in addition). This book provided a way to weigh and compare the economic impact of each disease common in developing nations and hence provides the ability to “prioritize” the government’s response.

It is said that Bill Gates read the first edition of this book, which was published as part of the World Bank’s World Develop Report 1993: investing In Health (pdf | 6.1MB), and it influenced his decision to take on Global Health as one of the key directives of his influential (and massively endowed) Bill & Melinda Gates Foundation.

Why do I know so much about this book?

When I was working at Forum One Communications, I was responsible for creating the information architecture and user experience of the web-enable version of the book. We created a flexible architecture for users (academics, students, practitioner and gov officials) to browse, download the whole book or create their own book by selecting chapters that are relevant for their country. I interviewed many of the authors and potential users over a couple of week and spent many hours struggling to put together a structure and design that made sense for the users. I can safely say that it was the most rewarding project in my 6 years at Forum One. Seeing the printed version of the book for the first time, in a developing country, almost brought a tear to my eye.

They were selling the book for $35, the subsidized price for developing nations (it’s $125 on Amazon), and I was sorely tempted to purchase it, but it was too heavy to lug around. Definitely on my next trip…

The Point: Making Things Happen

The Point: Making Something Happen

The Point: Making Something Happen

The Point is a simple website with a clear purpose: making things happen. The way they do it is helping users formulate a campaign statement for action with a clear goal. Users can then choose to participate in the campaign. When the goal is met (or “the point” is tipped), an email is sent to the participants to act. For example:

Stop Zippy Oil from polluting Lake Apache
Zippy Oil must stop dumping waske into Lake Apache or else we will boycott ZippyPump when 100,000 people join

The campaigns can be serious or silly, which is a nice twist:

Bow-tie Tuesday
Andrew Mason will wear a bow tie every Tuesday if 8 people do the same.

The site has a collaboration section for brainstorming ways to approach a problem and also a social networking component to connect people with similar interest.

Ask Your Lawmaker, Web2.0 Style

CNCNews Ask Your Lawmaker website

CNCNews Ask Your Lawmaker website

As the elections in US heats up, I checked back on one of my last projects at Forum One, Ask Your Lawmaker (I was the lead information architect). It went live last November and it’s good to see it is finally gathering some steam.

Ask Your Lawmaker is a site created by Capitol News Connection (CNCNews) which supplies news of the goings-on in the US Congress to NPR news stations. As the instructions for the site suggests, the idea for the site is simple:

  • You Ask. (Users submit questions to ask congresspersons and senators)
  • You Vote. (Users collectively vote of which questions are worthy)
  • We Get Answers. (CNCNews reporters track down the lawmakers and record answers, then post to the site)

It uses a Digg-like interface to encourage visitors to vote and filter which questions submitted by users, effectively using the wisdom of crowds to be the arbiter of quality.

What differentiates this site from the Digg’s of the online world is that this site has a physical component. The CNCNews reporters actually go out and accost lawmakers in the corridors of the US Capitol, waiting for them in various strategic locations, where they know they will be passing through. Armed with intimate knowledge of the architecture and how the lawmakers must be present in certain locations at certain times or events, the reporters are supreme hackers the Capitol for their single-minded purpose.

During a guided tour of the Capitol by one of CNCNews veteran reporters, I saw him spring into action interviewing a senator during a trip on the underground monorail that connects the Capitol with the adjacent administration buildings.

Ask Your Lawmaker supplies a valuable service that empowers the users (citizens of a democratic society) to supply the questions / question authority. We have seen citizens use YouTube to provide questions to presidential candidates. But what is often overlooked is that gathering quality information often takes a lot of effort.

Even in a digital world, we are still very much at the mercy of the physical world.

The news we read on BBC News or The New York Times are supplied by reporters who must go out and gather the information often risking their lives in the process.

We place orders on flower delivery sites, scanning numerous arrangements, comparing pricing and quality, finding that perfect bouquet of flowers for that special occasion and sweating over how to edit the delicate message down to the 200 letter limit as required by the site. But at the end of the day we still have to depend of underpaid part-timers for the final-yard delivery of our most intimate expressions of love.

America’s Favorite Architecture

AIA\'s America\'s Favorite Architecture website

AIA's America's Favorite Architecture website

The American Institute of Architects (aka the AIA), celebrating its 150th Anniversary, put together a website of America’s favorite architecture. The list was compiled by polling its members. The result is a collection of 150 buildings, bridges, monuments and memorials which users can vote on.

What’s nice is that they have added models to Google Earth, so user can see the location, and see the landmarks in 3D

My personal favorites? (from the list provided by the site)

  1. Grand Central Terminal, New York
  2. The Vietnam War Memorial, Washington DC
  3. Brooklyn Bridge, New York
  4. The Getty Center, Los Angeles
  5. Seattle Public Library, Seattle

Of course, my selections are skewed towards building in New York that have personal significance and buildings I have actually visited.

One glaring omission in my opinion: National Gallery of Art’s East Building, Washington DC, by I.M. Pei. This building is by far my favorite in Washington DC.

Go and vote!

Looking for “Using Wireframes” Article?

I recently noticed traffic on this site looking for my Using Wireframes article (my most popular post to date) posted on my old, now-retired blog, strangesystems.net. The article provides an overview of what wireframes are (from a web design, information architecture point of view), some guidelines on how to create them and some Visio and Omigraffle templates and stencils.

I think the issue rose from the fact that at some point both strangesystems.net and strangesystems.com both mapped to this old site and people have links pointing to when strangesystems.com was strangesystems.net.

There were two versions of this article, the original and the revised. I provide here links to both.

Also worth mentioning is Scaled Visio Wireframes Stencils & Templates, one of many articles I wrote on the User Experience & Design blog while I was at Forum One Communications. This is more like a follow up to the Using Wireframes article, taking into consideration feedback from our developers who complained that wireframes are often misleading and hard to implement since they aren’t properly scaled.