web-dev-qa-db-ja.com

このシートをより直感的にするにはどうすればよいですか?

私は最近 オープンソースアプリケーション を書いて、中国語のライティングを練習できるようにしました。その内部の仕組みについて私が下した決定は、人間の記憶がどのように機能するかという私の理論に関連していました。具体的にどのファクトが関連しているかわからないので、コンテキストですべて説明します(関連がないと思われる場合は、[質問]セクションまでスクロールしてください)。

アプリケーションの目的は、ユーザーが漢字の書き方とその発音を思い出せるようにすることです。ユーザーが一連の漢字を入力することを想定しています。ほとんどの漢字は、メモリからは言うまでもなく、簡単に書くことができます。さらに、覚えておくと便利なストローク順序の概念があります。各文字は、特定の形状、位置、順序で書く必要があるストロークで構成されています。これはかなり複雑になります。中国人はこれを学習するための対処法として、各文字を1000回繰り返すと聞きましたが、文字数を考えると、これは時間の最善の使い方ではないと思います。

私のプログラムの仕組みは、各入力文字に対して、ユーザーが各ストロークを4回描画する方法を教えられることです-1)単独で、2)これまでに導入されたすべてのストロークで、3)コンテキストで、4)コンテキストで、支援なしで- -この例のように、ユーザーは強調表示されたストロークに記入することが期待されます(そして、これまでに導入された欠けているストロークを追加します):

example output of my program

この例では、ユーザーは中国語の最初の4桁が表示され、強調表示されたストロークと、すでに導入されたストロークを入力する必要があります。 4番目のタイルごとに、ユーザーは、既に導入されているすべてのストロークを補助なしで塗りつぶし、ジオメトリに焦点を合わせるように強制されます。

ご覧のとおり、タイルは太い境界線を持つグループに分割されています。最初の2文字を導入した後、2行目の終わりと3行目の始まりに特別なタイルのグループがあります。これは空白で、発音のヒントが含まれています。ユーザーは、キャラクターをリコールして、タイル全体に文字を書き込むことを試みることが期待されます。

質問

私の問題は、このアプリケーションは私にとっては便利ですが、他の人が使用するのは直感的でないというシグナルを受け取っているようです。 4種類のタイルが適切にマークされておらず、混乱を招いているという苦情を聞きました。また、各文字を独自の行(または数行)に配置するよう提案されましたが、スペース効率が悪いと思います。このドキュメントが語学試験の入力セットで生成された場合、20ページを簡単に超える可能性があります。

出力がページ上でどのように表示されるかをよりよく知りたい場合は、ここでプログラムをいじることができます。 https://strokes.ovh/

Q:これらの練習シートをより直観的にするために、どのような改善を適用できますか?

2
d33tah

実際の学習者とテストし、彼らのフィードバックを信頼する必要があることは、マイケルライに同意します。

一般的なUXの観点からのいくつかの回答:

  • 各文字を独自の行に配置するとスペース効率が悪くなる可能性がありますが、暗記に非常に役立ちます。コンテンツを大量に記憶するよりも、意味のある小さなチャンクで記憶する方が得策です。チャンクを視覚的に分離すると、ユーザーは暗記しやすくなります。これは、ユーザーの文化的背景にも依存する可能性があります。中国のWebサイトは、多くの場合、空白のないコンテンツで満たされています。米国およびヨーロッパのWebサイトは、より多くの空白を使用しています。

  • 実際、4種類のタイルについては何も示されていません。あなたのシステムは暗記のためにうまく機能しているかもしれませんが、ユーザーが彼らに何が期待されているかを推測する方法がないので、あなたはそれを知ることができません。シートがどのように機能するかを説明するプレゼンテーションをWebサイトに含め、生成されたファイルの上に短いチュートリアルを追加します(リピーターのユーザーに対して無効にする可能性があります)

1
celinelenoble