2019年02月27日(水)

モバイルにおけるステップインジケーターはどうあるべきか

• 0
• 164
• 47
• 81

フォームが複数ページに渡る場合、ステップインジケーターは必要不可欠です。ステップインジケーターはユーザーに対して自分たちが今どのステップにいて、あとどのくらいのステップが残っているかを示す役割があります。

画面上のスペースが限られているためモバイルフォームで、ステップインジケーターを提示することは困難です。デスクトップと同じインジケーターをモバイルフォームで使用すると、可読性と可視性の問題が生じてしまいます。

直線型 vs 放射型

直線型のステップインジケーターはフォームをデスクトップで表示する場合には適していますが、モバイルで表示する場合には適していません。モバイルフォームで直線型を使用すると、各ステップのタイトル部分が読みにくくと進捗状況がわかりにくくなります。

author:

UX MILK

http://uxmilk.jp/

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

2019年2月に読んだWeb・デザイン関連の本

         

NEXT ›

               

「アニメ × マーケティング」を成功に導くために知っておきたいポイント | 【レポート】Web担当者Forumミーティング 2018 Autumn

関連記事

• 毎日の作業ログを記録するだけのミニマルで軽量なオープンソースのデスクトップアプリ・「Small WorkLog」
• さまざまな開発者向けサービス等のロゴをSVGで提供する・「Svgl」
• Reactアプリ向けに構築されたオープンソースのNotionライクなリッチテキストエディター・「Yoopta-Editor」
• Amazonで、翔泳社 Kindleゴールデンウィークセールが開催！ デザイン書・Web制作の解説書・イラスト関連のKindle本が半額で超お買い得
• この本を読んだら、Stable Diffusionで画像生成を思い通りにできるようになった！ かなりお勧めの解説書です -Stable Diffusion画像生成［本格］活用ガイド

Ads

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。UX MILKの記事『モバイルにおけるステップインジケーターはどうあるべきか』についてまとめています。

この記事は特にUXについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のUX MILKで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとUX MILKの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。