web-dev-qa-db-ja.com

入力フィールドの高さはUXに影響しますか?

概要

ブラウザ内チャット機能を含むプロジェクトに取り組んでいます。 UXを改善する方法を探しています。

問題

現在、オンラインチャットUIはtextareaを提供しており、顧客は平均400文字をメッセージに入力できます。これにより、ユーザーが頻繁に失われると考える非常に長いメッセージが発生します。

質問

一部の調査では、入力領域が限られているため、より多くのユーザーがより少ない単語で考えを完成できるようになることが示唆されています。これにより、メッセージがより明確になり、応答が速くなります。

入力フィールドを短くしたり小さくしたりすると、ユーザーがより効率的に思考を完成できるようになることを示す証拠はありますか?

enter image description here

13
Aaron Benjamin

はい、絶対に言います。

大きなボックスで表示される場合、視覚的な意味は、テキストが長く、よく考えられるべきであるということです。

私たちが今行っているこのサイトを例にとります。私たちは、研究された、思慮深い返信をタイプアウトすることを意図しています。最初のボックスは、これを促進するためにいくつかの段落に合うサイズになっています。返信が少し長くなり、少し余裕が必要な場合に備えて、入力しているボックスを長くするための小さなドラッグボタンもあります。

11
Johnny Linnert

確かに、非常に単純な理由から始まるUXに影響を与えます。

使いやすさを損なうことなくスペースを最適化する

画面のサイズには制限がありますなので、-セクションにスペースを与えると、別のセクションからスペースを取得します

たとえば、2行の入力を設定すると、履歴のために不必要に 1行のスペースが失われる可能性があります。
ユーザーが2行を書き込むときに1行の固定入力を設定した場合、最初は非表示、つまりREALLY ANNOYING。

標準的な解決策は、単に動的な1行の入力を設定するであるため、input必要な場合にのみスペースが大きくなります、およびそれ以外の場合は、空き領域を使用できますその他の場合。 Facebookはこれを実装します:

enter image description here

3

入力フィールドを小さくすると、ユーザーの入力が少なくなるという証拠は知りません。

優れたユーザーエクスペリエンスは、システムのニーズに合わせて動作を変更しようとするのではなく、ユーザーのニーズを満たす必要があります。したがって、人々があなたのシステムを使用していて、彼らのメッセージを書いている間に途方に暮れていると感じた場合、あなたはそれに対応するべきです。人々はシステムが自分の意志に沿って曲がることを望みますが、その逆ではありません。

短いメッセージを書くようにユーザーの行動を変えようと試みることがなぜ価値があるのか​​私は興味がありますか?

2

はい、任意のタイプの入力の設計は基本的に、要素の使用方法に関するアフォーダンスです。

アフォーダンス

アフォーダンスは、ユーザーがオブジェクトに対して実行できる可能なアクションを示すオブジェクトのプロパティであり、それによって、ユーザーがそのオブジェクトとどのように相互作用するかを示唆します。たとえば、ボタンを回したり押したりする必要があるかのように見えます。 「回転可能」または「押し込み可能」に見えるボタンの特性は、そのアフォーダンスを形成します。

フォームと入力を設計するときは、コンテキストの入力の長さを覚えておくことが重要です。例えば。郵便番号の短い入力。これにより、フォームへの適切な入力方法に関するfeedforwardがユーザーに提供されます。

1
RobbyReindeer

私はあなたが実際に2つの別個の汎用ウィジェットを使用していると思います。 TextBoxTextAreaは、さまざまな目的で使用されます。

ユーザーがウィジェットに基づいてメッセージを書き込む方法を考えるのではなく、逆に作業して、ユーザーが入力に入力するメッセージの種類を考えます

次に、これらの入力を入力する際に​​ウィジェットを適切に設計しますユーザーを支援するため。適例:ユーザーの名前を尋ねると、常に例1が表示されます。しかし、ユーザーのアドレス、「詳細」フィールド、または「メモ」フィールドなどを要求すると、常に例2が表示されます。

あなたの例から、ある種のメッセージングアプリを構築していることがわかります。ユーザーに過度の圧力をかけずに、ユーザーの発言を制限しないようにするため、私はオプション2を使用します。これの例外はWhatsAppで、例1を使用しますが、リターンアイコン(Enterの記号)が非常に目立つように表示されているため、ユーザーは複数行のテキストを書くことができます。

0
Gaurav Ramanan