デザインパターン：規則を破ることが役立つ場合があります

これは、元の記事「 デザインパターン：規則に違反する場合は問題ない」の翻訳です。



一般的なWeb要素を開発する際に、私たち全員がデザインパターンを使用することは一般に受け入れられています。 私たちは、ボタンの外観とその動作がどうあるべきかをよく知っており、これらのボタンに関連付けられたWebフォームを開発する方法に精通しています。



これにもかかわらず、インターネットには文字通り、誤ったWebフォーム、ボタン以外のボタン、混乱を招くナビゲーション要素があふれています。 壊れたパターンのある通り。



これにより、設計パターンの履歴と目的、およびそれらを適用するタイミングと適用しないタイミングが反映されます。 しかし、場合によっては、異なるまたはより良い結果を達成するためにテンプレートを変更することが正しい決定であるとしたらどうでしょうか？ もちろん、パターンが誤って使用されるとすぐに気づきます。 しかし、おそらくいくつかの状況でこれは本当に適切ですか？ この質問に対する答えを見つけるために、始めから始めましょう。

デザインパターンの歴史

1977年、建築家クリストファー・アレクサンダーは、「パターン言語：町、建物、建設」という本を共著し、「学習した教訓の中で効果的な設計方法を記述するための構造化アプローチ」としてテンプレート言語の概念を紹介しました。 この本のおかげで、誰でも（建築家や公務員である必要はありません）何らかのモデルを手に入れることができます。 アレクサンダー自身が書いたものは次のとおりです。



...の中心にあるのは、人々自身が住む家、通り、地域を設計しなければならないという考えです。 このアイデアは、1つの簡単な観察から得られます。世界で最も美しい場所は、建築家ではなく、一般の人々によって作成されました。





サンディエゴのストリートカフェ（写真：shanputnam）



アーキテクチャ、ウェブデザイン、その他のテンプレートには、2つのコンポーネントが含まれています。まず、一般的な問題の説明と、この問題の標準的な解決策が含まれています。 たとえば、「A Pattern Language」という本のテンプレート88は、人格の問題と、人々がコミュニケーションを取り、連絡をとるように促すような公共の場所を整理する方法を説明しています。 提供されるオプションの1つは、ストリートカフェです。



ストリートカフェは、大都市に固有のユニークな雰囲気を作り出します。ここでは、人々は、急いでなく快適に座って、みんなの前に座って、人生がどう変わるかを見ることができます。 結論：このような地元のカフェは、あらゆるエリアに登場するはずです。 混雑した通りに直接行くような小さな居心地の良い施設で、コーヒーやソフトドリンクを飲みながら誰でもリラックスして街の景色を眺めることができます。 カフェの正面に沿って、つまり通りの真中にいくつかのテーブルを配置できます。 このようなストリートカフェの豊富さは、文明都市の兆候の1つです。



テンプレート88に特に興味がある人は、このテンプレートの例が集められているFlickrのグループを見ることができます。



基本的にここではすべてが同じであるため、アーキテクチャの分野からのこのアプローチはWebテクノロジーに簡単に適用できることが判明しました。標準的なソリューションを必要とする多くの一般的な相互作用の問題があります。 例としてYahooナビゲーションタブテンプレートを引用しましょう。 問題の本質は次のとおりです。



サイトのコンテンツまたは機能にアクセスするには、ユーザーはナビゲーションツールが必要です。 また、ユーザーは現在のサイトのどのセクションにいるかを知る必要があります。



以下は、この問題の解決策です。



サイトヘッダーの下の水平パネルの行のタブの固定配置により、ほぼ一定の数のセクションを持つWebサイトに効果的なナビゲーションシステムを提供できます。 このパネルの幅はページの幅と等しく、タブヘッダーは簡潔で論理的で、タブ自体の数は少なく、現在のタブは明確にマークされている必要があります（ファイルフォルダーインターフェイスと同様）。



これらはすべて問題ありませんが、デジタル製品を開発する際にこのようなテンプレートを使用することの利点を理解するには、もう少し詳しく調べる必要があります。

デザインパターンを使用する利点

開発プロセスでテンプレートを使用する利点は次のとおりです。



まず、テンプレートのおかげで、同じ問題を2回解決する必要がないため、時間を節約できます。 適切なアプローチにより、各テンプレートの基礎となる原則を使用して、他の一般的な設計問題を解決できます。



テンプレートのおかげで、Webでの作業がはるかに便利になります。テンプレートに頼る開発者が増えるにつれて、ユーザーは一般的なWebデザイン要素の機能の特定の原則に徐々に慣れ、そのような要素を操作するときのユーザーの認知的負荷を減らします。 言い換えれば、パターンの分布の度合いが特定のレベルに達すると、パターンは一種の投機モデル、つまりシステムの原則に関するユーザーの信念のセットになります。



新しいテンプレートを作成することと比較して、既存のテンプレートを使用する利点については、再びアーキテクチャに戻ります。 ドミトリー・ファデエフは、「独創性の価値」という記事で、19世紀の建築家であり影響力のある設計理論家であるオーウェン・ジョーンズの「装飾の文法」からの次の引用を引用しています。



過去の経験に頼らずに、芸術理論の構築やスタイルの形成を進めることは、非常に無謀な行為です。 これは、何世紀も何千年もの間、人類によって蓄積されたすべての知識と経験を拒否することに等しいでしょう。 それどころか、私たちは受け継いだ経験を尊重し、先人の足跡をたどるのではなく、真の道を求めた経験に導かれて、前任者の成功を覚えておくべきです。



最後の文には重要なメッセージが含まれています。 テンプレートの本質は、他人の作業の結果を不注意にコピーすることではなく、デザインのモデルとして使用することです。 テンプレートを使用するこのアプローチでは、開発者とユーザーの両方にメリットがあります。 そのため、開発者は、Webとすべてのユーザーの利益のために、前任者の経験を使用するだけで済みます。 最も一般的なWebデザインテンプレートを文書化する試みが繰り返し行われていますが、成功の度合いはさまざまです。 Yahoo Design Pattern Libraryに加えて、Peter MorvilleのDesign Patterns、Welie.com、および（おそらく最も成功した例の1つ）UI-Patterns.comなどのリソースがあります。

私たちに対するパターン

テンプレートを使用するすべての魅力にもかかわらず、ここには1つの大きな「しかし」があります。 多くの人はこれについて考えていませんが、それほど単純でも簡単でもありません。 さまざまな場所からテンプレートを蓄積し、内部Wikiサイトでそれらをすべて収集し、ペンを折り畳んで奇跡を待つことはできません。 単一の全体に結合し、内部テンプレートライブラリの機能をサポートすることは簡単な作業ではありません。スリーブを介してアプローチすると、何も良い結果が得られません。 Stephen Turbekの記事「デザインパターンは反パターンですか？」では、パターンライブラリに関連する問題の包括的なリストを提供しています。

• 設計パターンは学習ツールとしては効果的ではありません。
• 設計パターンは、UXの分野での経験に置き換わるものではありません。
• 図書館が充実すればするほど、勉強が難しくなります。
• 設計パターンにはかなりの投資が必要です。
• まず、設計パターンは非UXユーザーを対象とする必要があります。

この記事では、上記の問題について詳しく説明しませんので、Turkの元の記事に慣れることをお勧めします。



この記事では、すべてを正しく行ったと仮定します。 この組織で積極的に使用されている公開済みの有名なテンプレートライブラリを自由に使用できます。 ライブラリは、モデルおよびガイドラインとして使用され、現在のタスクに関係なく、不注意にコピーされることはありません。 そして今、主な質問：どのような状況で一般的なデザインパターンを放棄し、ユーザーに問題を解決する新しい方法を提供することが適切でしょうか？

パターンに反対です

すべての利点にもかかわらず、何らかの理由でテンプレートはWebであまり人気がありません。 デザインパターンの悪用の最も悪質な例は、いくつかのWebフォームを見るとわかります。 長年の研究のおかげで、実用的で便利なフォームを作成する方法のアイデアを得ました。 Luke Wroblewskiの著書「Web Form Design」から始まり、フィールド名の配置、複数列のレイアウトなどに関する無数の記事で終わるため、多くの情報源があるため、指を推測して空に突っ込む必要はもうありません。 ..実績のあるテンプレートは常に手元にあります。 そして、すべて同じように、ここではあちこちで動作することはほとんど不可能なオンラインフォームが出くわします。





テンプレートの誤った使用例として、Expotelへの登録フォームを検討してください。



これらの小さなテキスト入力フィールド、それらと左に揃えられたフィールド名の間の大きな距離、「閉じる」ボタンと「登録」ボタンの位置とデザイン（手を伸ばして「閉じる」をクリックします）を見てください？）。 また、「ようこそメッセージ」フィールドに入力することが提案されているのはどのようなメッセージですか？ どこで使用されますか？ おそらくこれがフォームデザインの失敗例であり、テンプレートからの逸脱の最も成功した例ではないことを誰も主張しないでしょう。



ただし、上記の例のように、テンプレートからの逸脱に関する判定に迅速に到達することは、常に可能なことではありません。 最近、Googleはボタンから「+」記号を削除して、Chromeブラウザで新しいタブを開くことにしました。これは批判の波を引き起こしました。 このソリューションは、ほとんどのタブ付きブラウザで使用されているテンプレートとは異なりますが、Googleはユーザー間で予備調査を行った後、このステップを実行することを決定したと主張しています。 彼らは正しい決断をしましたか？







そして、そのようなユーザーインターフェース要素に出くわすこともあります。 たとえば、ClearやPathなどのiOSアプリケーションでは、完全に新しいインタラクション操作が提供されます。これにより、ポジティブとネガティブの両方の多くの競合するユーザーレビューを獲得しました。 これは一歩前進ですか、それとも失敗した実験ですか？



ほとんどの設計決定に比べて、客観的な結論を迅速に引き出すことはかなりまれです。 テンプレートの使用と新しいソリューションの導入は反対の方向に進むプロセスであり、この反対に関連する問題に対する普遍的なソリューションを見つけることは不可能です。 はい、ユーザーは確立された作業の原則に精通しているかもしれませんが、おそらく新しいソリューションにより、同じ問題をより効率的で、場合によってはより自然で論理的な方法で解決できます。 知人から新しい未知の人への移行はどのような状況で適切ですか？ 設計パターンからの逸脱を検討する2つのケースを次に示します。

調査によると、新しいソリューションによって使いやすさが向上する

同じ既存の設計を中心に常に回っていると、「極大」の問題に直面する可能性があります。 ジョシュア・ポーターはこれについて次のように述べています。



極大値とは、現在の設計の機能の限界に達するポイントです。 これは現在の構成での最大の効率であり、それ以上を絞ることはできません。 100回修正しても、それ以上達成することはできません。それが、彼が現在の構造的基盤の下でできることのすべてです。



テンプレートを使用する場合、新しいより効果的なソリューションの出現に気付かず、すでに使用されているものを改善しようとする可能性があります。 これはA / Bテストの秘oneの1つです。これを使用すると、極大値を簡単に見つけることができますが、新しい革新的なソリューションを見つけることは不可能です。



私たちは皆、漸進的な革新の利点を知っていますが、テンプレートには根本的な更新が必要な場合があります。 各設計タスクは、新鮮な頭と明確な外観でアプローチする必要があります。 これらの問題を解決するための新しいアプローチを見つけるために努力する必要があり、それを見つけたので、選択した方向が正しいことを確認するテストを実施することが不可欠です。 Paul Scrivensは、Designing Ideasの記事で次のように述べています。



アイデアがあなたに起こった場合、あなたが最初から遠く、誰かがすでにそのようなアイデアを思いついていることを確認してください。 しかし、このアイデアを新しい観点から提示したり、他のソリューションと組み合わせて新しいものを手に入れたりすることができます。 本質的に、すべての新しいアイデアは過去の反響からの単なるポプリです。 これを実現し、当たり前のことと思うとすぐに、想像力の範囲が広がり、以前は注意を払っていなかったものからインスピレーションを引き出すことができます。



これは、ChromiumチームがChromeブラウザの「+」ボタンで行ったこととまったく同じです。 彼らは、より効果的なソリューションを見つけて、それをテストしたと確信しています。

確立されたアプローチは絶望的に時代遅れです

ほとんどのアプリケーションで保存操作のアイコンを想像してください。 フロッピーディスクを最後に見たのはいつですか？ ここにある。 周りの世界は変化しています。これらの変化は考慮に入れなければなりません。 そうでなければ、トワイラ・タルプが主張するように（イェセニア・ペレス・クルスからの引用）、私たちは習慣の奴隷になる危険があります。



ほとんどの場合、私たちは常に同じ試行された方法に頼り、私たちの周りの世界と自分自身の変化に注意を払わないという事実のために、習慣の力に陥ります。



パブリッシングでは、これに頻繁に対処する必要があります。 これは、「The Trope Must Die」という記事でスチュワートカレーが言っていることです。



テンプレート自体は非常に便利なツールですが、新しいメディアへの移行を進めることができない場合があります。 ご覧のように、デジタル出版物の進化は、（主に）印刷されたページからデジタルデバイスでのそのページの複製へのゆっくりとした前進です。 全体のプロセスは均一で、線形であり、少し退屈です。 ここでのすべては、「印刷形式で機能し、デジタルで機能する」という原則に基づいています。



そしてここで、ClearやPathなどのアプリケーションの開発者は、正しい方向への大胆な一歩を踏み出します。 彼らは、ジェスチャインターフェイスの急速な開発期間が始まっていることを認識しており、この波の頂点にいることを望んでいます。 一部の決定は失敗し、他は成功しますが、主なことは、すべてがセンサーテクノロジーを中心に展開し、これらの傾向に従って設計パターンを変換する必要があることです。







使用する設計パターンは、相互作用モデルの変更だけでなく、一般的なテクノロジーに関連する顕著な変更にも適応する必要があります。 Tammy Ericksonは、「モバイルテクノロジーが新世代を形成する方法」というタイトルの記事で、「Re-Generation Generation」を目的とする彼女の研究の結果を引用しています。 1995年以降に生まれた人はそれに属します。つまり、この世代はいわゆるY世代に続きます。



この世代では、[再生成]接続と相互作用が標準です。 人々は出会い、アイデアを交換し、自己決定し、技術的なつながりを通じて他者のアイデアを形成します。 前世代は、主に生産性を向上させるためにテクノロジーを使用していました。従来のタスクをより速く、より簡単に、より低コストで完了する必要がありました。 Re-Generationの生成に関しては、彼らのライフスタイルはコンピューティングデバイスの使用と密接に関連しています。



継続的な可用性は、アプリケーションとサービスに対するユーザーの期待を変えます。 複雑すぎると思われる遅い遷移やプロセスに我慢できなくなりました。 私たちが絶えず時間を使い果たし、私たちを延々と気を散らす世界では、私たちは登録フォームと支払いフローを見直すことを余儀なくされています。 車輪を再発明する必要はありませんが、新しいより効率的なペダル操作方法を探す必要があります。

情報に基づいた決定-正しい決定

設計パターンの使用は、見逃してはならない多くの利点と欠点の両方をもたらします。 それでも、これらの便利なツールを無視するのは不合理です。 はい、問題を解決するための普遍的なレシピはありません。 ただし、特定のガイドラインを設定することもできます。これにより、ユーザーが拒否することのないソリューションを設計できます。 以下を行う必要があります。

• 開発したアプリケーションに関連する設計パターンを検討する必要があります。 各テンプレートを暗記し、なぜそれが必要なのかを知っているので、プロセスの近似サンプルとしてテンプレートを使用できます。
• 新しいプロジェクトはそれぞれ、オープンマインドで明確な外観でアプローチする必要があります。そのため、現在の問題を解決するより効果的な方法を見つけることができます。
• 業界（および関連業界も）の発展を注意深く監視し、使用されているソリューションのレビューを伴う外部の変更に注意する必要があります。

つまり、テンプレートを考えずに使用することはできませんが、完全に無視することもできません。 必要なのは、人間とコンピューターの相互作用の原則を深く理解することです。これにより、確立された設計パターンから逸脱することの適切性に関する情報に基づいた決定を下すことができます。



投稿者： Rian van der Merwe