web-dev-qa-db-ja.com

UX設計後の段階からフロントエンド開発

私は自分のプロジェクトのUX/UIプロセスに取り組んでいますが、UX/UIとフロントエンドの間のアプローチを理解するのに混乱しています。

.psdが開発された後、誰がそれをhtml/cssに変換する責任がありますか?

1
Paul Martin

これは、psdデザインをhtml/cssに変換する責任を負うのは、組織構造に完全に依存します。

ただし、一般的なシナリオでは、設計者はPSDファイルを取得し、HTML/CSSで使用する一連の画像アセットを準備し、サイズとともに使用されるすべてのスタイルを定義する仕様ドキュメントを作成する必要があります。この仕様書は、設計されたファイルで望まれる遷移/効果もすべてキャプチャする必要があります。

その後、このドキュメントは通常、フロントエンド開発者、またはhtml/cssの作成を担当するコア開発者チームに渡されます。

ただし、場合によっては、すべてのスタイルが定義されたcssファイルを提供するのは設計者の責任であり、開発チームは定義されたcssの周りにhtmlを構築します。

3
djagatram

私の会社では、次のようになっています。

インタラクションデザイナは、ビジュアルデザイナに提供する高忠実度のワイヤフレームの概念化と実装を担当します。ワイヤーフレームには注釈が付けられます(つまり、モーダルがポップアップした場合、たとえば3回バウンドさせるなど、特定の要素が何をするかを指定します)。

すべてのワイヤーフレームに注釈を付け、視覚処理のためにビジュアルデザイナーに送信したら、それをフロントエンドバックエンド開発者に送信して、実行する必要があることを実装します。次に、ビジュアルデザインに従い、デザイナーからアセットを取得します。また、特定のことの正確な注釈についても注意を払います。

サイトマップ、ユーザーフロー、ユーザーテスト、ユーザー調査などもあるので、これは私が言ったよりも少し複雑ですが、ご質問にはこれでうまくいくと思います。

3
Majo0od