Webサイトのプロトタイピング。 すべてをまとめる。

「経済回復の唯一の可能な源は、品質を改善することであり、結果として、製品またはサービスの魅力を高めることです。 また、設計およびプログラミングのコストを削減しても品質の向上は達成できません。」

アラン・クーパー「患者の手による精神病院」



Habrahabrの投票に参加したすべての人に感謝します。

1. プロトタイプ作成プロセスはあなたの会社ではどのように見えますか？

2. 参加しているWebプロジェクトのプロトタイピングに関与しているのは誰ですか？

3. 会社のプロトタイピングWebサイトの現在の状況はあなたに合っていますか？

結果を議論する時が来ました。

1）（設計の一部としての）プロトタイピングの利点について100回目。 問題。

最も重要な決定が行われるのは初期段階であるため、最も高価な間違いはプロジェクトの最初に行われた間違いです。 プロジェクトが発展するにつれて、エラーのコストは減少します。 同時に、品質管理の初期レベルは最小限であり、開発プロセスが進むにつれて増加します。 完全なテストは、後の段階でのみ開始されます。 その結果、多くの場合、最も高価なエラーの特定が遅すぎ、システムまたはその個々の部品のその後の高価な処理が行われます一見したところ、一部のプロジェクトは本質と内容が同じに見えるかもしれません。 あなたの典型的なプロジェクトは、既存のシステムに基づいたオンラインストアだとしましょう。 しかし、各プロジェクトの個性は、その定義そのものにもあります（ PMBOKによる「プロジェクト」の定義を参照 ）。 同様のプロジェクトの開発は、設計段階なしで行うことができるという意見があります。 私はこの意見を一部だけ共有しています。 私は、設計タスクを、プロジェクトからプロジェクトに移行する標準的な標準ソリューションの作成と、新しいプロジェクトごとに対処する必要がある創造的なタスクに分割します。 （必要1.標準ソリューションを自動化して、創造性のためのスペースを維持します）そして、どのように抵抗しても、同じタイプのプロジェクトを主張し、品質を改善し、結果として経済的回復を達成したい場合（クーパーによる）、その後、新しいプロジェクトごとに単純にさまざまな入力情報を考慮する必要があります。 プロトタイピングは万能薬ではありませんが、高価なミスを回避し、リスクを軽減する方法です。 肥料や農機具を販売するオンラインストアのユーザーは、サイトでの行動や注目の対象などが異なるのと同じように、衣服や魅力的なアクセサリーを販売するストアのユーザーとは大きく異なることは明らかだと思います。 標準ソリューションはユーザーの違いに対応できますか？ 標準ソリューションは、さまざまなプロジェクトでテストおよびテストされたコンポーネントのセットです。 それらの適応（カスタマイズ）の必要性を理解することは、完全なテストが行​​われ、無料のリソースがなくなった最後にしばしば生じる。 これは同じエラーです（プロジェクト時間の超過、緊急事態、劣化につながります）。 クーパーが書いたニューエコノミーのパラドックスは、節約するためには、（デザインに投資することによって）支払う必要があるということです。

2）方法、ツール、実装者の概要。 青または赤の錠剤？

調査結果「あなたの会社でプロトタイピングはどのように見えますか？」Habrahabrで実施されました。



図1

私は意図的にチェックボックスの代わりにラジオボタンを使用し、唯一のオプションを選択するように強制しました（人が最も頻繁なオプションを選択すると仮定します。したがって、オプションの1つが一度使用されたが、常に使用されるのと同じ重みを持つケースをフィルタリングします）。 「言葉で」の挑発的なバージョンを意図的に追加しました。 プロトタイピングはどのようにして言葉にすることができますか？ ディスカッションの結果は記録する必要があります。記録しないと、何かが忘れられたり、無視されたり、検証されません。 言葉でのプロトタイピングの有効性はゼロになる傾向があります。 紙のプロトタイプの人気は驚きであり、39票の「独自開発」オプションも同様でした。 このオプションに投票した人の詳細を知りたいです。

状況を私の西洋の同僚のプロトタイピングと比較するために、 IxDAの調査結果を引用しますディスカッション：プロトタイピングに使用するツールは何ですか？ （ アレクセイ・コピロフへのリンクをありがとう）



図2



IxDAのディスカッションでも言及されています。

ホワイトボード、Snapz Pro X、GUIデザインスタジオ、LucidSpec、マルチメディアフュージョン、IntuitectおよびJumpchart、SmartDraw、Microsoft Word、インスピレーション、MockupScreens、Microsoft Excel、Microsoft Power Point、Sketchbook Pro、Omni Graffe、ACD Canvas、Oversite、Eight Media、Magnetic Webウィジェット



すべてのツールとメソッドをペイントするわけではありません。 以下のリンクを使用すると、より詳細に行われます。 以下の基準に従って、一般的なツールとプロトタイピング方法の長所と短所を考慮してください。

プロトタイピングの速度は非常に重要な基準です。 このツールを使用して、「このボタンをここに置く」という考えを難なく、技術や設定などにとらわれずに実現できると非常に便利です。

対話性 -ユーザーのアクションに応答し、実際のイベントをエミュレートするプロトタイプの機能。 インタラクティブプロトタイプの利点と機能の詳細については、 Yuri Vetrovのブログ「Interactive Prototypes」の記事を参照してください。

詳細 -プロトタイプにすべてを細部まで反映する機能。 以下にリストされているツールの一部は、ブロックセットレベル（「ブラックボックス」）での低レベルのプロトタイピングにのみ適しています。

再レンダリングが必要 -プロトタイプの再レンダリングには余分な時間がかかります

すべてのプロジェクト参加者のアクセシビリティ-顧客、管理者、開発者、デザイナーなどのすべてのプロジェクト参加者のアクセシビリティは、多くの場合、プロトタイプを作成するための前提条件です。

変更の可能性は 、将来のシステムのいくつかの詳細を明確にすることが可能であり、作業中に議論され、明確にされる点で、プロトタイピングにも役立ちます。 プロトタイプはプロジェクトの成果物とともに更新する必要があるため、変更を加える可能性も重要な基準です。



（必要2.すべてのプロジェクト参加者が利用できるインタラクティブで詳細なプロトタイプをすばやく作成し、変更を加えることができます）

ペーパープロトタイピング

プロトタイプ速度：高

対話性：なし

詳細：高

繰り返しレンダリングが必要：はい

すべてのプロジェクト参加者の可用性：制限

変更を加える能力：不可能

ホワイトボードのプロトタイピング

自分でできる！ 磁気表面を備えた紙が利用可能です。 デザイン用のステンシルをオフィスのプリンターで直接印刷できます。プリンターがこのタイプの用紙での印刷をサポートしているかどうかを確認してください。

プロトタイプ速度：中

対話性：なし

詳細：中

繰り返しレンダリングが必要：はい

すべてのプロジェクト参加者の可用性：制限

変更を加える可能性：制限付きで可能

Axure Pro

プロトタイプ速度：高

インタラクティビティ：中

詳細：高

繰り返しレンダリングが必要：いいえ

すべてのプロジェクト参加者のアクセシビリティ：完全

変更を加える能力：制限なしで可能

インデザイン

プロトタイプ速度：中

対話性：低

詳細：高

繰り返しレンダリングが必要：いいえ

すべてのプロジェクト参加者のアクセシビリティ：完全

変更を加える能力：制限なしで可能

ヴィジオ

プロトタイプ速度：高

対話性：低

詳細：高

繰り返しレンダリングが必要：いいえ

すべてのプロジェクト参加者のアクセシビリティ：完全

変更を加える能力：制限なしで可能

オフィスソフトウェア

プロトタイプ速度：中

対話性：低

詳細：低

繰り返しレンダリングが必要：はい

すべてのプロジェクト参加者のアクセシビリティ：完全

変更を加える可能性：制限付きで可能



ツールの詳細については、記事： gulevich Maxim Gulevich、 「UIデザイナーおよび情報アーキテクト向けのツールの概要」 、 Axure Pro 、Vlad Golovach（ Usethics ）をInDesignのプロトタイピングインターフェイスに使用することに関するAlexander Sergeev（ HumanoIT ）、Yuri Vetrov（Artics ） Visioで作成されたワイヤーフレームと、その中のWeb 2.0のダイナミクスについても

パフォーマーの投票結果に移りましょう。



図3

最も人気のある最後の結果を破棄しても、プロトタイプ作成プロセスは、設計とユーザビリティの問題に特化していないプロジェクト参加者によって実行されます。



（必要3.プロトタイプ作成を行う人の知識と経験の低レベルを考慮してください）



投票は、現在の状況に対する満足度に基づいて行われます。



図4

プロジェクトでのプロトタイピングの現在の状況は満足のいくものではないという予想される結論です（合計2つはありません）。



（4.プロトタイプ作成を支持する強力かつ十分な議論が必要です。利点は数字で表されるべきです）



プロトタイピング用のさまざまな既存ツールがすべてあるため、多くのプロジェクトや企業ではまだ実装されていません（図3を参照）。 プロジェクト会社が次の質問に答えるのは本当に難しいです。「すべてが機能して利益を上げるのに、なぜ品質やデザイン（使いやすさなど）に革新と投資が必要なのか？」 そのような企業でのプロトタイピングの導入は、経営者が品質の重要性を十分に理解している場合にのみ発生します。 企業文化の一部としての品質、各従業員の価値（親は、朝気まぐれで洗うことを望まない幼い子供にも同じ感情を植え付け、彼らは主に誰かのためではなく、自分のために洗うことを説明します）。 上記の投資の必要性に関する質問に対する答えを見つけることは、 ロシアと外国の両方のユーザビリティに関係しています。



プロトタイピングの導入をもっと意識しているのは、製品の生産に関わる企業です。 彼らはすでに設計とプロトタイピング（おそらく試行錯誤）の利点を感じています。 最初のグループとは異なり、製品の使いやすさ、ユーザーインターフェイスの設計、およびプロトタイプの作成は、もはや幻想的なものではありません。 彼らにとって、これはリスクを減らし、製品の品質を向上させ、製品に対するユーザー（つまり購入者）の忠誠心を高める本当の方法です。 ただし、すべてがプロの企業に頼り、部門を作成するか、スペシャリストを雇う（採用する）準備ができているわけではなく、プロジェクトマネージャー、チームリーダーなどに設計とプロトタイピング機能を割り当てることを好みます。 （図3を参照）。

ジェイコブ・ニールセンがかつてユーザビリティの導入に対する企業の準備レベルのリストを作成した方法に似て、 kremien Gennady Dragunはこの実装のレベルのリストをまとめました。

レベル0：どこかでしか聞こえない、またはまったく聞こえないユーザビリティ

レベル1：基本的なユーザビリティテスト方法の使用（チェックリスト、最も単純な検査、可用性チェック）

レベル2：レベル1 +インターフェイスデザインとそのグラフィックデザインの実装

レベル3：レベル2 +最も単純な「党派」ユーザーテスト、ユーザー調査

レベル4：独自のユーザビリティ部門の作成-ユーザビリティラボ。



このトピックに関するNielsenのオリジナル記事：

http://www.useit.com/alertbox/process_maturity.html

http://www.useit.com/alertbox/maturity.html



実装レベルが最初のレベルをめったに超えない企業のプロトタイピングは、通常次のように行われます。新人マネージャー（チームリーダーなど、以前は使いやすさに慣れていなかったことが多い）は、「プロトタイププロジェクトの作成」を担当します。 Googleのおかげで、マネージャーはこの記事を見つけました。 彼は、説明されているツールと方法を見ています。 ただし、「How？」という質問に答えることで、楽器の必要性のみをカバーします。 彼らは質問への答えを提供しません：「何？」、すでにプログラムのユーザーが適切な知識を持っていると仮定しています。 投票の結果に基づいて、実装レベルがレベル1を超えない会社の数が過半数であると想定します。

関連記事：

TK開発の一部としてのインターフェース設計

ユーザーインターフェイスの設計。 プロセスの概要

インタラクティブなプロトタイプ。 現在のユーザーインターフェイスモデル（ パート1 、 パート2 、

パート3 ）



ボーナス：

VisioおよびGUUIIの類似のステンシル

UsethicsのInDesignのステンシル

Axure Pro。 製品は有料ですが、Googleのすべてを見る目から何かを隠すことは可能ですか？ keygenを自分で使用することの道徳的および倫理的な側面を定義します。 検索結果。

3）赤い丸薬を選択します。 現実のニーズまたは現実の世界へようこそ。

プロトタイピングの導入から肯定的な結果を得るには、次のニーズを満たす必要があります。

1.自動化された標準ソリューション。創造性の機会を提供します。

2.すべてのプロジェクト参加者が利用できるインタラクティブで詳細なプロトタイプを作成し、変更を加えることができます。

3.プロトタイピングを実行する人の低いレベルの知識と経験を考慮に入れてください。

4.プロトタイプを支持する強力で十分な議論。 利点は数字で表現する必要があります。



これらのニーズを満たすために、プロトタイピングツールと実装方法論を開発しました 。 近い将来、このプロジェクトを可能な限り最善の方法でブログで紹介する予定です。 このツールを無料でダウンロードして使用する機会があります。 それまでの間、 RSSのニュースをフォローすることをお勧めします



出典： ユーザビリティとプロジェクト管理のブログ