プロトタイピングツールは、超大雑把に言うと以下の２種類に分けることができます。
- 画面遷移を作るやつ
- インタラクションを作るやつ
調べてみたところ、上記２種の合いの子みたいな製品もあるようですが、
中途半端なヤツは嫌いなので見なかったことにしました。
私の用途はアプリよりもWebが多く、インタラクションよりも画面構成と遷移を作って
「こんな感じっす」とお披露目することが多いので、前者に属するものをよく使います。
その中でも、以下の２点においてAdobe Experience Design （Adobe XD）を上回るものは無いと思っています。
- 簡単（初見で使える）
- 速い（サクサクアウトプットできる）
XDはなぜ簡単なのか
ひとことで言えば「Adobeだから」です。
XDは、Adobe CCに含まれる製品であり、操作性も非常に似通っています。
そのため、Adobe製品に慣れ親しんだデザイナーやフロントエンドエンジニアなら、初見でプロトを作り込んでいくことができます。
デザインモードの画面。Photoshop等と比べるとシンプルだが、痒いところに手が届く感じ。
XDはなぜ速いのか
XDは、UIデザインツールでもあるからです。
PhotoshopやSketchで作ったデザインをエクスポートして、ProttやInVisionで読み込んで…という流れに対して
手間というか、「なんでここシームレスじゃないの？」という違和感を覚えたことはないでしょうか。
私はいつも軽くイラッとしておりました。
XDには「デザイン」と「プロトタイプ」の２つのモードを素早く切り替えることで、２つの作業を同時並行で進められます。
厳密には並行していないのですが、「並行感」が大事なのです。
プレビュー用の URLひとつで他のメンバーに共有もできるため、この点においてもスピーディーです。
プロトタイプモード。初見でも直感的に操作できる。
そして無料！
Adobe IDを持っていれば無料で使えます。
ぜひ一度試してみてください。
