言語学習サイトで話す言語をユーザーに選択させることができない
ユーザーが言語を学ぶためにこのウェブサイトを作っています。彼らが理解する言語と彼らが学びたい言語を彼らが選択するという考えです。
ホームページでは、ユーザーが理解できる言語を選択すると、次のページに移動します。
そのページは彼らが選択した言語で書かれています。 「学習したい言語は何か」と尋ねられ、利用可能な言語のリストが表示されます。
問題は、私がサイトに表示したすべての人が、本当に望んでいたものから間違った選択をすることです。
これがホームページのスクリーンショットです。
そして、「フランス語」を選択するユーザーの次のページのスクリーンショット
ユーザーエクスペリエンスを向上させるにはどうすればよいですか？
そこで、ここで与えられたいくつかの回答とコメントからアイデアを取り入れて、私はこの解決策を思いつきました：
私は、ユーザーが話す言語をクリックすると1つのページしか作成しなかったため、ユーザーが学習できる言語が表示されました。これは彼の言語で書かれています。
これが英語のオプションです。 
そしてフランス語のオプション： 
ブラウザの定義済み言語がチェックされ、デフォルトで選択されます。事前定義された言語がない場合は、デフォルトで英語になります。
明らかに、最初に尋ねなければならないのは、ユーザーが話す言語です。その情報がないと、意味のある質問をすることができないからです。
しかし、ユーザーは言語を習得する目的でサイトにアクセスしています。あなたが彼らに言語のリストを見せれば、もちろん彼らは彼らが学びたいものを選ぶでしょう。サイトが最初に彼らが話すが彼らに発生しないことを言語に尋ねなければならないという事実。
私はそれが最初のオプションでより多くのコンテキストで解決できると思います...
- Ich spreche Deutsch
- 私は英語を話します
- ハブロエスパニョール
- Je parlefrançais
- 等...
（開示：私が多言語に対応していないため、ここでの英語以外のオプションはすべてGoogle翻訳のものです。
長く馴染みのないオプションを使用すると、ユーザーはテキストを読んでいない場合でも、最初に理解したオプションをクリックして残りを無視する可能性があります。
実際にユーザーのブラウザーから言語設定をプルできます。これをデフォルトとして使用すると、プロセスが合理化され、エントリの障壁の1つが削除される場合があります。
詳細はこちら： ブラウザの言語設定を検出するためのJavaScript
提供する柔軟性はすばらしいですが、ユーザーがこれをよりグローバルなレベルですでに処理している可能性があります。言語を変更するためにこの機能を削除することは決してお勧めしませんが、いくつかの洗練されたポイントを獲得し、ユーザーの途中で会うことができると思います。
ユーザーが学習したい言語の選択から始める場合は、そうするようにさせる（そう：プロセスを逆にする）べきです。
プロセス自体については、わかりやすくするために、選択プロセスのステップを示す、より視覚的な方法で提示する必要があります。
- ユーザーは学習したい言語を選択します。フラグや「学ぶ」単語などの視覚的な手がかりでそれをサポートします（「日本語を学ぶ」または「英語を学ぶ」のように見えます）。
- ユーザーは自分が知っている言語を選択します。
- ユーザーが[送信]をクリックします。
ガイダンスとして、ユーザーは前のステップに記入した後にのみ次のステップに進むことが許可されるべきです。ステップは同じビューで提示し、非常に簡単な方法で説明し、番号を付ける必要があります。このようにして、ユーザーはプロセスの単純さを見て理解します。
問題は、標準のUI要素を放棄することだけではないようです。現在のサイトの言語は設定として表示されます 通常、ページの上隅のドロップダウンから選択できます 。
したがって、ユーザーが言語を選択する最初のページを削除します。 @CodeMaverickの回答で提案されているように、ホームページは「どの言語を学びたいですか？」である必要があり、そのユーザーの言語を変更する追加のドロップダウンが各ページの上隅にあります。
例（CodeMaverickの画像とリンクされた質問の画像を使用）：
隅の言語を変更すると、このコントロールが通常行うように、現在のページが適切な言語で更新されます。
あなたはおそらく出会い系サイトからチップを取ることができます。 1つ1つ、フロントページにtwoドロップダウンがあるようです。
- 私は ...
- 私が探しているのは...
私はいつも両方ドロップダウンがこの順序で一緒に表示されるのを見ました。これが2段階のプロセスとして実装されるのを見たことがありません。
もちろん、言語サイトの場合、ラベルを配置する言語がわからないため、少し注意が必要ですが、ブラウザー情報から適切なデフォルトを選択するのはそれほど難しくありません。
私はあなたのウェブサイトコアゴールが人々が言語を学ぶのを助けることであると理解しているので-提供されたオプション（カルーセル、ドロップダウンなど）で「彼らが学びたい言語」のポイントにすぐに行くべきです。 ）、最初にユーザーが理解できる言語をユーザーに尋ねるのではなく、理想的です。あなたがテストしたユーザーはこれら2つの質問の間で混乱しており、質問が本当に気になっていないときに認知的負荷を少し適用する必要があると思います。
あなたのウェブサイトの目標がユーザーに言語を学ばせることであるなら-そしておそらくあなたの焦点の質問と最初はそれにであるべきです。
しかし、-現在どのようにこれらのフレーズを表示していますか-私はどの言語でですか？ポーランド人の男は、英語ではなく、選択した言語でこの最初の質問を読みたいと思うかもしれないからです。理想的には、ポーランド人がロシアに旅行した可能性があるという問題が存在し、IPを追跡しても地理位置情報が表示されますが、言語の設定は表示されません（すべての言語をポーランド語に変換するように設定してブラウザーでオーバーライドされない限り）。この問題を接続するには-
私はクラビングをお勧めします両方の質問を1つにまとめる-「ドイツ語を学びたい」、「Me gusta aprender aleman」、「J'aime apprendre l'allemand」....次の「英語」 "、"スペイン語 "、"フランス語 "。
ユーザーが「私はドイツ語を学びたい」を選択した場合、ユーザーが英語を理解し、ドイツ語を学びたいことを意味します。そのため、主な普及言語は優先的に上半分に集められ、結果として下位の言語に移動します。
最初のレベルの問題を解決したので、「スペイン語またはアラビア語を学びたい」と書き続けることができないので、「ドイツ語」の横にドロップダウン/メガドロップダウンがあり、言語をすばやく一覧表示できます「アラビア語、フランス語...」などのユーザー選択が必要です
つまり、ユーザーは自分が知っていることや学ぶ必要があることを言う必要はなく、単に学びたいことを言うだけです。質問に答えるために多くの認知的負荷をかけますが、優先または選択した言語を示すことにより、目はノイズの中ですぐにそれを読むことができます。
コンテンツ部分の設計-言語選択/学習可能性の問題に対処しました-コンテンツ全体を配置する方法-「ドロップダウンでドイツ語または外国語を学びたい」（複数の言語で）が合理的な方法で紹介されています（アルファベット順）。
コンテンツに対処するもう1つの方法は、ナビゲーションバーに居住国/世界地図を使用して、関連性の低い言語のオプションを用意することです。アンゴラをクリックすると、「ドイツ語/外国語を学びたい」という意味の言語で、ポルトガル語とバントゥ語のオプションのみが表示されます。
これらのオプションは、ユーザーと一緒に販売する可能性が高くなります。
言語の選択は退屈です。
学習したい言語の選択はfunです。
それもそのように見せてください：
- シンプルな言語スイッチャーを使用して、ユーザーの言語を選択します。
- 通常の場所に配置します（例：上部、サイトヘッダーの上）。
- 言語名はそれぞれの言語である必要があります：Deutsch、English、Français。
- ユーザーが学習したい言語を選択するために、目を引くもの（例の例のグラフィック）を使用します。
- メインコンテンツエリアに配置します。
- 言語名は、現在のユーザーの言語である必要があります：英語ユーザーの場合：ドイツ語、フランス語。
[Deutsch] [*English*] [Français]
-----
Learn languages!
"Hallo"
German
"Salut"
French
[*Deutsch*] [English] [Français]
-----
Lerne Sprachen!
"Hello"
Englisch
"Salut"
Französisch
現在のすべての回答には、1つの共通点があります。2つの言語の選択は別のページにあります。
選択の間には明らかな関係があるため、シンプルなグラフィックでユーザーに関係を示すことができます。
Hello Bonjour
Bonjour -> Hallo
Hallo Hola
Hola Hello
@ DominikOslizloの回答に、Helloの例を両方の選択から削除することを追加します。まだlearningを開始していないため、混乱を招きます。
したがって、ホームページは次のようになります。
...そして、次のページは次のようになります。
