小さな絵の大きな役割
単純な形と少ない色を(Apple, n.d.)、小さくても認識できること(Harley, 2014)。処理しやすい画像は美しく感じられます(Reber et al., 2004)。
仕様とコントラスト
アダプティブアイコンは中央の安全領域に(Android Developers, n.d.)。色のコントラストと視覚的階層を、カテゴリの慣習も(Norman, 1999)。
リデザインとバッジ
慣れると親しみで探すため(Isherwood et al., 2007)大幅変更は混乱を招きます。通知バッジは右上を覆います。機能を暗示すると分かりやすい(Gaver, 1991)。
よくある質問
- 文字を入れて良い?
- 小さいと読めないので避けます。
- 頻繁に変えて良い?
- 季節限定は良いですが、大幅変更は色と形を引き継ぎます。
出典確認日:2026-10-27
参考文献
- Apple. (n.d.). App icons. Human Interface Guidelines. iOSアプリアイコン指針です。
- Android Developers. (n.d.). Adaptive icons. アダプティブアイコンの層です。
- Harley, A. (2014, July 27). Icon usability. Nielsen Norman Group. アイコンの認識しやすさです。
- Isherwood, S. J., McDougall, S. J. P., & Curry, M. B. (2007). Icon identification in context: The changing role of icon characteristics with user experience. Human Factors, 49(3), 465–476. 慣れると親しみが重要になる研究です。
- Reber, R., Schwarz, N., & Winkielman, P. (2004). Processing fluency and aesthetic pleasure: Is beauty in the perceiver's processing experience? Personality and Social Psychology Review, 8(4), 364–382. 処理の流暢さと美しさの研究です。
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. デザインの慣習です。
- Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. 知覚情報と行為の関係です。
