利害関係者の議論：余白が多すぎる
背景
多国籍銀行のUXデザイナーはこちら。彼らのデジタルチャネルを最適化するプロセスで、私はアンサーエンジン/アプリケーションカタログを作成したいグループに関与しています。
数回繰り返した後、私の関係者はこの設計に同意し、このアプリの開発を進めました。しかし、時々、テキストフィールドを囲む空白についての発言や批判に耳を傾けます。私はそれが好きで、ほとんどのユーザビリティテストはユーザーがそれを励ましていると感じていることを証明しています。ただし、「ルックアンドフィール」に興奮していない関係者もいます。
私の質問
- この空白が良いことをどうやって彼らに納得させることができますか？
- それを減らすために私は何ができますか？.
ほとんどの画面は1280 x 1024です。ただし、Webサイトは1440、タブレット、およびモバイルに対応する必要があります。検索フィールドセクションの高さは440pxです。
編集：
ワイヤーフレームは君たちを騙したと思う。申し訳ございませんが説明させていただきます。 Webページが2つの部分に分割されていると想像してください。検索フィールドとアプリのカタログです。したがって、このWebページでは、ユーザーが質問を検索できます。 MVPには以前の質問が含まれています。計画は回答エンジンを構築することですが、それは将来のものです。検索により検索結果ページが表示され、アプリが新しいウィンドウで開きます。私たちのアプリのダウンロードは単なるマーケティングであり、文字通り上級管理職から追加するように求められました。
空白は必須であり、説得力があり、適切なUX問題のリソースを節約します
私は、この問題に取り組む最も切実な方法が実際のデータを使用し、空白を効率的に使用することで読みやすさとスキャン可能性が向上することを証明することであることに同意します。
ただし、リソースが限られているため、すでに無駄に使うのは悲しいです よく知られている結果 。 UXに許可された時間または予算は、特定のビジネス上の問題を解決するために費やす必要があります。
「常にアプリをダウンロードするためのリンクを提供しますか？」のようなより重要なことに集中すると、UXに大きな影響を与えます。リソースのより良い割り当ての議論は、一般的に利害関係者にとって強力なものですが、それだけでは十分ではないかもしれません。
次にできることは次のとおりです。
- 例で納得
- メリットに関するリファレンスを提供してください
この記事の最後にいくつかあります interaction-design.orgのホワイトスペースの力
- ライブゲリラテスト
上記の方法がすべてうまくいかない場合は、2つのバージョンを提示し、オフィスのランダムな人に2つのデザインについて大声で考えさせます。
それを減らすために私は何ができますか？.
ワイヤーフレームでの空白の使用には何の問題もないようです。「スペースを無駄にするのではないか」という懸念から削減しないでください。すべてが失われます。
...そして試してみてください 少し笑うために それについて。
「ホワイトスペースは無駄なスペースです」というのは神話であり、デザインを成功させるための鍵となる考えを支持する多くの議論があります。あなたは人々にそれを理解させるための最良の方法でこの結論を提示する必要があるだけです。
金融アプリでは、次の理由で空白を使用することが重要だと思います。
- デザインをより使いやすくし、あなたのケースでは最も重要なコンテンツ、検索結果に焦点を当てます。
- 読解力を向上させます。
- モダンでミニマリズムとエレガンスのルックアンドフィールを作成します。
優れた記事は次のとおりです なぜホワイトスペースがUXデザインにとって重要であるか ：
インタラクションデザインでは、ホワイトスペースは単なる美的選択ではなく、3つの重要な機能を果たします。 （...）
空白は4つの要素に分割できます。視覚的な空白（グラフィック、アイコン、および画像を囲むスペース）。余白のレイアウト（余白、余白、余白）;テキストの空白（行間のスペースと文字間のスペース）;コンテンツの空白（テキストの列を区切るスペース）（...）
空白はメンタルマップの作成に役立ちます。（...）
ホワイトスペースの力は、人間の注意と記憶の限界から生まれます
メインブロックの周りのスペースを減らすためにできることは、結果の間隔を広げることです。このようにすると、セクションの幅が大きくなり、結果の視覚化が向上します
他の回答で引用されている優れたリソースの一部と同様に、私が使用するHSBCアプリのこのスクリーンショットを表示できます。
プライマリCTAのためのホワイトスペースが少しありますが、他のCTAと広告のための十分な余地があります！ちなみにこれはiPhone 5sなので、320 x 568pxの論理解像度になります。
このページを除いて、彼らのアプリは非常に混雑していて、本当に私を困らせます:(
「利害関係者の議論」に関して、それらの「利害関係者」を悩ませている何かがあるかもしれませんが、彼らはそれに指を置くことができません空白のせいにしてください。さらに掘り下げると、宝石が見つかる場合があります。
例えば...
私の意見では、あなたのプロトタイプは底が重いです。ヘッダーを太字にして、ヘッダーと同じかそれよりも目立たないように行動を促すフレーズを表示します。また、検索ボックスは孤立しているように感じます。サポートテキストを少し追加します。
...その他の微調整。
結論としては、利害関係者は上級であり、私たちは一般的に上級ではないと考えられているため、意見と意見の比較では、勝つことはできません。ただし、ユーザーの意見がすべてに勝るので、データは私たちの友人です。空白でのA/Bテストと空白なしのテストをお勧めします。 1対1のプロトタイプ環境が望ましい。データは方程式から誇りを持ち、利害関係者はデータに対する意見を押し上げる可能性は低くなりますが、常にそうとは限りません。強い兄弟になる;）
私の意見では、それは空白についてではなく、ページに情報が不足しているため「空っぽ」である可能性があります。
あなたが私たちと共有するものは単なるモックアップであると理解していますが、それはコンテキストが不足しているようです。ページ自体のコンテキストを意味します。検索バーは何を検索していますか？アプリは何ですか？ダウンロードアプリは前の2つと何か関係がありますか？
私の印象は、余白が多すぎるのではなく、欠けているものがあるかもしれないという印象ですからです。そして、これは彼らが意味することかもしれません。