Testing tools and AI - ideas what to try with some tool examples
From PDFs to HTML Prototypes: Creating a System That Works
1. Start Full Screen
Organize, Communicate, and
Annotate HTML Prototypes
Wednesday, March 7, 2012
Hash Tag: #8SBlocks Twitter @nathanAcurtis
nathan@eightshapes.com
@NathanACurtis
Copyright 2012. EightShapes LLC.
2. From PDF Documents to HTML
HTML Prototyping in Firefox
“Classical” UX Documents
Firebug
Text Editor for HTML, CSS, & JS
Copyright 2012. EightShapes LLC. 2
3. The Objective
Compete with established
CSS & JS toolkits
(We also use 960gs, JQuery, JQuery Mobile, Bootstrap, etc)
Organize, Annotate, & Present
HTML Prototypes
Copyright 2012. EightShapes LLC.
4. Break Design Into Modular Parts
Modular
Component Loaded into Page Layouts
File Content
Copyright 2012. EightShapes LLC.
5. Leave Full Screen and Explore
Page Grids
(Yes, Actual HTML Pages, Not Screenshots)
Copyright 2012. EightShapes LLC. 5