進捗バー！そうなるんですね！偽物！それは何の役に立つのですか?

1984年、当時29歳だったジョブズは、個人ユーザー向けのホームコンピュータを発売することを決意した。

記者会見で彼は、第1世代のMac（Macintosh）を「自己紹介」するようにプログラムし、聴衆を驚かせた。

それ以来、彼が「生涯で最も美しい作品」と呼んだこのコンピューターは、瞬く間にヒット商品となった。価格は2,495ドルと高額だったが、それでも完売し、数千世帯に届けられた。

しかし、ジョブズがいかに才能に恵まれていたとしても、このコンピューターの設計には欠陥がありました。読み込み中、ポインター カーソルが時計の文字盤に変わるだけで、他のプロンプトは表示されませんでした。

コンピュータ ゲームをプレイしたいが、アイコンをクリックしてもコンピュータが応答しないと想像してください。もう一度クリックするかどうか迷って、少し不安になります。 3回目に時計を見ると、ついにゲームが始まります。

ようやくレベルをクリアすると、突然画面がフリーズしてしまいます。バグがあるか、次のレベルがロードされているかはわかりません。コンピュータが動作しているかどうかさえわかりません。あなたにできるのは待つこと、延々と待つことだけです。

128KB のメモリと遅いインターネット速度の組み合わせ、そしてプロンプトがないことが、このようなイライラする状況を生み出します。

これはMacに特有の問題ではありません。実は、当時は、ユーザーが待っている間に感じる不安を解消する方法を知っているメーカーは存在しませんでした。

それから 1 年後のヒューマン コンピュータ インタラクション カンファレンスで、若いコンピュータ博士の Brad Myers が非常にシンプルな解決策を提案しました。

進行状況バー（進行状況インジケーター）。

小さな進捗バー、大きな効果

1984 年以前にも進捗インジケーターは実際に存在していましたが、特に人気はなく、設計者は進捗バーがどれほど重要であるかを認識していませんでした。

マイルズが小さな実験を行って初めて、人々は、一見目立たないプログレスバーが果たす大きな役割に徐々に気づき始めました。

彼は 2 つのグループの学生に、それぞれプログレスバーありとなしのコンピューターを操作するように指示しました。最終的に、86% の学生がプログレスバー付きのデザインが気に入ったと回答しました。

彼らは進捗バーが正確かどうかさえ気にしません。そこにインジケーターがあれば、安心してパソコンの前に座って待つことができます。

進捗バーは、ユーザーがコンピューターの前で落ち着きなく動かないようにするための「おしゃぶり」に変身させることができます。

プログレスバーの前では、時間の経過さえも早く感じられます。

人間の体には時間を直接知覚できる器官はありません。心拍、食事、睡眠など、体内のいくつかのリズムは私たちに時間の感覚を与えてくれますが、時間の認識は極めて主観的なものになります。

アルバート・アインシュタインはかつてこう言いました。「かわいい女の子と公園のベンチに座っている 1 時間は 1 分間のように感じますが、ストーブに手を当てている 1 分間は 1 時間のように感じます。」

空白のインターフェースと比較すると、プログレス バーを使用すると時間の経過をよりよく体験でき、プログレス バーが異なれば効果も異なります。

たとえば、研究者たちは、平坦なプログレスバーと比較して、らせん状のプログレスバーでは被験者が時間の経過を早く感じるということを発見しました。

また、プログレスバー全体を均等に多くの小さなブロックに分割し、プログレスバーを 1 つずつ同じ速度で前進させると、ブロックの長さが短いほど、人々は時間の経過をより速く感じるだろうということも発見しました。

進捗バーは人々の忍耐力とやる気を高める

時間の認識を変えた後、プログレスバーは人々に「普通の人が耐えられないことに耐える」ことを可能にします。

人々がコンピューターを使用するときは、あらゆる操作に対して視覚的なフィードバックが必要です。このようなフィードバックがあると、ユーザーの待機に対する許容度が高まります。

ユーザー調査の専門家であるヤコブ・ニールセン氏は、1秒以上フィードバックがない場合は、ユーザーがプログラムを終了してしまう危険性があると述べています。プログレス バーを使用すると、ユーザーがプログラムを終了して待機時間が長くなるリスクを大幅に軽減できます。

進捗バーは、タスクのパフォーマンスを向上させるのにも役立ちます。たとえば、研究者は実験課題を完了するために被験者をランダムに 2 つのグループに分け、一方のグループには進捗状況の情報を提供し、もう一方のグループには提供しませんでした。

結果は、進捗情報を提供することで、タスクを実行する際の精度が向上し、反応時間が短縮されるだけでなく、モチベーションが高まり、休憩時間も短くなることを示しました。

進捗バーは大きな役割を果たしますが、実際に正確なのでしょうか?プログラムの読み込みの進行状況を計算するのは難しく、推定することしかできないため、ほとんど不正確です。

事前にプログレスバーの時間を見積もっていましたが、実際の読み込み時間はこれよりも長くなります。どうすればいいですか？

進捗バーを 99% のままにしておきます。そのため、タスク全体の残りの進行状況が 1% をはるかに超えているにもかかわらず、多くのプログラムが最後の 1% で停止していることがわかります。

しかし、上で述べたように、プログレスバーが「実際」であるか「偽」であるかは問題ではありません。進歩があれば、人類はもっと安心できるでしょう。

秘密が隠されたプログレスバー

何気なくデザインされているように見えるプログレスバーには、実はとても巧妙なアイデアが詰まっています。

単調な読み込み画面にうんざりしていませんか?デザイナーはクリエイティブでかわいいプログレスバーを作成できます。一部のプログラムでは、進行状況バーをスタンドアロン ゲームとして設定し、待機時間をリラックスして楽しむことができます。
写真

見た目の変化を操作することで「満足感」を与えるプログレスバーの種類もいくつかあります。たとえば、進行状況バーは最初は少し加速し、途中で減速し、完了間近になると再び前進し、一気に 100% まで進むことができます。

スライスの数を増やしてプログレス バーの回転速度を速めたり、回転方向をプログレス バーの反対方向に設定したりすると、速度が速くなったと誤解される可能性もあります。

デザイナーは、不確実性を示すプログレスバーよりも、開始点と終了点が明確なプログレスバーの方が好まれることも発見しました。

進捗バーが 95% で止まっていても...

プログレスバーの出現は、人間が不確実性に耐えられず、コントロール感を追求することから生じています。

しかし現実には、愛や寿命など、将来の方向性を予測できないものがたくさんあります。これらのことの進捗状況をパーセンテージで知らせてくれる便利なリアルタイムの進捗バーは存在しません。

不確実性に直面した時、人生において自分自身の進捗バーを作成しようとする人もいます。つまり、詳細な目標を設定し、マイルストーンを設定し、常に現在の進捗状況に注意を払うのです。

まったく未知の世界を受け入れ、勇気を振り絞り、不快感に耐え、霧に包まれた暗い荒野に足を踏み入れることを選択する人もいます。

どちらの道を選ぶにせよ、頑張ってください！

参考文献

1. Raczkowski、F.、Shnayien、M. (2019)。進捗指標の歴史と美学。技術館ワイヘイタ、37(3)、57–67。 https://doi.org/10.33355/tw.86775

2. https://www.youtube.com/watch?v=VJI88QIW7H4&t=1406s

3. マイヤーズ，BA（1985）。コンピュータと人間のインターフェースにおける進捗状況のパーセント表示の重要性。 ACM SIGCHI Bulletin、16(4)、11–17。 https://doi.org/10.1145/1165385.317459

4. ハリソン、C.、ヨー、Z.、およびハドソン、SE (2010)。進行状況バーが高速化されました。第 28 回国際コンピューティング システムにおけるヒューマン ファクター カンファレンス (CHI '10) の議事録。 https://doi.org/10.1145/1753326.1753556

5. Ziat, M.、Saoud, W.、Prychitko, S.、Servos, P.、Grondin, S. (2022)。進捗バーとスロバーによる時間の柔軟性。サイエンティフィックレポート、12(1)。 https://doi.org/10.1038/s41598-022-14649-1

6. Li, W.、Wang, M.、Li, W.、Cai, B.、および Shi, Y. (2020)。進捗バーの改善: ストーリーにしたり、ゲームにしたり。ユーザビリティ、ユーザーエクスペリエンス、ウェアラブルおよび支援技術の進歩、394–401。 https://doi.org/10.1007/978-3-030-51828-8_51

7. いや、FF-H。 （2004年）。許容できる待ち時間に関する調査: Web ユーザーはどれくらい待つつもりなのか?行動と情報技術、23(3)、153-163。 https://doi.org/10.1080/01449290410001669914

8. https://www.nngroup.com/articles/response-times-3- important-limits/

9. https://isux.tencent.com/articles/106.html

10. Devine, S.、Otto, AR（2022）。タスクの進捗に関する情報は、認知的要求回避を調整します。認知、225、105107。https://doi.org/10.1016/j.cognition.2022.105107

11. https://www.smashingmagazine.com/2016/12/best-practices-for-animated-progress-indicators/

12. Katzir, M.、Emanuel, A.、および Liberman, N. (2020)。タスクがいつ終了するかがわかっていれば、認知パフォーマンスが向上します。認知、197、104189。https://doi.org/10.1016/j.cognition.2020.104189

13. ハリソン，C.、アメント，B.、クズネツォフ，S.、ベル，R.（2007）。進捗バーを再考します。第 20 回 ACM ユーザー インターフェイス ソフトウェアおよびテクノロジ シンポジウム - UIST '07 の議事録。 https://doi.org/10.1145/1294211.1294231

14. https://developer.apple.com/design/human-interface-guidelines/components/status/progress-indicators/

著者: ブラックジェネラル

編集者: エメリア、ユー・シヨウ、オデット

グオクル ( ID : Guokr42 )

転載が必要な場合は[email protected]までご連絡ください。

友達の輪に転送するのを歓迎します

出典： Guokr