01
WIMP Era
1973 — 2006
Xerox Alto から Mac、Windows、Mac OS X まで。Window + Icon + Menu + Pointer の基本パラダイム。マウスとキーボードが入力装置。
"The best way to predict the future is to design it."
そして、毎年その未来は再設計される。 — Alan Kay (Xerox PARC, 1971)
1973 年、米国 Xerox PARC で Alan Kay、Larry Tesler、Adele Goldberg らが Alto を完成させた時、世界で初めて WIMP (Window, Icon, Menu, Pointer) を備えた個人用コンピュータが登場した。それまでコマンドラインだったコンピュータが、突如「画面の上の物を直接操作する」装置になった事件である。
10 年後の 1984 年、Apple Macintosh が Susan Kare のアイコンと Bill Atkinson の MacPaint と共に発売され、GUI は一般市場へ普及した。1995 年 Windows 95 の Start ボタンと、2001 年 Mac OS X の Aqua インターフェース、2007 年の iPhone のマルチタッチ、2014 年の Google Material Design ── これらが画面設計のマイルストーンを刻んできた。
21 世紀の現在、UI/UX デザインは 世界で最も雇用されているデザイン職能 となった。Figma、Sketch、Adobe XD などの専用ツール、Material Design や Apple HIG などの公式ガイドライン、Stripe / Spotify / Airbnb などの自社デザインシステム ── 50 年前には存在しなかった巨大な産業を形成している。
Xerox Alto から Mac、Windows、Mac OS X まで。Window + Icon + Menu + Pointer の基本パラダイム。マウスとキーボードが入力装置。
iPhone (2007) と iPad (2010) が「指で直接画面を操作する」UI を確立。スキューモーフィズム (Skeuomorphism) が支配的だった時代。
iOS 7 (2013) と Material Design (2014) が Flat Design を主流化。各社が「Design System」を公開し、UI はパターン化・コンポーネント化された。
Apple Vision Pro (2024) が空間 UI を商業化。同時に Figma AI、Galileo、v0 などの AI ツールが UI 制作プロセスそのものを変えつつある。
1983 年 Apple 入社、Mac の初代アイコン全部 + Chicago / Geneva / Monaco フォントを設計。Trash Can、Happy Mac、Command キーの ⌘ シンボル。後に NeXT、Microsoft、IBM、Pinterest、Niantic で活躍。
"User Experience" という言葉を 1993 年 Apple で初めて公式タイトルに使った人物。著書『The Design of Everyday Things』(1988) は世界の UX 必読書。Nielsen Norman Group 共同設立者。
1992 年 Apple 入社、1996 年 SVP of Design。iMac (1998), iPod (2001), iPhone (2007), iPad (2010), Apple Watch (2015) のハードウェア + UI 統合設計。Dieter Rams の十戒を継承し、世界の UI 標準を 25 年規定した。
WebOS (Palm Pre) → Android (2010—)。Material Design (2014) の主導者。"Quantum Paper" のメタファーで、デジタル UI が物理的素材のように振る舞うフラット・モダン言語を確立。
2012 年に Evan Wallace と Figma を立ち上げ、ブラウザベースのコラボラティブ UI ツールで業界を塗り替えた。2022 年 Adobe が買収を試みるが頓挫。UI 制作ツール自体を UI にした次世代の象徴。
"Atomic Design" (2015) の提唱者。原子→分子→組織→テンプレート→ページの階層的設計手法で、Design System の方法論を体系化。Carbon、Polaris、Lightning など各社の DS 設計に影響。
Mac の Susan Kare 時代。32×32 px の白黒ドットで意味を伝える職人芸。
Mac OS X Aqua、Windows XP Luna。透明感、立体ボタン、グラデーション全盛期。
iPhone 初期。実物の革のメモ帳、本棚、新聞紙などを画面に再現する模倣デザイン。
iOS 7 と Material Design が同時にスキューモーフィズムを排除。フラットでクリーンな表現へ。
visionOS の透明な空間 UI。AI 補助による生成的 UI。物理空間と画面の境界が消える。
UI/UX 史が世界に手渡しているものは、「画面が新しい紙になった」 事実である。Gutenberg が活版印刷を発明してから 500 年、世界の情報伝達の主要メディアは紙だった。だが 1973 年の Xerox Alto から 2007 年の iPhone を経て、現在は 1 日の覚醒時間の半分以上を画面に向ける 状況になった。グラフィックデザイナーの活動領域は、紙から画面へと完全に移行した。
同時に、UI/UX デザインは 従来のグラフィックデザインとは異なる新しい職能 として発展した。タイポグラフィ + 写真 + イラストに加えて、インタラクション、状態管理、アニメーション、レスポンシブ、アクセシビリティ、データバインディング ── これらすべてを同時に設計する技術が必要になった。Don Norman、Jakob Nielsen、Steve Krug、Brad Frost らがその学問を体系化してきた。
21 世紀後半、UI/UX デザインは 「最も民主的なデザイン領域」 でもある。Figma があれば誰でも始められ、世界中の Stripe / Linear / Notion / Spotify / Apple HIG / Material のドキュメントは公開され、Twitter / X や Dribbble、Layers でコミュニティが活発に議論する。1973 年に Alan Kay が Alto の前で夢想していた 「全ての人が自分のコンピュータを設計する未来」 は、ある意味で実現した。