ホームページ

タイピングアプリのスクロールバーは消すべき?

目次

  1. 他サイトの比較
  2. 調査してみた
  3. まとめと考察

タイピングアプリに特にコンテンツがないのに、スクロールバーが表示されるようなページ構造にするのはいかがなものか、という指摘がミーティングであった為、その点について、調査・実験し、考察したよん。

他サイトの比較

他のタイピングアプリにスクロールバーはあるのか。調べてみた。

寿司打 マナビジョン
マイタイピング イータイピング

調査結果として、スクロールバーがあるタイピングアプリがほとんどだった。

しかし、スクロールバーをスクロールしていくと、何かしらのコンテンツが必ずあった。

さらに、そのコンテンツのほとんどが現在プレイしているタイピングアプリについてのコンテンツであり、Mytypingだと出題されている問題文、e-typingだとスコアの詳細についての内容だった。

引用

  1. 寿司打
  2. マナビジョン
  3. マイタイピング
  4. イータイピング

プレイ中にスクロールバーについて気になるか。

タイピングアプリプレイ中にのスクロールバーの存在は気になるのか、自身やその周辺の人にプレイしてもらい調査をした。調査方法は以下のとおりである。

調査方法

  1. 前回(11/1時点)でのタイピングアプリ、余白を無くし、スクロール先にすぐフッターが出てくる様、修正したタイピングアプリ、フッターも画面内に収め、スクロールバーを無くしたタイピングアプリの順にプレイしてもらう。なお、プレイ中はスクロールする等の動きがあるか、プレイしている隣で確認する。
  2. プレイ後に、スクロールバーについて気になったか聞き、どのアプリが一番やりやすかったか、感想を聞く。

なお、本調査には、4名の方々に協力して頂いた。

調査に使用したアプリは以下の三つである。

調査結果

  • Aさん
  • 1と比べて2、3は、画面の上(ヘッダー)が小さくて問題が見やすかった。3は、オレンジ(フッター)が明るくて、目がチカチカしたので、がいいです。

  • Bさん
  • どれも一緒やん。どれでもいいわ笑

  • Cさん
  • 3番は、フッターに特にタイピングに関することとか何も書いてないから、必要ないと思う。1と2はあんまり違い覚えてないけど、問題が真ん中にあった気がするのででお願いします。

  • Dさん
  • 全部特に変わんないけど、3はフッターが問題文の邪魔してる気がした。だから、

    みんなのプレイを見て

    それぞれのプレイを見て、問題前に画面をスクロールしたのは、Dさんのみだった。Dさんは、スタート画面(一番最初の画面)で画面をスクロールし、最下部まで見てからアプリを始めていた。Aさん、Bさん、Cさんは、プレイ終了まで、特に画面をスクロールすることは無かった。

    まとめと考察

    調査結果から

    フッターの色見の問題はあるものの、アプリ3のようなフッターを画面下部に固定している形は、あまり良い印象は無かった。1と2については、調査人数が少ないが、私やその他多くの人がスクロールバーについて気にすることはないことが本調査や既存のタイピングアプリの調査により分かったが、中には徐先生やDさんのように、スクロールバーがあるとその先のコンテンツが気になるというような人もいることが分かったので、無駄な余白等は消す形が好ましいと思われる。

    その他の要因

    "そもそもフッターを見せたいのか”について考えてみると、フッターに掲載している情報は、自身の卒業ページへのリンク、研究室ページへのリンクのみであり、特にタイピングアプリについての重要情報等は記載していない。

    私自身がフッターを作成した理由は、ページとしての見栄え等の為であり、常に見てほしいかといわれるとそうでもないかなと思う。

    結論

    今回の調査から、フッターを一番見てほしいタイミングはアプリプレイした後という風に考えた。

    さらに、特にコンテンツがない中で無駄にスクロールバーが表示されるようなページ構造にすると、気になる人もいるという事が分かった。

    このことから、プレイ前や設定画面、プレイ中は、フッターは特に画面に表示せず、スクロール後すぐにフッターが表示されるようにスタイル変更し、ゲーム終了後は、スクロール無しに画面にフッターが表示されるようにスタイルを変更しようと思う。

    つまり、アプリ2をベースに、苦手問題の復習終了後に、アプリ3の形にしたらよいのでは?という考察ですが・・・

    みんなはどう思う???