次のデザインレビューに
チームで確認したいフローをプロトタイプに
アプリ内の操作経路、Webサイトの動作、チームで話し合う体験を具体化し、デザインの判断材料にできます。
アプリの操作フロー
初回利用、予約、購入の各画面をつなぎ、前の画面への戻り方や確認画面まで含めて体験できます。
Webサイトのインタラクション
ナビゲーションメニュー、ダイアログ、アニメーション付きの画面遷移、スクロールするコンテンツを操作できる形で示せます。
チームでのレビュー
プロダクト、デザイン、開発のメンバーが同じフローを試し、実装前に具体的な画面について話し合えます。
操作したときの反応まで伝える
画面遷移、オーバーレイ、動きをUIに
メニューが開く様子、ダイアログが閉じる動作、画面の反応を表現。開発が始まる前に、見た目の先にある操作感をレビューできます。
クリック以外の操作にも対応
クリック、ホバー、ドラッグ、時間経過をトリガーに、さまざまな反応を表現できます。オーバーレイの表示、切り替え、終了で、背景の画面との関係を保ちながらメニューやダイアログを見せられます。
画面に合った動きとスクロール
トランジションの種類、時間、緩急を調整して、意図した動きを伝えられます。長いページには縦スクロール、横並びのコンテンツには横スクロール、地図のような画面には縦横両方向のスクロールを設定できます。
デザインとプロトタイプを一緒に
デザインもプロトタイプも、一つのファイルで
Pixsoファイル内のフレームに操作を加えて、体験できる形へ。別のプレゼンテーション用に画面を作り直すことなく、画面同士の接続とともにレイアウトや表示状態を調整できます。
制作中の画面をそのまま活用
同じ画面とコンポーネントを使いながら、デザインを発展させられます。プロトタイプと、それを構成するレイアウト、ラベル、表示状態をまとめて扱えます。
ワイヤーフレームから詳細なUIまで
初期のワイヤーフレームで簡単なフローを試し、仕上がった画面にも操作を追加できます。キャンバス上で、開始位置から最後の状態まで、操作経路の全体像を確認できます。
体験をチームで共有
操作できるプロトタイプを共有し、画面を見ながらレビュー
デザイナー、プロダクトマネージャー、開発者が同じフローを試せます。プレゼンテーションのリンクと該当画面へのコメントで、どのデザインへの意見なのかが明確になります。
レビューごとに明確な開始位置を
フローの開始画面から共有すれば、レビューする人が意図した操作経路をたどれます。たとえば予約フローなら、選択、確認、前の画面に戻る動作まで試せます。
画面と結び付いたフィードバック
コメントで質問や提案を、レビュー中のデザインに結び付けられます。画面やインタラクションを調整するときに、その文脈を振り返れます。
設計の意図を開発までつなぐ
プロトタイプの動作と開発用の仕様を一緒に
操作できるフローと、その裏にあるデザイン情報を一緒に共有。Pixsoは画面、プロトタイプ、開発者ビューを同じワークスペースにまとめ、見た目と動作の両方を伝えます。
意図した動作を見せる
画面のデザインに加え、プロトタイプでナビゲーションやトランジションを表現。実装について話し合う際の共通の参照先になります。
実装に必要な情報をすぐそばに
開発者モードでデザインのプロパティや寸法を確認し、アセットを書き出せます。プロトタイプで体験を、デザインで細部を伝えられます。
製品デザインを一つのワークスペースで