it-swarm-ja.com

単なるユーザーテスト以上の目的でプロトタイプを使用する

PM、Dev、QAは、ユーザーテスト以外の目的で、社内の設計者にプロトタイプを作成して、注釈付きのワイヤーフレームと視覚的な仕様、および実際のストーリーのガイドとして使用するよう依頼しています。

完璧なアジャイルの世界ではこれはうまくいくかもしれませんが、共有リソースのデザイナーであるので、実現可能ではないようです。

私が目にする他の欠点には、プロトタイプ内のすべての相互作用を完全に構築する必要があることが含まれます。また、特定のロジックまたはインタラクションを呼び出すワイヤーフレーム内の仕様がないため、DevとQAはインタラクションを見逃しがちです。

プロトタイプを成果物として効率的に提供しているデザイナーはいますか?開発者/ QAはすべてのやり取りを発見して理解できますか?

4
G Dub

あなたが今持っているのは、設計ガイドと開発フレームワークの間にある資産だと思います。必要なものは、設計コンセプトをビルドされた製品に転送する際のチームのプロセスがどのように機能するか、また、デザイナーと開発者の間の引き継ぎ場所によって異なります。また、実際の詳細設計からプロセス/ワークフローを分離する必要があるため、ワイヤーフレームで詳細になりすぎないように注意してください。そうしないと、必要以上に多くの詳細を更新しなければならなくなります。

多くの異なる製品を扱う大企業では、多くの場合、デザインスタイルガイド(ブランディングガイドも参照する必要があります)が適していると思います。多くの異なるアセットを維持する作業には時間がかかるためです。リソースがありません。ただし、製品が1つしかないスタートアップシナリオでは、設計と相互作用の両方をキャプチャする開発フレームワークを作成することを検討する必要があります。開発フレームワークは、開発者が解釈を行わずに直接直接実装できます。これは、BootstrapまたはMaterializeが提供するようなフロントエンド開発フレームワークが提供するものとほぼ同じです。

基本的に、スタイルガイドを提供するだけの、私が取り組んだほとんどのプロジェクトは、開発者が全体像を把握していないことについて述べた問題に苦しんでいます(ただし、ほとんどの場合、開発者はUXをまったく考慮せず、実装の詳細のみを考慮していません)。しかし、開発者がフロントエンドの開発フレームワークを活用する(または最初からフレームワークを作成するという悩みに行く)プロジェクトでは、独自の特定のアプリケーションに適しているかどうかを考えずに、棚から物を取り出すという問題に悩まされます。

私の元のポイントに戻るための本当の解決策は、さまざまな責任が何であるかを正確に把握すること(そしてそこにどの程度のコラボレーションがあるか)であり、反対側の人々のために最良の方法でアセットを文書化して引き渡すことができます作業するフェンスの。

2
Michael Lai

はい、私はQAおよびDevチームへの成果物として完全に機能するプロトタイプを作成します。私は数年前からhtml/css/jsを使用してプロトタイプを作成しており、設計プロセスに採用しています。

私が見つけたのは、静的な設計とモックアップでは、これまでのところしか実現できないということです。つまり、私たちはすべてを考えるために最善を尽くし、開発中にフォームエラー、空の状態、または状態遷移について忘れていたことに気づきました。

私が今していることは、紙の上でデザインプロセスを開始し、デジタルスタティックデザイン(スケッチ)に行き、すぐにHTMLで最初のインタラクティブなプロトタイプを作成することです。これは、設計プロセスがさまざまな状態やエラーなどの小さなことすべてを忘れないようにするのに役立ちます。プロトタイプの作成を設計プロセスの一部にしても、プロトタイプの作成に時間を無駄にせずに、設計を続けています。

成果物として、単純にshowステークホルダー、開発者、または組織内の誰かが計画しているものを提供するのは素晴らしいことです。開発者が自分の努力を見積もるのがずっと簡単になり、「これを作る」と簡単に言うことができ、ドキュメントを大幅に削減できます。また、製品の実装中にしか検出されない小さな問題をすべて修正できるため、より優れた最初のバージョンで稼働することができます。

0
Martyn