From PDFs to HTML Prototypes: Creating a System That Works

7,541 views

Published on

Published in: Technology, Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,541
On SlideShare
0
From Embeds
0
Number of Embeds
5,903
Actions
Shares
0
Downloads
23
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

From PDFs to HTML Prototypes: Creating a System That Works

  1. 1. Start Full ScreenOrganize, Communicate, andAnnotate HTML PrototypesWednesday, March 7, 2012Hash Tag: #8SBlocks Twitter @nathanAcurtis nathan@eightshapes.com @NathanACurtis Copyright 2012. EightShapes LLC.
  2. 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. 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. 4. Break Design Into Modular PartsModularComponent Loaded into Page LayoutsFile Content Copyright 2012. EightShapes LLC.
  5. 5. Leave Full Screen and Explore Page Grids (Yes, Actual HTML Pages, Not Screenshots)Copyright 2012. EightShapes LLC. 5
  6. 6. Annotate Your DesignComponent Markers Page Notes Copyright 2012. EightShapes LLC. 6
  7. 7. Start Full ScreenOrganize, Communicate, andAnnotate HTML PrototypesWednesday, March 7, 2012Hash Tag: #8SBlocks Twitter @nathanAcurtis nathan@eightshapes.com @NathanACurtis Copyright 2012. EightShapes LLC.

×