大きな1つの画面でWebサイトのページと要素の間の相互作用を説明するツールはありますか?
私はウェブサイトのすべてのページのすべてのスクリーンショット画像を持っています、いくつかは同じページのライトボックスです。一部はフォームです。
全画面の関係を一画面で表示したい。どこをクリックすると、どのページ、どのライトボックスなどが表示されます。
20ページすべての最終的なスクリーンショット(JPG画像)とページの状態の段階があります。画像サイズは1024x768です。スライドショーを作りたくありません。すべてのページを1つの画面に表示し、矢印を使ったコメントを追加して変更を説明したいと思います。
無料オンライン/オフラインツールを探しています。
開発中です WireframeSketcher高速ワイヤーフレーミングツール 。画面フローを作成する機能があります。次のような結果が得られます。
既存の画像を使用して画面を作成することもできます。画面を作成し、それらをリンクして、ストーリーボードに配置すると、画面フローが自動的に取得されます。
Cacoo.com は無料の図表作成サイトです。無料プランの機能は制限されていますが、有料プランでは、共同作業を行ったり、追加の図を作成したりできます。使用方法によっては、無料バージョンで十分な場合があります。
以下のようなワイヤーフレームを(好きなレベルの詳細に)作成し、矢印を使用してボタンを他のページにリンクし、ストーリーボードを作成できます。
あなたのケースでは、ワイヤーフレームからズームアウトして、下のストーリーボードのようなページを接続し、フォームやリンクなどの要素を任意のアイテムに接続できます。
これが link で、10種類の製品があり、すべて無料です!