Interactive Prototyping in HTML5 and jQuery: Exploring Design Possibilities

Table of Contents

Background

#infocampseattle

Sessions

Keynote

Bias

Predictable Irrationality

Prototyping in HTML5, jQuery

Goal: indicate what designers are looking for when providing interactive prototypes.

Contrasts with the static design patterns with Axture or OmniGraffle.

Don't obscure the mechanics of the underlying presentation capabilities

Car metphore

Understanding the background

McLuan and tools

Structure + style + behavior

Misconception that HTML5 is meaningful

Indicated that jQuery is an abstraction

"easy way to get the power of JavaScript"

Modern browser support

The key issue would be the events and selection.

This shouldn't be considered shimming.

Only care about the demo; forget about the deployment

Can demonstrate functionality that developers might noEt deploy

header, article, sidebar, footer; but who cares

Still no browser support.

Why does the description care.

input type examples

Do designers understand the concept of degradation?

That's the main benefit of this approach.

Questions

  • Why are semantics even interesting for design
  • Compatibility is the issue

Author: Jason Walsh

j@wal.sh

Last Updated: 2025-07-30 13:45:27

build: 2025-12-23 09:11 | sha: a10ddd7