web-dev-qa-db-ja.com

ユーザーがデザインを変更できるようにするときのデザインの一貫性の問題

外観を完全に制御するアプリケーション内のユーザー設計の一貫性の問題を解決する最良の方法は何ですか?

たとえば、ユーザーは要素Xのフォントを選択してから、後で要素Yを追加しますが、Xで使用したフォントを覚えていないか、チェックアウトするのが面倒なので、別のフォントを選択します。ユーザーが正しいフォントを選択できるようにフォントセレクターを表示できますか?

2
user81336

ユーザーがXまたはYのいずれかに固有のフォントを設定できる理由がわかりません-確かに、フォントコントロールをグローバル変数として配置できます。すべての要素に対してフォントを1回設定します。 -この方法では、ユーザーは一貫した選択しか行えません。

ユーザーのカスタマイズを処理するときは、限られた選択肢に固執するのが最善であり、ほとんどが大規模です。システム全体でフォントや配色などを選択できるので、サイトがGeoCitiesのように見えることはありません。

3
Andrew Martin

この種の機能を含むほとんどのCMSを確認する必要があります。彼らが通常行うことは、フォント、色、および構造の選択(列、全幅とボックス化など)を備えた事前定義されたレイアウトセットを提供することです。個人的には、追加のHTMLおよびCSSコーディングでさらに変更する方法も提供しています。これは上級ユーザーのみが使用するため、簡単に自由に微調整できます。

この決定をユーザーに任せることは大きな問題です。 CMSサンプルに戻ると、ほぼ毎日「このテーマを使用しましたが、デモのように見せることはできません」または「デザイナーを雇って、テーマを思い通りに見せたい」という主張を毎日受けています。どー。追加する選択肢が多いほど、通常のユーザーが適切に見えるものを作成する可能性が低くなります。デザイナーはトレーニングを受けており、専門家であり、理論と傾向を知っています。ほとんどのユーザーは、自分の好みが素晴らしく、他に類を見ないものだと考えています。それでも、サイトの見栄えが悪い理由を正確に伝えることはできません。そして、答えは常に...あなたのコーディングで終わります。そのような単純な。

つまり、これはWE do:

  • これが最終ユーザー向けである場合、調査を行い、最終的には、よりカスタマイズされたCMSでユーザーをトレーニングします。ただし、ユーザーを狂わせることがないように、常に厳格な境界を設定しています。私たちは単に彼にサイトを壊させません。

  • これが幅広いユーザーベースの場合、境界はさらに厳しくなり、ほとんどのレイアウトは事前定義されており、カラーパレットと組み合わせも、せいぜいいくつか残しますフォントの選択。ヘッダーには5〜10のフォントファミリーを選択でき、テキストにも同じフォントファミリーを選択できます。私たちはプロなので、たとえ「限定的」に見えても、プロフェッショナルな製品を提供する必要があります。

これについて考えてみてください:人々は家具を組み立てるのが好きではありません。彼らはそれが安いのでそれを行いますが、100回のうち100回は専門的に取るでしょう「自分で作る」がらくたの上に家具を建てた。いくつかのエンジンと金属を与えることは、常連の人を自動車エンジニアにすることにはなりません。それで...なぜサイトでそれをするのですか?サイトはIkeaチェアの価格の何倍もの収入をもたらす可能性があるので、なぜ誰もがこのように行きたいのでしょうか? (もちろん、Envatoなどでテーマを販売しているのでない限り、「1,000,000のオプションを提供しているので何でもできる!」)

要するに

一貫性が必要な場合は、まずオプションを制限することで、独自のルール内ですべてを一貫性のあるものにしますランダム性のための任意の部屋

編集:モバイルを重視していますが、 "バックエンドデザインを使用してカスタマイズ可能なフロントエンドモバイルエクスペリエンスを作成する"

2
Devin

それは私には少し矛盾のように聞こえますが、ユーザーに対して外観を完全に制御する場合、どのようにして一貫性のある選択を行うように制限することができますか?

一般的な戦略の1つは、ウィンドウや他のオペレーティングシステムが行うようなテーマをユーザーに提供し、一連のスタイルをユーザーインターフェイスに適用し、特定の要素をすべてではなくカスタマイズできるようにすることです。

もう1つは、すべてのユーザーインターフェイスコンポーネントをユーザーに提供し、そのコンポーネント内の個々の要素をカスタマイズできるようにすることです。たとえば、bootstrapテーマ修飾子ツールで実行できる機能などです。

あなたはあなたがユーザーのために働く2つの間に何かを見つけると確信しています。おそらく、ユーザーがカスタマイズすることを選択しているものについて分析を行うことで、ユーザーがカスタマイズできるものと比較して、何を制御できるかを把握できます。

2
Michael Lai

フォントのカスタマイズを提供することは見栄えのよい機能のように思えるかもしれませんが、選択肢の数に制限を課したい場合があります。デザイナー以外の人がフォントを選択することは、決定する選択肢が増えると難しくなります。フォントが異なるファミリのものであるように選択して、決定を容易にします。理想的な選択肢の数は4つか5つで、そのうちの1つはユーザーが決着するものです。

1
uxpalette

デザインの種類ごとに「最近使用した」セクションを指定するだけです。たとえば、フォントを変更するときに、MS Wordで提供されているような最近使用されたフォントがある場合:

enter image description here

色については、最近使用した色を使用します。

enter image description here

等.

必要に応じて、その下に使用場所を示すラベルを追加できますが、ユーザーがあまりにも多くのフォントや色を使用していない限り、最近使用した小さいリストからどこに行くかを判断できるはずです( "Ahh Arial Bold isヘッダーで使用したもの」)。

1
DasBeasto