若い人から「これ、なんのマークですか？」とソフトウェアの「保存アイコンの絵の意味」を聞かれるケースがあるそうです。彼らにとって「四角い絵のアイコン」はデータの保存を意味することは理解できても、かつて広く使われていた磁気記録媒体「フロッピーディスク」であるという認識はないようです。私たちが日常的にクリックしている保存アイコンですが、考えるとこれは不思議な現象です。フロッピーディスクが広く使われなくなってから長い月日が経過しています。しかし、なぜフロッピーディスクのアイコンが長く使われているのでしょうか？そこで本記事では、フロッピーディスクが記号として生き続ける背景と、エンジニアが直感的な操作感を設計する際の戦略について考えてみます。
- もくじ
1. 謎？フロッピーディスク保存アイコンが生き残る理由とは？
1-1. 見たことないのに「保存」とわかるのはなぜ？
今日のデジタルネイティブ世代にとって、フロッピーディスクは教科書や博物館でしか見たことのない「歴史的遺物」だといってよいでしょう。実際のところ、若い世代でフロッピーディスクの実物を見たことがなかったり、使ったことがなかったりする人は多いようです。
興味深いのは、彼らが実物を知らなくても、フロッピーディスクのアイコンを見れば、多くが「データを保存する機能のアイコン」だと理解できる点です。これは非常に面白い現象ではないでしょうか？ 本来、アイコンは現実世界の物体を模倣（メタファー）して機能を直感させるものですが、フロッピーディスクの保存アイコンはすでに「元となった物体」とのつながりを断たれ、純粋に「保存という概念を表す記号」になっているからです。
｢Wordの保存｣は今でもFDのアイコン...｢パソコン利用者の必需品｣だったフロッピーディスクの偉大な功績 日本のパソコン黎明期を支えた｢FD全史｣（PRESIDENT Online）
1-2. カセットテープとビデオテープのアイコンは消滅した？
フロッピーディスクのアイコンが生き残る一方で、カセットテープやビデオテープ（VHSやβなど）を模したアイコンは消えてしまったのでしょうか？これらを模したアイコンは音楽再生ソフトや録画関係の機能で使われていた時期もありましたが、今はほぼ目にしません。もともと、それほどアイコンとして使われてはいなかった......という話もありますが。
ただ、再生機の側、つまりカセットテープデッキやビデオデッキで使われていた、右向きの三角「▶（再生）」や赤い丸「●（録画）」、白い四角「■（停止）」といった、抽象的に操作を示すアイコンは今でも現役です。
この違いは、フロッピーディスクの形状がシンプルだったことも背景にはあるかもしれません。「シャッター付きの正方形」という形は、正方形が２つあれば、なんとなく表現できるものだったのに対し、カセットテープやビデオテープはやや複雑で描きにくかったことも影響していそうです。もし、形状がもっとシンプルだったら録画を示すアイコンがビデオテープの形だった可能性も少しはあったかもしれませんが、赤い丸の録画ボタンの方がわかりやすいですね。
1-3. 1990年代にGUIが広まった影響
フロッピーディスクのアイコンが「保存」の代名詞となった背景には、1980〜90年代にGUI（グラフィカルユーザーインターフェース）が普及し始めたころ、フロッピーディスクが主要な保存メディアのひとつであったことが考えられます。当時のデザイナーたちは現実世界で行っている保存操作を画面上のアイコンに反映させ、ユーザーの学習コストを抑えようとしたのではないでしょうか。
GUIを採用したWindowsやMacintosh（当時）がOSの標準となると、世界中のユーザーがデータを保存するときに、フロッピーディスクのアイコンを押す操作を繰り返しました。この圧倒的な使用頻度が、フロッピーディスクアイコンの認知を向上させることに繫がった可能性も高いでしょう。
一度これほど大規模に定着してしまうと、アイコンを変えることは「ユーザーに新しい言語を覚え直させる」ほどの困難を伴います。WindowsとMacでは、アイコンそのもののデザインには違いはありますが、ユーザーはフロッピーディスクのアイコンから機能を直感的に理解しています。
2. スキューモーフィズムの基礎とメタファー進化
2-1. スキューモーフィズムとは
フロッピーのアイコンが、実物を見かけなくなった今も使われ続けている謎を解く鍵は、「スキューモーフィズム（Skeuomorphism）」というデザイン手法にあります。これは、ユーザーが知らない、新しい道具やデジタル上の機能や概念を、ユーザーがすでに知っている道具やモノの物理的な実体の外見を模倣してデザインする方法を指しています。
語源はギリシャ語で「道具」や「入れ物」を意味する「skeuos」と、「形」を意味する「morphe」を組み合わせたものです。もともとは考古学や建築の用語で、古い素材で作られていた形状を、新しい素材になっても装飾として残すことを指していました。木目調に塗装された自動車や木目調の電化製品（テレビ、エアコンなど）が一例とされます。
WindowsやMacでは、不要なファイルを消すときに利用する、以前は細かく描かれていた「ゴミ箱」アイコンも、現実のゴミ箱の形で表現することで、ユーザーは「ファイルを削除する」という抽象的な操作を直感的に理解できるようになります。「メール」関連アイコンも、現実の手紙やポストを模していることが多く、わかりやすいです。
2-2. 定義と起源：物理模倣からイディオム化へ
ITの世界においてスキューモーフィズムの普及がはじまったのは、先ほども述べたように1980～90年代にかけてのGUI黎明期でした。当時のユーザーにとって、GUIは初めて触れるもので、GUIの概念を理解してもらうためにも、デザイナーたちは現実世界の文房具やアイテムを画面の中に持ち込みました。画像に線を書き込むときの「鉛筆アイコン」やカット＆ペーストのカットのアイコンが「はさみ」だったりするのはその名残でしょう。この進化には大きく分けて二つの段階があると考えられています。
物理模倣の段階
初期は「本物そっくり」と感じさせることが重視されました。カレンダーの表現やメモ帳の表紙の質感は「アフォーダンス（操作の誘いかけ）」を生み、マニュアル無しの操作を可能にしました。
イディオム（慣用句）化の段階
時間が経つにつれ、ユーザーは物理的な実体がなくても「この形は保存」と認識するようになります。ここで、形が本来の物理的な意味を超えて、純粋な記号として自立します。
アイコンの本質は「ユーザーが実物を知っているか、知らないか」ではなく、「その形を見せただけで特定の行動を促せるか」にあります。フロッピーディスクのアイコンは、まさに「物理的な対応物」から離れ、「保存」を表す「視覚的な方言」や「イディオム」へと進化したことになります。
2-3. スキューモーフィズムの黄金時代
スキューモーフィズムの黄金時代は、2007年のiPhone登場から2012年頃までではないかと考えられています。初期iPhoneの本棚アイコンには木の板目が描かれ、「ボイスメモ」には本物のマイクのような質感が施されていました。
しかし、2013年にiOS 7が登場した頃から、トレンドは「フラットデザイン」へと転換していきます。この理由は次のようなものでした。このあたりは、Appleがグイグイと市場をリードしている印象があります。
認知の成長と成熟
ユーザーがさまざまなアイコンの操作に慣れて、本物そっくりの絵でアイコンを表現して説明しなくても理解されるようになりました。
画面の多様化
大画面と小画面がいずれも使われるようになり、シンプルな形状の方が、高精細なディスプレイやさまざまな画面サイズで視認性が高く、情報を正確に伝えられるメリットがあった。
情報過多の回避
アイコンが含む情報が過度だと、ユーザーが本来注目すべきコンテンツを邪魔して、かえって見つけづらくなる現象を避けるため。
面白いのは、フロッピーディスクやゴミ箱、メール関連のアイコン類などフラットデザイン化してなお生き延びているアイコンが多いことです。
2-4. 他の注目アイコンは？
フロッピーディスク以外にも、物理的なルーツを持つ「レガシーアイコン」は多く存在します。それらを見ていくとアイコンたちの生存戦略（!?）が見えてきます。そのほんの一例を見てみましょう。
「右向き三角 ▶」
当初の意味は再生で、ビデオテープやカセットテープがデッキ内で右方向に進む（巻き取られる）ことを示していましたが、今では「時間の進行」を意味する共通言語として使われているようです。
「虫メガネ」
虫メガネでモノを探す人を生活中に見かけることはあまりありません。辞書や百科事典の内容を探すときに虫メガネ（ルーペ）を使うことがルーツかもしれません。そこから、「探す」「細部を見る」「隠れたものを探す」という抽象的な概念を伝える記号となっています。アドベンチャーゲームなどでは、画面内を探索するときにアイコンが矢印から虫メガネに変わることがあります。
「歯車」
歯車が設定を意味することを、ほとんどの方が直感的に理解しているはずです。PCでもスマホでも、設定画面を開くときは、歯車アイコンを押すことが多いです。実際、ソフトウェア内部に物理的な歯車はありませんが、「機械の裏側の仕組みを調整する」というイメージからか、設定機能を示す記号として定着しています。人によっては映画『ルパン三世カリオストロの城』を思い出すそうですが、こちらは巨大な時計の歯車ですね。
これらレガシーアイコンの共通点は、「形状がシンプル」で「代わりとなる強力な新しいイメージが存在しないこと」でしょう。フロッピーアイコンは、そのシルエットが「保存」を表現するのに最適な抽象度を保っていましたし、右向き三角も虫メガネも歯車も代わりがいないからフラットデザインの波の中でも生き残ることができたのだと言えそうです。
3. 現代UIへの示唆：エンジニアのための実践原則
3-1. 記号的メタファーの力：学習曲線とアクセシビリティ
エンジニアが新しいサービスを設計する際、フロッピーディスクの事例から学べる教訓は、「慣習（コンベンション）は新規性（イノベーション）に勝る」という点かもしれません。画期的なアイコンを考案しても、ユーザーが理解するのに時間がかかるなら、それはUIとして疑問符が付くわけです。それが効果的なケースも想定できますが、既存のメタファーを使うことは、ユーザーの「メンタルモデル（過去の経験から形成された予測）」と接続し、学習曲線を劇的に平坦にすることは確かだと思います。
くわえて、アクセシビリティも向上します。直感的に理解できるアイコンは言語の壁を越え、子どもや海外のユーザーでも直感的に理解できます。これは絵文字も似た感覚だと思います。エンジニアが「古くなったから別なものに変えよう」と考えるのは正しいですが、ユーザーのメンタルも無視できないリスクがあるということです。
3-2. クラウド時代ならではの課題も
現代のエンジニアは新たな課題に直面しています。Google ドキュメントやNotionのように、ユーザーが「保存ボタン」を押す必要がなく、すべての変更がクラウドにリアルタイムで「同期」されるツールが主流になってきたからです。つまり、保存方法が何通りもある時代になりました。虫メガネで検索する場所も多種多様になってきています。保存方法は大きく2つになっています。
保存（Save）
ユーザーが主に自分の意思で、その時点での状態を確定して、保存すること。
同期（Sync）
ユーザーの操作に関わらず、常に最新の状態を維持してクラウドと整合性を取るか、ユーザーの意志でサーバーとデータを同一にする。
こうなってくると、環境によっては、フロッピーディスクのアイコンを配置し続けるとシステムの状況とユーザーの認識の間に乖離を生む可能性があります。くわえて、オンラインメッセージツール、例えばSlackのように「下書き」があるとより状況は複雑になります。
アイコンだけでなく、通知やメッセージで、ユーザーに安心感を与えるアプローチも大切になってきています。
3-3. 代替アイコン提案はどうする？テストで検証をする
もし、フロッピーディスクアイコンなどのレガシーアイコンを使わずに「保存」や「確定」「検索」等々の機能を表現したいなら、以下のように進めてみてはどうでしょうか？
代替アイコンの検討
ここではフロッピーディスクアイコン（保存）を例にします。例えば、クラウドアイコン（オンライン保存向きによさそうだが、いくつもほぞんがあると混乱するリスクあり）、チェックマーク（完了して自動的に同期とすることが考えられるが、保存の意味が薄そう）、誤解をなくすために「保存」「Save」とテキスト表示することもあります。テキストだと誤解は少ないですが、多言語対応の際は手間が掛かりそうです。ここであらゆる可能性を検討してみます。
テストによる検証
A／Bテストやユーザビリティテストを行って、どちらのアイコンが迷う時間が短いか、操作しやすいと感じられるかを検証します。
感覚・感想を重視しながら調整
「ユーザーが直感的に使えているか」「ストレスはないか」を観察し、メンタルと実装のズレを埋める姿勢が重要になってきます。優れたUIとは、ユーザーの脳内にあるイメージと、システムが提供する機能を最短距離で結びつけるものなのかもしれません。
4. まとめ
フロッピーディスクなどのレガシーアイコンが今も生き残っているのは、それが物理的な道具の描写を超え、世界共通の意味を表す強力な記号（イディオム）として確立されたからです。エンジニアにとって重要なのは、単に新しい形を追求することではなく、ユーザーの既存のメンタルを尊重し、学習コストを最小限に抑える視点を持つことかもしれません。クラウド時代、AI時代においてさまざまな機能の定義が変わりつつある今こそ、この小さなアイコンたちが教えるUIデザインの本質を再考して、ユーザー視点に立ったUIを考える必要がありそうです。
