今回は最近模索していることや興味のある手法をいくつか紹介する。ちなみに私はデザイナーで、主に中小企業コーポレート・ECサイトの受託制作や更新案件に関わっている。案件の情報をとにかく集約プロトタイプ機能は、プロトタイプ以外の目的でも便利だ。デザインカンプの共有時にダッシュボード的な画面を挟むことで、確認専用のWebサイトを見ているかのような体験にできる。当ブログをサンプルにした共有URLを発行した。(PCで見てください)xd.adobe.com制作中ページの進捗シートページをリストアップしてあり、クリックするとそのページの状況を確認できる。クリックすると元の一覧ページに戻るようにしており、キーボードの左右キーで前後移動もできる。忘れがちな要素もまとめている。デザインの進捗がパッとわかるし、デザイン忘れなど初歩的なミスも減る。何より、チームメンバーやお客様との状況共有がスムーズになって楽。スタイルガイドカラーコードやボタン、hover時の挙動といったコンポーネントのまとめをできるだけ先に作成する。コーディング時に各ページのデザインで値にズレがあれば、大概ミスなのでガイドの情報を優先してもらう。アセット機能がより便利になればそもそも不要になるかもしれないが、現状は併用している。あと、11月にリリースされたデザインスペック(ベータ版)も役立ちそうだが、私はまだ活用できていない。バージョン管理(擬似)週1程度でミーティングを設け、都度デザインをアップデート(改善)していくタイプの案件では、都度ファイルを複製して変更前の状態を残すようにしていた。XDは圧倒的に軽いので、前の状態のデザイン(アートボード)を複製し、データ内にまるごと残しておける。それがどの時点のデータなのかメモも残せるし、ダッシュボード画面と組み合わせても良い。田中さんの発表で拝聴した。他の活用事例の話も参考になったので非常にオススメです。※アクセスするとすぐ映像が再生されますwww.adobe.comスターターキット化よく使うコンポーネント、アイコンなどを、ペーストボード(アートボード外)にまとめている。アートボードには社内のコーディングルールと揃えたグリッドを引いておく。重くなってしまうところ、XDだとほとんど影響がないのが非常に良い。大まかなスケジュールや互いの宿題の状況コンセプト、ターゲットなどプロジェクトの概要ビジュアルデザインの方向性(ムードボードなど)ロゴや素材のガイドラインこうした資料はこれまで散らばりがちで、探すのも面倒だった。)にまとめ、デザインプロセスのオープン化・効率化を進めていきたい。それにあたって次の機能があると嬉しい。公式のユーザー投票サイトなので、是非皆さんもVOTEしてください。別の用途に使う公式サイトでは“Webサイトやモバイルアプリのデザイン、プロトタイプ作成、共有までを1つのアプリで実現する全く新しいUI/UXデザインツール”と表現されている。この言葉に囚われる必要はない。デザインシンキングそのような考えに至ったのは、こちらの記事がきっかけ。projectdd.jpWebサイトやモバイルアプリのデザインなんて全くやっていなくてマジでびっくりした。XDの機能をフルに活用されていてすごい。XDはもっと自由なんだと気付かされた。自分専用のノートとしてそれをきっかけに、一時期、読み返したい記事やじっくり実践したい記事などの管理を試みた。外部リンク設定ができないのが致命的すぎたが、軽快に分類やメモができること自体は良い感じだった。ここまでしなくても、例えば目標や家族の写真などをいつでも見れるようにする程度なら現実的。共有URLを発行し、ショートカットアイコンをスマホ上に置くと良い。XDなら、見た目に好きなだけこだわることができる。オリジナルアプリっぽいものを簡単につくれるのだ。(あ、でもアイコン機能は廃止されてしまったか...)その他リーンキャンバスとかUXデザイン関連資料とかつくったりまとめたりプレゼンテーションツールとしてマインドマップ、マンダラートなど発想整理ツールとしてなど、工夫次第でいろいろ使えそう。まとめプロトタイプを活かした制作フロー改善のイメージが強いXDだが、ポテンシャルはかなり広いと感じている。デザインの運用とか実装との連携などの面でより良くなってほしいところがあるが、もっとおもしろい活用方法もあるだろう。Title/URLこの記事を書いた人ろくぜうどんid:rokuzeudonモノ・コトをより良くするWebデザイナーです。サービス開発におけるUIデザイン・LP制作・HTML/CSS実装・プロジェクトマネジメントなど幅広く立ち回っています。(3)このブログについて|プライバシーポリシースターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。