web-dev-qa-db-ja.com

国を見つけて選択する最良の方法

タブレットで地域から国への選択を行うための最良の方法を見つけようとしています。私たちは2つのアイデアを思いつきました:

  1. 地域を含む世界地図を表示します。ユーザーが地域をタップしたら、ズームインして国名を表示します。そこでユーザーは国を選択できます。

    利点

    このアプローチにより、ユーザーは地域と国を視覚的に選択できます。ユーザーは国全体に線をドラッグして国をリンクすることもできます。

    短所

    小さな国を選んでその名前を示すのは難しいです。ユーザーが世界のその地域、および対象国が存在する正確な場所に精通していない場合、ユーザーは地域を選択するのが難しい場合があります。

  2. 国のリストを表示この例のように

    利点

    国名が直接表示されます。リージョンの選択、ズームなどはバイパスされます。

    短所

    ユーザーがスクロールまたは検索する必要があり、UIが「リッチ」に感じられない場合があります。

18
Krish

コンボボックスを使用するだけではどうですか。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

ユーザーが自分の国を選択するだけでよいので、最初に地域を選択する必要があるユーザーの不必要な手順が不要になります(または、必要に応じて、選択した国に基づいて地域を推測できます)。ユーザーが自分の国の入力を開始できるようにすると、選択可能なオプションも絞り込まれます(ドロップダウンリストで利用可能なすべてのオプションを一覧表示するよりも、グラフィカルに利点があります)。

Smashing Magazineが 国の選択方法の再設計 (コンボボックスを使用して上陸した)に関する記事を書きました。彼らはこのための設計プロセスも非常にうまく文書化しており、読む価値があります。 ライブデモGitHubリポジトリ もあります。

39
Clint

間違いなくオートコンプリート付きのドロップダウンリスト(Cキーを押すと、リストはチェコ共和国にスクロールします)。地域の1つのリスト、国の最初のリストに反応する以下のリスト。地域リストにユーザーのニーズがない場合は、すべて破棄します。ここでは国のリストが不可欠です。

国の選択のように単純で面倒なものには、リッチなUIは必要ありません。ユーザーは、このステップをできるだけ迅速に実行することを望んでいます。何を考えていなくても、自動操縦と呼ばれるものはありません。UIが一意になるほど、UIが動作パターンに干渉するため、より多くの問題が発生します。

マップセレクターの付随的な問題:

  1. ブラウザに読み込む

  2. モバイルでの操作が難しい

  3. クリック数がリストよりも多いため、クリック-ズーム-ズーム-ドラッグ-ドロップ-ズーム-クリック-アンクリック広告の吐き気とクリック-スクロール-クリックの比較。時間は失われますが、ユーザーはそれを高く評価しません。

6
Zoe K

タブレットデバイスですので、自動で位置を検出できませんか?ユーザープロファイルから、またはデバイスの位置情報サービスから?あなたはそれをより長いリストのデフォルトの選択として持ち出すことができます。

4
Bart Gijssens

1:グローバルシステムについて話している場合、それはノーです。シンガポールにズームインするのは本当に大変なことかもしれませんが、クリック数が多いです。

また、米国と西部の大地では、2番目に大きな国であることは論理的に思えるかもしれませんが、一部の人々は本当に地理を吸っています。

多くのことは、どのようなシステムを構築しているか、そしていくつの国を含めているかによって異なります。それが北米のシステムであり、カナダ、メキシコ、または米国の単純な選択肢があり、ハイライトしたときに素敵な派手なライトとテキストとフラグがある場合は、問題ありません。

ただし、トラブルの大きな可能性は、ここでの実行にあります。たとえば、誰かが彼らのスクリーンを高レベルのズームに設定している場合、これらのマップはかなり乱れる傾向があります。また、モバイルでは、縦に画面全体を表示するのが難しいため、マップをスクロールするためにクリックする必要があります。番号!私はロシアにいません!

2:Appleによるフラグの使用が好きです。フラグは嫌いな人がたくさんいますが、私はそれらが大好きです。彼らは本当に目を引きます。もちろん、ビジネスが一部の地域(台湾や中国など)に進出する場合は、論争の可能性がありますが、通常はflags = yayです。

あなたが完全にグローバルであり、あなたがこのようにすべての国をリストしているなら...そして、それはちょうどうまくいきません。ただし、選択範囲が限られていて、Appleのように明確に構成されている場合は、それで問題ありません。

ただし、ニースの大きな「あなたの国はリストされていませんか?」、「国際英語版」などを必ず含めてください。

3:見られる最も一般的な方法は、醜いドロップダウンです。多くの場合、最初に表示されるよりも使いやすくなっていますが、「J」と入力すると、ジャマイカの近くまで直接アクセスする必要がなくなります。

ここで犯せる最大の犯罪行為は、標準的なアルファベット順をいじることです。 1つまたは2つの重要な市場を最高のものにする。しかし、トップに10か国を記入しないでください。Sまでスクロールして、「Ey?スウェーデンはどこですか?」

4:フリーテキストは私がかなり好きな方法です。人々にタイプして、可能性を提案させましょう。私が "UK"をクリックするだけの方が、下にスクロールするよりもはるかに高速です。

「イングランド」と入力して「イギリス」を提案するのもよいでしょう。

これをさらに良くするには、それを組み合わせることができます。

5:国を検出します。最近はとても簡単です。彼らのブラウザがそこから来ているものとして読んでいる場合、それらの米国のために自動入力します。

ただし、これにロックしないでください。自動的にアメリカのサイトに連れて行ったり、「アメリカにいると思いますが、これでいいですか?」そして、米国に少しxがあり、それをクリックすると、必要に応じて実際の場所に変更できます。

私は多くの海外で働いており、私が望む標準のサイトではなく、サイトのいくつかのローカル言語バージョンに連れて行かれるほど、私を悩ませることはありません。

4
the other one

Smashing Magazineは、優れたソリューションを説明しています ユーザビリティテストの結果に基づいています。

タイプミス、さまざまなスペルシーケンス、類義語、優先順位付けされたオプションを処理します。このための技術的に正しい用語は、「緩やかな部分一致、同義語、および重み付けされた結果を含むオートコンプリートテキストフィールド」のようなものになります。

デモはこちら

3
Ken Mohnkern

これらの方法のいずれかを使用したい場合は、2番目の方法を使用してください。画面上部に検索バーを追加して、レコードをフィルタリングします。そうすれば、ユーザーは下にスクロールする必要がなくなります。

2
Irum Manzoor