HTML Prototyping
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

HTML Prototyping

  • 1,316 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,316
On Slideshare
601
From Embeds
715
Number of Embeds
11

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 715

http://blog.vickyteinaki.com 398
http://www.orangebus.co.uk 193
http://ob2014.orangebusdev.co.uk 59
http://orangebus.co.uk 31
http://orangebussitecore 14
http://vickyteinaki.com 6
http://staging.orangebus.co.uk 5
http://vblog2014.local 3
https://twitter.com 3
http://www.newsblur.com 2
http://192.168.0.110 1

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!