From PDFs to HTML Prototypes: Creating a System That Works

  • 7,220 views
Uploaded on

 

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
7,220
On Slideshare
0
From Embeds
0
Number of Embeds
9

Actions

Shares
Downloads
22
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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