Get Wireframing and Prototyping

Fred Beecher氏は「Axure」についてもワークショップを開いていたりするようですが、これに関係して「ワイヤーフレーム」や「プロトタイピング」に関するエントリーがあったのでご紹介します。

まず「Get Wireframing」という下記エントリーですが、すごいですね。よくまとめたなと感心してしまいます。



  • Techniques
  • Tools
  • Wireframe Examples
  • Wireframing Articles of Interest
  • Paper Prototyping
  • Useful Wireframing Resources
  • Kick Ass Books

次に「16 Design Tools for Prototyping and Wireframing」ですが、これはツールを16個あげてそれぞれをレビューしています。


もちろん「multifunctional applications (多機能なツール)」としてしまえば、世の中のほとんどのツールが含まれてしまうかも知れませんが。


  1. Visio – Visualize, explore, and communicate complex information.
  2. OmniGraffle Pro – Create diagrams, process charts, quick page layouts and website mockups
  3. Axure RP Pro – Rapidly create wireframes, prototypes and specifications for applications and web sites.
  4. iRise Pro
  5. Pencil – Free sketching & GUI prototyping tool, can be installed as a Firefox add-on or as a standalone application.
  6. SmartDraw
  7. MockupScreens – For the Non-Designers, allows you to sketch and organise screen mockups.
  8. Balsamiq Mockups – Easily and quickly created rough mockups with predefined elements
  9. Lucid Spec
  10. ConceptDraw Pro
  11. iPlotz – Quickly sketch wireframes of Web sites and demonstrate navigation between pages
  12. Go Analogue
  13. PowerPoint or Keynote
  14. Adobe Fireworks
  15. HTML
  16. Adobe Flash
  17. Fluid IA – Agile UI Prototyping
  18. OverSite – Provides a menu of widgets to create wireframes, or mockups with drag and drop features.
  19. Justinmind – Design a wireframe and test their web usability
  20. EasyPrototype – Works with your existing techniques such as paper sketches, Photoshop mockups etc.
  21. Gliffy – Create website wireframes and share web mockups with anyone.
  22. Jumpchart – Online collaborative wireframe
  23. Lovely Charts – Diagraming app that allows you to create site maps, flowcharts, wireframes and more
  24. Protoshare – Collaborate online wireframe tool with real time communication and clickable wireframes.