web-dev-qa-db-ja.com

Androidアプリでパラメーターを並べて比較するためのUI / UX

Android app。オーディエンスは主にAndroid縦向きの電話)モード。基本的に、ユーザーは画面で複数の製品を選択してから、「比較」と言うと次のUX/UIに移動できます。

現在私が考えているのはこのようなものです(モバイルに縮小されます)。ここで、製品は左または右にスライドでき、ユーザーはすべてのアイテムを比較して見ることができます。 -しかし、これはおそらくデスクトップとタブレットに最適であり、おそらく2つの製品の比較に最適です。 enter image description here

画像提供: https://uxmag.com/articles/comparing-compare

1
Vrashabh Irde

トップバー(3つの製品)をドッキングし、すべての機能を垂直にアイコンで一覧表示して、可用性を示します。私はこのアプローチが最も直接的であり、ユーザーがしなければならないことは(自然に)下にスクロールすることだけだと思います enter image description here

1
Savio Araujo

非常に小さなディスプレイに非常に多くの情報を表示する必要があるため、これはトリッキーなようです。ユーザーのニーズの観点から考えてみましょう。おそらく、異なる製品に関する同じ情報を比較することに興味があります(たとえば、3つの製品の「画面サイズ」を比較します。このアプローチでは、ユーザーに単一の製品のすべての情報を表示させるため、ユーザーは製品を積極的にスクロールし、情報を念頭に置いて比較し、精神的に比較します。私は、「私に考えさせない」アプローチの設計を好みます:異なる製品の同じ情報を一度に表示します。

選択入力を使用して、ユーザーに表示する情報を決定させることができます。心理学の研究から、人々は通常、ほんの少しの情報を使用してアイテムを選択することがわかっています。モックアップに修正情報として価格を含めました(おそらくユーザーが見たい主な情報ですが、最初にインタビューします!)。言うまでもありませんが、これは短いテキストでより効果的に機能します。

mockup

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

1
Marco Tatta