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 (多機能なツール)」としてしまえば、世の中のほとんどのツールが含まれてしまうかも知れませんが。
これからツールを検討しようとしていた場合、このリストアップは参考になるのではないでしょうか。ボク自身触ったことがあるのはごくごく一部のような気がしますので時間のあるときにでも試してみたいと思います。
- Visio – Visualize, explore, and communicate complex information.
- OmniGraffle Pro – Create diagrams, process charts, quick page layouts and website mockups
- Axure RP Pro – Rapidly create wireframes, prototypes and specifications for applications and web sites.
- iRise Pro
- Pencil – Free sketching & GUI prototyping tool, can be installed as a Firefox add-on or as a standalone application.
- SmartDraw
- MockupScreens – For the Non-Designers, allows you to sketch and organise screen mockups.
- Balsamiq Mockups – Easily and quickly created rough mockups with predefined elements
- Lucid Spec
- ConceptDraw Pro
- iPlotz – Quickly sketch wireframes of Web sites and demonstrate navigation between pages
- Go Analogue
- PowerPoint or Keynote
- Adobe Fireworks
- HTML
- Adobe Flash
- Fluid IA – Agile UI Prototyping
- OverSite – Provides a menu of widgets to create wireframes, or mockups with drag and drop features.
- Justinmind – Design a wireframe and test their web usability
- EasyPrototype – Works with your existing techniques such as paper sketches, Photoshop mockups etc.
- Gliffy – Create website wireframes and share web mockups with anyone.
- Jumpchart – Online collaborative wireframe
- Lovely Charts – Diagraming app that allows you to create site maps, flowcharts, wireframes and more
- Protoshare – Collaborate online wireframe tool with real time communication and clickable wireframes.