web-dev-qa-db-ja.com

ユーザーに複数のテーマから選択させるべきですか?

Twitter Bootstrapで作った比較的成功しているWebサイトを運営しています。ユーザーから、私のウェブサイトのデザインと応答性が気に入っているとのことです。上記の応答性とデザインの多くは、Bootstrapを使用することからきています。

昨日 Bootswatch で起こりました。そして私はそれに夢中になりました。それにより、ユーザーにWebサイトの外観を簡単に変更させ、多くのインターフェースの問題を発生させることはありません。

私はその直後にサービスのユーザーの1人に出会い、ウェブサイトBootswatchについての会話で言及しました。私は彼に、ウェブサイトがTwitterをどのように使用したかBootstrapと、これらの追加のテーマをオプションとして追加するのがいかに簡単かを彼に話しました。

驚いたことに、彼はインターフェースの選択に反対しました。彼は、一貫性があり、シンプルで使いやすい1つのUIを持つことを強く望んでいました。

だから今私はジレンマを抱えています。ユーザーが自分でデザインを選択できるようにするか、1つのデザインを強制するか?

10
JavaAndCSharp

ユーザーはサイト/サービスを一目で認識できるはずだと思います。

色とフォントはブランディングの一部であり、通常は一定に保つ必要があります。ただし、サイトがユーザー固有のサービス(または他のサードパーティ)を実行する予定であり、それらに自分自身を表現させたい場合は除きます。

YouTubeを例にとると、サイト全体で一貫している(ほとんどが白で、濃い灰色と黒のタッチがあり、右上に赤いロゴが付いています)が、ユーザーが自分のユーザーページを「ブランド」にするためにカスタマイズできる、識別可能なデザインです。自分自身(マットが言ったことと少し似ています、あなたは彼らが彼ら自身を公表するためのサービスを提供します)

8
ewino

はい

あなたが誰にとっても正しい色が何であるかを知っていると仮定すれば、あなたは世間知らずです。

異なる人々は、次の条件に応じて異なるカラーテーマを必要とします

  • 彼らのビジョン
  • 周囲の照明(次の2つの回答を参照: TVsSunlight
  • 彼らが見ている特定のコンテンツ(たとえば、均一な色のテキストとグラフィックスまたはマルチカラーのテキスト)
  • そして彼らの気分

たとえば、次の2つのテーマを見てください。

ライトhttp://cdn.userstyles.org/style_screenshots/10661_before.gifダークhttp://cdn.userstyles.org/style_screenshots/10661_after.gif

最初の方が快適だと思う人もいれば、2番目の方が快適だと思う人もいます。

1つ目は、目立たないものを好む標準的な人々にとってより快適かもしれませんが、2つ目は、画像に集中することを好む人々、連続して何時間もコンピュータ画面を見つめる、またはより高い必要がある人々にとってより快適かもしれません視力の問題によるコントラスト。

ブランドを失うことなくこれを正しく行うための鍵は、ブランドの色を維持することですが、コントラストをいじることです。上記の例のように青を維持するか、青の明るさを変更します。または、ブランドがハイコントラストの色に基づいている場合は、黒と白、または黄色と茶色、2つの色を入れ替えます。
また、エクスペリエンスを同じに保つために、この変更をクロスサイト(すべての会社のサイトに対して)にしてください。

もちろん、限られた量の検証済みテーマを作成する必要があります(すべてのパーツのコントラスト、ブランドの色、シンプルさの外観などを検証します)。

他の人が述べたように、クライアントがサイトの一部にブランドを設定している場合は、クライアントに色を選択させます。ただし、コンテンツのタイプ(たとえば、タイトルテキストとBG、通常のテキストとBG、メニューテキスト、およびBG)-コントロールを失う可能性があるため、変更するパラメータが多すぎないようにしてください。また、色をプログラムで確認して(コントラスト、使用するさまざまな色の最大数(黒、グレー、白を除く))、またはそれよりも良い状態で、中程度の範囲の既製のテーマから選択できるようにします。

編集:テーマの最小限のセット(ほとんどのブランディングに干渉しない)は、黒にライトグレー、白にダークグレー、そしておそらくダークグレーに白、ライトグレーに黒にする必要があると思います。
テーマがブラウザにできるだけニュートラルであることを確認するには、すべての色を上書きし、デフォルト(ブラウザまたはOS)の値のままにしないでください。

余談ですが、テレビの今夜のセクションのテキストと背景のコントラストは、(どちらの画像でも)高く見えません。

5
Danny Varod

「いいえ」と入力して次に進みたくなりましたが、複数のテーマが意味をなす場合があると思います。一部の企業には、「企業間」モデルがあり、消費者に直接提供するサービスではなく、従業員にサービスを使用させる企業に提供します。時々、私はまだそれを悪い考えだと思いますが、企業は、従業員が使用するツールを特定の色またはテーマでブランド化し、企業全体のイメージに合うようにしたい場合があります。これは、複数のテーマをオプションにして、ユーザーではなくビジネスレベルまで下げることをいとわない唯一のケースです。

これについて私が強く感じる理由は、どのテーマでもブラウザの互換性テストが必要であり、常に問題があるためです。したがって、サイトを変更するたびに品質を提供するには、サポートされているすべてのブラウザーのすべてのテーマですべてをテストする必要があります。間違いがある可能性が高まります。

サイトのテーマを1つ作成します。シンプルかつクリーンで高品質を保ちます。そしてそれを徹底的にテストします。ユーザーはあなたがやったことに満足するでしょう。

1
Matt Lavoie