2019年05月18日(土)

スマホでも見やすいステッププログレスバーの表示方法を考える 可読性と視認性を高める工夫

• 0
• 0
• 0
• 3

フォームに複数のページがある場合、ステップは無くてはならないものです。ステップは自分がいる段階や残りのステップ数を示して、進行状況をユーザーに知らせます。

モバイルフォーム上にステップを表示するのは、画面スペースが限られているので難しいでしょう。モバイルフォームにデスクトップフォームと同じステップを使うと、読みにくくなったり、見にくくなったりしてしまいます。

直線型ステップ Vs 放射状ステップ

直線型ステップはデスクトップフォームには適しているのですが、モバイルフォームには適していません。モバイルフォームで直線型ステップを使用すると、ステップのタイトルが読みにくくなり、進行状況をたどるのが難しくなります。

author:

SeleQt（セレキュト）

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

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

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

         

‹ PREV

               

Webディレクションの力で吉田寮を救えないか考えた

         

NEXT ›

               

Twitter 人気のつぶやき 5/4〜5/17 2019

関連記事

• 参考になる訪日外国人観光客の動向データ10選
• 価値のあるリンクを惹きつける、インタラクティブなコンテンツ５種類
• なにこれ欲しい！おしゃれなショップカード7選
• popInがECサイト用に画像認識技術を使った画像レコメンド「popIn Action」を開始
• Webマーケターこそ押さえたい！プッシュ通知まで使えると話題のプログレッシブWebアプリとは

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『スマホでも見やすいステッププログレスバーの表示方法を考える 可読性と視認性を高める工夫』についてまとめています。

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