Saturday, July 5, 2008

Notes: PowerPoint is not presentation

From a presentation by Nancy Duarte.

[http://www.vizthink.com/blog/2008/06/18/webinar-creating-powerful-presentations-with-nancy-duarte/]

Telling stories in pictures

Thinking visually
Simplicity
Clarity

Start with open space/empty whiteboard

Perfection achieved when nothing left to take away... not nothing left to add

Presentations as a platform
  Mediums
    projector
    paper
    web
    devices
      interactive
      view
      collab

Need a visual language for your business
  specific artwork
  really resonates with your business

Friday, June 27, 2008

Zoomii.ca

Here's a very neat take on browsing the bookshelves of an online bookstore. The interactions are surprisingly intuitive and very responsive-I actually had fun perusing the fantasy section. When was the last time I perused the catalog of an online store? Let me tell you... it's never happened! I'm either searching for something specific or have been given a direct link. Here's their new releases section:

zoomii-1

Clicking on a title brings up what you'd expect... detailed product info. direct from Amazon's ginormous book database:

zoomii-2

Way to go guys!!

Tuesday, June 17, 2008

Internet Retailer Conference 2008

"Get Elastic Ecommerce Blog" is quickly becoming one of my fave blogs. (http://www.getelastic.com)

They were down in Chicago last week for the Internet Retailer Conference and have posted a few of the vendor interviews they managed to squeeze in between sessions. :-)

I found Berdine Wu's common-sense advice particularly enlightening. She talked about some of the things any company going online needs to get right to be successful...

  • Search engine optimization/marketing
  • User experience of your website (smooth, few clicks to buy)
  • Clear, crisp imagery
  • Directed email campaigns
  • Branding coming across strongly

Nice.

Sunday, June 15, 2008

Notes: Google I/O State of Ajax

User Experience

Book: Jeff Raskin: The Humane Interface

2 parts:
  Visual design
  Interaction design

User experience expectations have changed dramatically for the web

Google Gears->Gears

Gears Demo 1:
  A neat demo was shown with gears being used as a background
    processing thread
  Common pattern for doing long running tasks
    Spawn a background thread keeps the UI responsive
    Can't really do that in the browser
    Complex Javascript fights repainting... both share same thread
    Gears can do this though!!

Gears Demo 2:
  Form History pattern
    like Time Machine
    Replacement for undo
    Can go back in time to different states of form
    Trying to implement undo is hard (instead of warning dialogs)
      The browser has its own undo stack
      2 dueling undo stacks? -> Confusion

Gears is really amping up responsiveness!

Gears Demo 3:
  Demo-ed a growls like widget for web applications

Unobtrusive Javascript:
  An application that degrades gracefully in environments where
  javascript/ajax might not be available
    Progressive enhancement
  Does your application still work?

Firebug Rocks!!

I was trying to figure out how the site logo at http://www.macsbeer.com/index.php was done so I right clicked it and hit "Inpect Element". (FF3+Firebug1.2.0b3)

Here's what I got from firebug...

firebug

In the style window on the right I quickly found the background image responsible for the nice logo but look what happened when I mouse-d over it!

Fantastic.

Saturday, June 7, 2008

The Dreyfus Model of Learning (Applied to Medicine)

Each and every skill we possess falls into one of the following 5 categories of proficiency...

(1) In the novice stage, the freshman medical student begins to learn the process of taking a history and memorizes the elements, chief complaint, history of the present illness, review of systems, and family and social history.

(2) In the advanced beginner stage, the junior medical student begins to see aspects of common situations, such as those facing hospitalized patients (admission, rounds, discharge) that cannot be defined objectively apart from concrete situations and can only be learned through experience. Maxims emerge from that experience to guide the learner.

(3) In the competent stage, the resident physician learns to plan the approach to each patient’s situation. Risks are involved, but supervisory practices are put in place to protect the patient. Because the resident has planned the care, the consequences of the plan are knowable to the resident and offer the resident an opportunity to learn.

(4) In the proficient stage, the specialist physician early in practice struggles with developing routines that can streamline the approach to the patient. Managing the multiple distracting stimuli in a thoughtful way is intellectually and emotionally absorbing.

(5) In the expert stage, the mid-career physician has learned to recognize patterns of discrete clues and to move quickly, using what he or she might call "intuition" to do the work. The physician is attuned to distortions in patterns or to slow down when things "don’t fit" the expected pattern.

On Craftsmen and Novices...

Here's an excerpt taken from 'A Pattern Language' by Christopher Alexander written more than 30 years ago. A craftsman brings to bear an intuition garnered from years of experience in his work. The novice prefers to follow rules and be told what do to. The craftsman uses abstract concepts and considers context. In the fantastic quote I've included below, Christopher describes the craftsman as being unconcerned with small mis-steps here and there - he knows he can fix them later...


Why does the principle of gradual stiffening seem so sensible as a process of building?

To begin with, such a structure allows the actual building process to be a creative act. It allows the building to be built up gradually. Members can be moved around before they are firmly in place. All those detailed design decisions which can never be worked out in advance on paper, can be made during the building process. And it allows you to see the space in three dimensions as a whole, each step of the way, as more material is added…

The essence of this process is very fundamental indeed. We may understand it best by comparing the work of a fifty-year-old carpenter with the work of a novice. The experienced carpenter keeps going. He doesn’t have to keep stopping, because every action he performs, is calculated in such a way that some later action can put it right to the extent that it is imperfect now. What is critical here, is the sequence of events. The carpenter never takes a step which he cannot correct later; so he can keep working, confidently, steadily.

The novice by comparison, spends a great deal of his time trying to figure out what to do. He does this essentially because he knows that an action he takes now may cause unretractable problems a little further down the line; and if he is not careful, he will find himself with a joint that requires the shortening of some crucial member – at a stage when it is too late to shorten that member. The fear of these kinds of mistakes forces him to spend hours trying to figure ahead: and it forces him to work as far as possible to exact drawings because they will guarantee that he avoids these kinds of mistakes.

The difference between the novice and the master is simply that the novice has not learnt, yet, how to do things in such a way that he can afford to make small mistakes. The master knows that the sequence of his actions will always allow him to cover his mistakes a little further down the line. It is this simple but essential knowledge which gives the work of a master carpenter its wonderful, smooth, relaxed, and almost unconcerned simplicity.