web-dev-qa-db-ja.com

国を選択してください:最高のユーザビリティアプローチ

私は、世界中の複数のサイトに「ミラー」を持つサイトを設計する可能性があると考えています。ユーザーがサイトの国と言語の両方を変更できるようにするための最良の方法を実験しています。 (たとえば、イタリア語のサイトを英語で表示したり、英国のサイトの言語を英語からスペイン語に変更したりする可能性があるため、この2つを組み合わせたくありません)。したがって、2つの別個のセレクターを用意したいと思います。1つは国用、もう1つは言語用です。国セレクターは、理想的にはガイダンスを探している領域です。

利用可能なオプションのうち、最も可能性の高いものは次のとおりです(他の提案は大歓迎です)。

1。ドロップダウンから国を選択するは実装が簡単で、国をアルファベット順に並べ替えることができますが、標準的なドロップダウンの問題(大量のコンテンツ-世界のすべての国!)-リストをナビゲートして使用するのは難しい)。

2。マップから国を選択するの方が直感的ですが、マップの小さな領域を選択するのは難しいでしょう(エクアドルをグローバルマップで正確に特定するにはどうすればよいですか?)これにはアルファベット順の国のリストが必要になりますあまりにも多くの画面スペースを占有します。

。フリーテキスト入力フィールド。これまで国選択でこのアプローチを見たことがありません。おそらく、ユーザー入力を効率的に解釈することが難しいためです。

他の誰かが以前にこの問題を抱えていましたか?もしそうなら、国選択のどの方法がユーザーにとって好ましいと判明しましたか?

22
JonW

すべてのページに小さなセレクターが必要ない場合は、次のようにすることができますか?

http://www.Apple.com/choose-your-country/

とにかく、このレイアウトは、小さなボタン(またはリンク)が押されたときにページの上の新しいレイヤーに表示されるかなり小さなdivに配置できます。

5
Kostya

最高のインターフェースは、まったくインターフェースではありません!

あなたのサイトを持っている IPアドレスで訪問者の郡を検出する 。これを99.5%の精度で無料で実行できます。

ピート

23
Pete Williams

国際的なウェブサイトについては、常にゼロクリックインターフェイスを提案します(ピートが説明したとおり)。ブラウザの受け入れられている言語とIPアドレスにより、国の上位5つのリストが表示される場合があり、そうでない場合は国の選択ページの先頭に表示される可能性があります。

それぞれの国/言語を英語とその母国語でリストすることをお勧めします。元のページが英語であることが明らかな場合、英語のアルファベット順を期待します。スイスのような国では、可能なすべてのペア(Schweiz/Deutsch、Suisse/Francais、Svizzera/Italiano)を追加します。

また、優れたマップの使用には注意してください。政治的に扱いにくい場合があります。東ヨーロッパ、中国、またはその他の地域。どのソースを使用しますか?地味なとき、私は通常自分がどこにいるかを知っており、自分の母国を見つけるのに世界地図は必要ありませんが、私がより無知な国を見つけるのに喜んで使用しています。

私の観察から、ユーザーは母国語または国を選択し、その選択に固執します。さらに詳しい情報や不足している情報を探すと、主要言語/国に切り替わることがあります。しかし、彼らは通常、他の言語では宝探しをしません。ただし、これはコンテンツにも依存します。Web分析は、ユーザーが言語を切り替える頻度を示します。

7
Brian

私はこれをスマッシングマガジンで見つけました-

国セレクターの再設計

http://uxdesign.smashingmagazine.com/2011/11/10/redesigning-the-country-selector/

6
puppi

フリーテキスト入力フィールドは、国名のバリエーションが非常に多いために困難です(たとえば、イギリス、イギリス、イギリス、イギリス、イギリス、イギリスなど)。言語オプション(ドイツ/オランダまたはハンガリー/マジャール)の場合、もちろんスペルミスがあります。

しかし、多くの旅行サイトで効果的に使用されています。世界のどの都市にも入ることができるトリップアドバイザー( http://www.tripadvisor.co.uk )をご覧ください。 Ajax Live Search機能を使用すると、すべての国の名前を認識できると同時に、スペルのエラーを処理できます。

3
Oliver Gitsham

チェックアウト www.3M.com 。彼らはここで説明されている方法の多くを組み込んだ素晴らしい仕事をしています。主要な地域別に国のリストが表示されます。ただし、ユーザーのIPアドレスに基づいて、国がハイライトされます。

3
Ron Grass

最初に大陸で絞り込み、次にその大陸の国のリストを提供することができます。大きなデータのチャンクではドロップダウンをナビゲートするのは難しい場合がありますが、それらを分割することで高速化できます。

別のオプションは、ユーザーの国を特定してから、別のものを選択するオプションを提供することです。この良い例がwww.aircanada.comです。

2
benry

メインの国をデフォルトとして設定し、国をリストするナビゲーションページから選択します。 IPを検出することはできますが、一部の国では、国籍が国外であるか、多くの旅行者や他の国のプロキシを使用しています。

1
jrosell

ユーザーの電話番号を収集する立場にあり、住所を尋ねる前に収集できる場合は、電話の市外局番から国(および州)を特定し、それに基づいて事前に入力できます。

0
Alex Czarto

大会に参加してください。すべての国のリストのドロップダウンがあります。ユーザーはこれに慣れています。そして、彼らはすでに自分の国を素早く選ぶ方法を知っています。したがって、時間はかかりません。

例えば。私はインド出身で、国のドロップダウンが表示されたらいつでもドロップダウンを選択し、キーボードの「I」を押すだけでアイスランドが選択されます。次のオプションはインドです。これはとても速いです。

視覚的に魅力的に見せたい場合は別の方法を試すことができますが、使いやすさの観点からは、よく知られているパターンを使用することをお勧めします。

私はAppleのアプローチを優先する。しかし、そこには両方が必要です。1。大陸ごとに国を分離します。2。スキャンを容易にするために、国名とともにフラグを表示します。

地図については、すべてのユーザーが世界地図で自分の国を見つける方法を知っているとは思えません。統計を見るのは興味深いでしょう。機会があれば、15〜20人のユーザーでユーザーテストを行うことができます。

手動での入力については、「はい」と「いいえ」を言います。自動提案にして、ユーザーが提案のみからオプションを選択できるようにする場合は、「はい」と答えます。

0
Ashit Vora

国のドロップダウンリストに問題がある人を見たことがありません。あなたの聴衆のほとんどがどこから来ているのか分かりませんか?あなたがそれを知っているなら、あなたの聴衆の大多数が来た国を単に含めることができます。

0
Michael Wilson

ユーザーに2文字のISO/ [〜#〜] iana [〜#〜] 国コード(たとえば、uk、us、caなど)を入力してもらうことが、ユーザーにとって最も効率的な方法だと思いますそして使用するサイトのために。ネットを使用するすべての人が、自分の国のコードを知っていると思います。

問題は、ほとんどのユーザーに馴染みのある名前をコンセプトに付けるのが難しいことです。あなたは試すことができます:

2文字の国コードを入力してください(例:us、uk、ca)

そして、ユーザーはアイデアを得るかもしれません。おそらく、IPジオコーディングを使用して、あると思われる国を例のリストに追加し、JSを使用して入力内容を検証し、完全な国名を展開します。

0
rjmunro

私はピートが言及したゼロインターフェースのアイデアが好きです。もちろん、言語は彼らが選択すること次第だと思います。

ドロップダウンを使用するのはどうですか(Appleのアイデアは非常にスペース効率が良いかどうかはわかりません)しかし、ほとんどのユーザーの出身国を最上位に配置します。ユーザーは米国にいるので、アルファベット順のリストをまっすぐにしても、助けにはなりません。

0
hidrees

フリーテキスト入力フィールドとドロップダウンメニュー…Chosen jqueryフィールドを使用すると、両方の長所を利用できます。これらの実装は、ほとんどの領域で使いやすさが大幅に向上しました。 http://harvesthq.github.com/chosen/

0
Taj Moore

興味深いアイデアがたくさんあり、私はいくつかを組み合わせることを提唱します。

検出は優れた最初のステップです。

ドロップダウンを提供するのは簡単ですが、それをコンボドロップダウン/自動提案に変換することはさらに優れています。このようなextJSの例(jqueryを使用することをお勧めしますが) extJS combobox です。次の例で私が行う1つの修正は、ドロップダウンをクリックしてドロップダウンを呼び出し、フィールドにフォーカスを置いて、ユーザーが瞬時に参照または入力を開始できるようにすることです。

これをより困難にするために、しかしユーザーにとってはより良いように、検出されたIPに基づいて、英数字または近接言語のいずれかでリストを順序付けます。また、autosuggestが2文字の国コード、話されている言語、または名前の両方で検索できるようにすると、これがさらに使いやすくなります。

さらに進んで、いくつかのアイテムを2つのoptgroupセクションに2回リストすることで、アルファソートと近接を組み合わせることができます。

近くの国

 United States
 Canada
 Mexico
 Rest of top 5 or 10

すべての国

 List everything here include those already listed in nearby countries
0
Chris Janssen