HTML Prototyping

  • 1,147 views
Uploaded on

Talk given at Super Mondays November 2013 based on the night's theme of HTML. I shared some of the available options, and my thoughts on using some of them (Axure, Bootstrap, handcoding)

Talk given at Super Mondays November 2013 based on the night's theme of HTML. I shared some of the available options, and my thoughts on using some of them (Axure, Bootstrap, handcoding)

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

Views

Total Views
1,147
On Slideshare
0
From Embeds
0
Number of Embeds
12

Actions

Shares
Downloads
1
Comments
0
Likes
0

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. HTML prototyping Vicky Teinaki @vickytnz Super Mondays 25 November 2013
  • 2. What is a prototype?
  • 3. HTML prototying can mean…
  • 4. …making dev that bit less fugly
  • 5. also Foundation, Skeleton, other HTML starter kits, good old YUI framework….
  • 6. …pushing design and wireframing towards production
  • 7. (from 2009, but still interesting)
  • 8. Web is the new print! (Again…)
  • 9. …documenting in HTML
  • 10. powerful, but f**king expensive (though there’s a free beta version)
  • 11. …HTML prototyping all the way down (HTML in HTML )
  • 12. Gotchas
  • 13. For devs (and designers): the Malkovich effect
  • 14. Polish your Bootstrap, it has good LESS rules!
  • 15. For designers: the ‘let’s party like it’s the dot-com era again!’ effect
  • 16. <should designers code argument />
  • 17. Be clear as to your prototypes’ purpose and watch the weight and files!
  • 18. For UXers: not-quiteWYSIWYG prototypes
  • 19. Be aware of restrictions and be prepared to change
  • 20. Interesting things that are happening
  • 21. Democratising making
  • 22. More UX HTML prototyping Lisa Bonet
  • 23. Tips from the floor
  • 24. “Any tips for HTML prototyping?”
  • 25. Push the boundaries!