Tweetieから生まれた習慣
ブリクターがTweetieで導入し特許化しました(Brichter, 2013)。既にある親指の動きを更新命令に変えた発想で、Androidも公式化しました(Google, n.d.)。
しきい値・触覚・表示
引く間の追従、しきい値の合図、離した後の読み込みの三段階が重要です。しきい値で軽い触覚フィードバックを。0.1秒で反応し(Card et al., 1991)、1秒超なら進捗を示します(Myers, 1985; Nah, 2004)。スケルトンスクリーンも有効です。
使う場面と組み合わせ
新着順のフィードやメールに向き、地図などでは衝突します。無限スクロールと組むと「上は新しく下は古い」構造になります。代替の更新ボタンも残しましょう。
よくある質問
- ウェブでも使う?
- ブラウザ自体の更新と衝突するのでボタンが安全です。
- 新着がない時は?
- 「最新の状態です」と結果を伝えます。
出典確認日:2026-10-27
参考文献
- Brichter, L. (2013). User interface mechanics (U.S. Patent No. 8,448,084). U.S. Patent and Trademark Office. ローレン・ブリクターの引っ張って更新の特許です。
- Google. (n.d.). Swipe to refresh. Material Design. Androidのスワイプ更新の表示と動作のルールです。
- Myers, B. A. (1985). The importance of percent-done progress indicators for computer-human interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 11–17). ACM. 進捗表示が待ちを耐えやすくする古典研究です。
- Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. 応答時間の閾値を初めて体系化した論文です。
- Card, S. K., Robertson, G. G., & Mackinlay, J. D. (1991). The information visualizer, an information workspace. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 181–186). ACM. 0.1秒・1秒・10秒の基準を示しました。
- Nah, F. F.-H. (2004). A study on tolerable waiting time: How long are Web users willing to wait? Behaviour & Information Technology, 23(3), 153–163. フィードバックがあると長く待てるという実験です。
- Harrison, C., Amento, B., Kuznetsov, S., & Bell, R. (2007). Rethinking the progress bar. In Proceedings of the 20th Annual ACM Symposium on User Interface Software and Technology (pp. 115–118). ACM. アニメーションが体感待ち時間を変える研究です。
