web-dev-qa-db-ja.com

モバイルデザイン-価格帯の選択

ローンウェブサイトのモバイルバージョンのUXを改善しようとしています。価格帯とデイピッカーを改善する方法を理解するのに苦労しています。私がこれまでに持ってきたものを同封し、改善したいと思います。

モバイルデバイスでうまく機能する可能性のある代替ソリューションをご存知ですか?

enter image description here

1
Jakub

priceフィールド(およびdueフィールドも同様)の中央の番号をクリックすると、ユーザーが手動で番号を入力できる場合は、問題ありません。

また、verticalホイールビュー/ピッカーを検討することもできます。

1

Shreyasの提案はその場にあります。

スケール「スクロールして選択」のメカニズムは本当にクールに見え、ほとんどの場合機能します。ただし、値を入力する別の方法があることを確認してください。

運動障害、パーキンソン病、巨大な親指などのユーザーがいる可能性があります。そのため、これらのユーザーが難しいメカニズムに疎外されていないことを確認する必要があります。

スライダーのアイデアを完全に捨てて、ユーザーが必要なだけ正確に値を挿入できるようにする、2つのシンプルで読みやすくタッチフレンドリーな入力フィールドを使用することを提案したくなるかもしれません。

これがゲームではなく貸出オプションであることを特に考慮すると、誰かが必要なお金の正しい値を入力できることが非常に重要になる可能性があります。

0
Socrates Kolios