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

関連記事

• 海外で話題沸騰中！イマーシブラーニング（没入型学習）とは？特徴や事例(国内外)をわかりやすく解説
• Web制作者は要チェック！ Chrome 131で新しく追加された8つのCSSの機能
• TailwindベースのWebサイトやアプリ向けに作られたノート感覚で使えるWebエディター・「Layouts」
• Kindle本の特大セールが開催！ Figmaの解説書、UIデザイン、フロントエンド開発が最安値でお買い得です
• Web制作者は要チェック！ Chrome 130で新しく追加された4つのCSSの機能

Ads

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

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