Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Apr 2011
    Location
    California
    Posts
    52
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Lightbulb HTML5 specifically for UX prototyping?

    Since HTML5 shortens lots of syntax and there are lots of lovely CSS frameworks available for grids, what's the best way to learn HTML5 purely to produce in-browser prototypes with interactions intact?

    This year I want to move away from flat documentation and into living, usable code that conveys better structure to the front-end developers I'm working with.

    Basic requirements would be:

    - only needs to work in one browser (eg. Chrome or Safari)
    - only needs to work locally
    - doesn't need to validate (since it's not going on the internet)
    - needs to have a reusable kit of reusable elements
    - needs to be simple to learn for novice coders (like me)
    - is ultimately faster than flat wireframing and provides better results

    Many of the UX books I've read on the subject don't give HTML prototyping the detail it needs for designers who come from a non-coding background.
    App Developer, Front End Designer and Learner at>> Facebook App Development Company - Cygnis Media

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,471
    Thanks
    6
    Thanked 980 Times in 953 Posts
    Sounds like more work than necessary, especially if the front-end developers have to implement the features “again”, then. You could as well convey the user interaction by creating a slideshow in a presentation program (e. g. MS PowerPoint, Apple Keynote, LibreOffice Impress …) or use Adobe Fireworks which is specialized exactly in creating wireframes and interactive mockups.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •