web-dev-qa-db-ja.com

デザイン原則と美的スタイルの違いを明確にするにはどうすればよいですか?

UIデザインで遭遇した障壁の1つは、実績のあるデザイン原則の実装と、美学とスタイルに対するデザイナーの判断とのあいまいな違いです。チーム内および利害関係者と話し合うときに、これらのさまざまな影響を明確に表現する方法を知りたいのですが。目標は、他への影響を最小限に抑えて1つを改善することです。

これについてさらに詳しく説明するために、例を挙げましょう。

UIデザイナーが新しいコンプを作成します。技術的にはそれは健全であり、実際にユーザビリティの問題はありません。設計者は、黄金比やフィッツの法則などの実証済みの設計原理を考慮に入れています。すべてが素晴らしく、良い製品を作るために前進することができますが、...見栄えが良いかもしれません。設計チームが所属していて、見た目は良いと思います。結局、それは黄金比を使用しています!では、どうしてそれができないのでしょうか?利害関係者は感銘を受けており、開発者も参加しているので、何もせずに批評しなければならないことは何ですか?

逆問題

UIデザイナーは、滑らかで光沢のある印象的なビジュアルUIデザインを、忠実度の高いモックアップとして思い付きます。これは、ドリブルや他の確立されたギャラリーで印象的です。彼らは黄金比を使用しませんでしたが、彼らは彼ら自身の判断を使用しました、そして彼らはそれでも驚くほどに見えるほど十分に才能があります。デザインには、一般的で使い慣れたUIの概念も含まれています。そのため、利害関係者は感銘を受け、開発者は始めることに興奮しています。誰もが目にするものに夢中になります。しかし、今問題は、それはよりよく働くことができるということです。

要約するには

これらの個別の影響をできるだけシームレスに結び付けて、1つの最終的な素晴らしい製品を作るのが最善だと思います。しかし、私の経験では、チームはどちらか一方に偏って焦点を合わせる傾向があります。潜在的な影響のある領域で貴重な品質を犠牲にするほどの場合もあります。

では、チームと利害関係者の内部での違いをどのように説明し、定量化して、両方が偏見なく必要な検討を行えるようにするのでしょうか。

1
Ben Harrison

これがまさに、ルックアンドフィール作業とは別にワイヤーフレームを構築する理由です。これにより、これら2つの個別の懸念事項が非常に明確に分離され、正しい順序で確実に実行できるようになります-ご指摘のとおり、非常に簡単です美的に美しいデザインを、実際に正しく機能するデザインと間違えること。

ワイヤーフレーム自体はいくつかのサブステージに分かれる可能性があります。一般に、2番目のパスでレイアウト、コントロールのグループ化、ページ要素の比率を処理する前に、全体的な構造と大まかな相互作用のデザインから始めるのが最善です。

美学、ルックアンドフィール、スタイリングの作業を開始できるのは、これらの懸念事項が解決されてからです。この段階でもレイアウトの比率と比率は微調整できますが、数値によるペイントでは機能しませんが、機能の大規模な再配置を行っている場合は、整理するまでワイヤーフレームに戻る必要があります。

同じ人が構造的デザインと美的デザインの両方を行う組織であっても、これらのタスクを同時にではなく別々に行うことが不可欠です。

  • ワイヤーフレームの価値は、ルックアンドフィールに気を取られることなく、利害関係者と設計者の両方が製品設計を独自の長所で評価できることです。
  • これらのタスクを分離することで、設計者以外の関係者を軌道に乗せることができ、構造設計に関するより有意義で有用なフィードバックが得られます。部屋の誰もが何か特定の青の色合いがどうあるべきかについての簡単な意見を述べるのは本当に簡単です。製品の機能をどのように配置する必要があるかについて、有意義な議論をすることは本当に難しい場合があります。それはより多くの思考と注意が必要です。したがって、機能的なデザインと美的なデザインの間に明確な線が引かれていないレビュー会議では、ディスカッションの99%が機能ではなく色とアイコンについて自然に発生します。 (そこにis難しい線が引かれた場合でも、これには警戒が必要です。営業担当者やマーケティング担当者などに思い出させる必要があった回数を数えることはできません。ワイヤーフレーム、今は色について話していません。来週です...)
  • (ほとんど常に)ルックアンドフィールの改善につながります。これは、設計者が構築するときに、構造についてあまり考えなくても、それに集中することができるためです。同様に、その構造は、残りの設計プロセスに有用な制約を提供します(「白紙」の前に、何をするかという段階はありません。)
  • ルックアンドフィールの利害関係者によるレビューも、全員がワイヤーフレーム段階でレイアウトと構造の問題をすでに経験しているため、最終的にはより集中的で有用なものになります。今、彼らは気を散らすことなく美学について明確に考えることができます。
2
Daniel Beck