UIE Virtual Seminar Presentation (How does this work?)

Start Full Screen: Organize, Communicate, & Annotate HTML Prototypes

This seminar is part of our series in cooperation with

Nathan Curtis

Principal, EightShapes

Length: 90 minutes

I Want the RECORDING $149

You get Lifetime Access to this seminar for your entire organization!

You’ll Learn to

Build HTML prototypes and organize them systematically
Break prototype assets - HTML, CSS, and JavaScript - into small, reusable components
Use an HTML prototype to communicate an entire experience
Annotate pages and components with markers and detailed notes as needed

Nathan explains what you'll learn in this 2 minute preview:

From PDFs to HTML Prototypes: Creating a System That Works

View another webinar from UIEpreviews

If your team is transitioning from static documentation to iterative HTML prototypes, then this seminar is right up your alley.

Nathan will talk about how his team at EightShapes brought it's renowned modular philosophy of modular components and libraries for producing PDFs to prototyping using simple HTML, CSS and JavaScript. You'll hear how to efficiently chunk your own designs into reusable bits, then communicate and annotate the prototype, including all of its variations and flows for stakeholders and teams alike.

You'll walk away knowing how to package your project prototypes, then tailor conversations to be of and around the experiences rather than walking through a document. And with the registration comes both EightShapes' CSS & JavaScript library and a sample HTML prototype that demonstrates all the concepts covered.

Build HTML prototypes and organize them systematically

You'll ease your team's transition from documents to HTML prototypes.

Find out why organizing your experience can actually speed delivery
Shape the scope of your stakeholder conversations

Break designs into small, reusable components

You'll learn how prototypes can be built, broken into parts, and then put back together.

Learn how to chunk designs and organize templates systematically
Create a navigable gallery that load all your varied page layout and content variations

Use an HTML prototype to communicate an entire experience

You'll make conversations about experiences rather than documents.

Demonstrate design alternatives to help stakeholders make choices
Show multiple pages and variations simultaneously in one view

Annotate and collaborate using basic markup

You'll hear how EightShapes is leading collaborative prototyping as a practice.

Use HTML markup for annotating templates, then hide it for usability testing
Balance when to compose detailed notes versus relying just on a prototype

If you're an enthusiastic proponent of efficient and responsive design, then register now. Because you'll achieve both more quickly with Nathan's guidance.

Why Nathan Curtis?

Nathan Curtis has been swimming in the deep end of the UX pool since 1996, when he started focusing his creative energies on IA, ID, usability, and front-end development. He's also an entrepreneur at heart, having founded the renowned EightShapes in Washington, DC, where he continues to make a splash today.

Nathan, who authored Modular Web Design, also led other UIE seminars we suggest watching, including How to Create a UX Design Library from September 2010 and Components vs. Patterns from January 2009. He also held a virtual seminar in 2011 on this topic of HTML prototypes if you need a primer. Find him on Twitter @nathanacurtis