Get Wireframing and Prototyping

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

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

内容は下記のアウトラインになっているので、すべてがいいリファレンスになりますな。

「Article」などは個別に集めてたまに読む程度だったのですが、まとまっているのでいつでも参照できます。

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

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

と、この2つのエントリーだけでもリストアップしてみると24ものツールがあることになります。

もちろん「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.

コメントを残す