Protokit – a HTML prototyper toolkit
Posted in Information Architecture, Prototyping — no comments.
Protokit is toolkit created by Michael Angeles, aka jibbajabba, from Konigi to rapidly create HTML protoypes using jQuery, Blueprint, and iXEdit. If you are looking to create HTML prototypes and need a easy-to-use, friendly and fast framework, you probably will love Protokit.
HTML prototypes are very useful if coded in the right way. It is also very fast to do and easy to integrate any kind of interaction you need to show your client. Besides that, they’re easy to maintain and make change requests, anyone with some HTML and CSS knowledge can handle it.
If you’re new to prototyping, I really recommend the “Prototyping – A Practitioner’s Guide” book by Todd Zaki Warfel. And don’t miss my review of it.
What Protokit does for you
It’s very common clients request navigable prototypes of entire application or the most part of it. If you create wireframes with OmniGraffle or Photoshop for example, it’s not possible to represent real-time animations or interactions like scrollers, sliders, tooltips, etc. Protokit rapidly help you create these actions saving time and effort.
The good thing creating HTML prototypes is the chance to reuse the code. You and your team can work together and save even more effort reusing the prototype code. And not only HTML, the most reusable code is Javascript (if using the same framework it’s even better).
Why should I use Protokit
Because it’s beautiful and you’ll love it. Your clients will love it. The final result and the product delivered will be much more appreciated and satisfactory. Protokit outputs a beautiful layout with black, white and gray colors, with a lovely menu bar and notes bar at the right hand side and the specification document at the bottom.
Yes, it’s possible and easy to add notes and specs to your prototype. Notes are placed into a file with the extension .notes and Specs are placed into a file with extension .specs. That’s it, you’re done with notes and specs. And the best part of it, both of them are made in only HTML code. Simple and fast!
Go ahead and try it.
• • • • •