Sponsors
  • Hewlett Packard
  • Microsoft
  • Salesforce.com
  • eBay
  • Amazon Web Services
  • Conduit
  • Curl
  • EMC Corporation
  • Force10 Networks
  • Intuit Quickbase
  • Keynote Systems
  • LiveWorld
  • NeuStar
  • ONEsite
  • OpSource
  • S60
  • Sun Microsystems
  • Acquia
  • Ascentium
  • awareness
  • BlueArc
  • Coradiant
  • Dixero
  • HiveLive, Inc.
  • Intel
  • Jive Software
  • Kablink
  • Kapow Technologies
  • LithiumTechnologies
  • Mzinga
  • Octopz
  • Panther Express
  • RightScale
  • SynthaSite
  • TripAdvisor
  • WebAsyst LLC
  • XBOSoft
  • ACM Queue
  • Backbone Magazine
  • Berlin Partner
  • CenterNetworks
  • Contentinople
  • Deal
  • Dr. Dobbs
  • Enterprise Technology Management
  • Fast Company
  • I Want Media
  • ITtoolbox
  • Mashable
  • MSDN Magazine
  • Next New Networks
  • PR Newswire
  • ProgrammableWeb
  • SitePoint
  • Slashdot
  • Social Media Today
  • SourceForge.net
  • TechCrunch
  • TechNet
  • Technorati
  • Topix
  • Webgrrls
  • Wired
  • WOW

Sponsor & Exhibitor Opportunities

Kelly Stewart
415.947.6236
kstewart@techweb.com

Media Sponsor Opportunities

Matthew Balthazor
(949) 223-3628
mbalthazor@techweb.com
Deadline for requests: July 1

Speaker / Program Ideas

Have a suggestion for a speaker or topic at Web 2.0 Expo New York? Send an email to: ny-idea@web2expo.com

Press/Media Inquiries

Maureen Jennings
(707) 827-7083
maureen@oreilly.com
or
Natalia Wodecki
415-947-6762
NWodecki@techweb.com

Contact Us

View a complete list of Web 2.0 Expo contacts.

Design Prototyping Fidelity

Ryan Lane (Wunderman), Matthew deStwolinksi (Wunderman)
3:30pm Friday, 09/19/2008
Topic: Design & UX
Location: 1A21 & 22

A discussion on three types of wireframe that have worked well in most situations:

  • Low Fi
  • Medium Fi
  • HiFi

Low Fidelity Low Fidelity is created using XHTML—the real strength here is in the mark-up itself. There are a lot of advantages to properly marking up your elements to help streamline the understanding of visible elements. Lane use the code as a place to store meta information about the content itself. When rendered he keeps everything in a top-to-bottom listed format.

The Medium Fidelity Wireframe This is the classic interpretation of the wireframe, simple black and white boxes with labels, an effective way to portray information to all the stakeholders involved. Something nice about medium fidelity is the ability whiteboard or sketch the concepts quickly in various mediums. The challenge is when you start putting too much time into a medium fidelity wireframe effort. It’s hard to know when a simple pencil sketch is actually a better solution then trying to recreate the sketch in Visio, Illustrator, or whichever tool you choose. There are a lot of ways to do the same thing with many different tools, but some do a much better job than others. When is it best to use it? When you really need to show how the information is visually arranged to help tell the story. Sometimes a list of all the elements isn’t going to be the strongest way to showcase the concepts. However, this is still an effective way to not get too busy and get in the way of the overall goal which is to be a simple representation of what your web site or application could look like.

The High Fidelity Wireframe This is when you need to tell the whole story. It’s very close to creating the actual look and feel of the final deliverables being created. In fact, you should be able to create a site or application using these wireframes. This level of wireframe is much more closely aligned with something created by the interaction designer. The big difference here is that it’s still just a static representation. The interaction designer or developer would be responsible for creating the functionality in place.

Photo of Ryan Lane

Ryan Lane

Wunderman

As a digital strategist I combine my background in Information Architecture, Usability, User Advocacy, interaction design, marketing and software development which I feel helps me best understand how to solve problems that reach across many capabilities. Understanding what people want and need is the most important first step.

Designing a user experience involves assembling the elements in such a way as to facilitate user interaction with functionality.

My mission is to create engaging emotional experiences.

Photo of Matthew deStwolinksi

Matthew deStwolinksi

Wunderman

His background is in Information Architect. His work on Microsoft’s intranet MSW won recognition from the Nielsen Norman Group as one of the years best intranets for 2007.