web-dev-qa-db-ja.com

カルーセルのページ数を表示する方法

現在、iOS/Androidアプリケーションの紹介/チュートリアルを設計しています。 4〜5ページで構成され、カルーセルコントロールで注文されます。それはグーグルプレイのものにいくらか似ているでしょう:

enter image description here

より多くのコンテンツを頭出しするためにページタイトルを出血させます(前と次のページタイトルはビューポートの外側のスカートでカットされます)。ただし、最初のドラフトについて話し合うとき、カルーセルにあるページの数を表示することを望みました。これは、ユーザーが3番目のページで10分の1であると考えて途中でドロップアウトしないようにするためです。従来のカルーセルでは、これは点線で行われます。

enter image description here

しかし、私はこのアプローチを使用することにあまり興奮していません。カルーセルのタイトルバーと組み合わせると多少冗長になると思うのも理由の1つですが、主に配置するのに適した場所がないためです。

Google Playには、ユーザーがカルーセルのどこにあるのか、カルーセルに含まれているページの数を知るための指標はありません。たぶんすべてのページが訪問される導入/チュートリアルのそれと比較して、実際のナビゲーションコントロールの前提条件は異なるかもしれませんか?

私は、あなた自身の創造的思考から、または私のジレンマに対する別の解決策を見たことがあれば、考えられる解決策のインスピレーションを探しています。

4
AndroidHustle

UIスペースに問題がある場合は、Jelly Bean独自の最小限の使い慣れたカルーセルインジケーターからインスピレーションを得てみませんか?

Jelly bean home screen carousel indicator

5
msanford

冗長ではありません。これは、人々がすでに定期的に使用している機能です。考えすぎないでください。人々は右にスライドするのに慣れています、そして人々は彼らがどこまで進んだかについての弾丸を見ることに慣れています。本当に冗長だと思うなら、カルーセルを捨てるよりも、ページにスキップするよりもアプリ内の別の目的地に移動する方が適していると思うので。できるので、カルーセルだけを使用しないでください。これは、ユーザーに付加価値とより良いUXを追加するために使用します。私はあなたを説得したり、これについて話し合ったりするつもりはありません。本当に必要な場合は、本当に考えてみてください。

しかし、以下に、私があなただったらどうするかというイメージをいくつか載せておきます。箇条書き記号andを使用することにより、番号を入力することで、ステップの数がわかります。また、テキストを利用して、完了まであと2ステップであることを伝えます。成功!

enter image description hereenter image description hereenter image description hereenter image description hereenter image description here

4
Misha Scholte

古き良きシンプルでシンプルなx/5またはx of 5見出しの後?つまりスクリーンショットを参照すると、...ategories 2/5 ______ Featured 3/5 ______ Top ...、 等々。

このようにして、進行状況や全体的なページ数を伝えたり、クリック可能なサイズのコントロールを使用するために必要な画面スペースを犠牲にする必要はありません。ただし、このソリューションでは見出しに多少の乱雑さが追加され、見出しスペースで余分な文字を追加できると想定しています。


編集:私はそれを考えただけです、もちろん、あなたはページ数の視覚的なインジケーターを使うこともできます、例えば:

enter image description here

1
kontur