← LAB
ATLAS FRAMEWORKNOTE 02 / 03

Designing the Experience

觀看、導航與有用的摩擦

CONTENTS

Giving content a place does not guarantee that it can be seen. A container becomes an experience only when people can enter, move, pause, and return without losing their sense of where they are.

01 — 內容有了場所,不表示觀看會自然發生

ATLAS 並不提供預設行進路線,觀眾可以按照自己想要的方式進行。有人想完整閱讀一個案例、有人在 Creative 中發現構圖與比例,有人在 Fragments 花些時間逗留,也有人願意把時間交給一本 Edition 的導引觀看。

這裡沒有一個必須完成的任務,介面的任務不是把每個人引向同一個地方,而是在快速辨識、自由探索、仔細凝視與作者編排之間,提供足夠的方向,同時避免過度提示,降低催促與任務感

02 — ATLAS 是場所,不只是分類

場所讓人理解空間關係,從哪裡進入,以及如何回到原處。ATLAS 首頁的六個主要入口作為第一張認知地圖:Portfolio、Creative、LoopFlow、Fragments、Lab 與 About 分別通往不同內容狀態,但仍被感知為同一個地方。觀眾不需要先讀完一份網站說明,便能從位置、圖形、名稱與少量副標建立方向感

空間感與其說是建築比喻,不如說是實際的層級穿梭與行為:從首頁進入區域,從格網進入內容,從內容靠近單張圖像,再沿著明確可見的路徑返回

Figure 01 — 首頁先建立整體方向;進入內容後,觀看方式可以由世界入口逐步靠近格網與單張圖像。

03 — 不同內容要求不同注意力

ATLAS 各區的介面差異,取決於內容所要求的注意力不同

觀看場景 主要注意力 介面需要保留的條件
Portfolio 理解案例與結論 脈絡、段落與作品關係
Creative 觀看比例、構圖與差異 圖像完整性與自由移動
Fragments 在大量碎片中辨認世界 掃視、鄰接與重新相遇
Lab 跟隨仍在發展的問題 連續論述與可回查結構
LoopFlow 找到並使用方法 確切說明與明確入口
Editions 接受作者安排的時間 固定頁序、留白與前後關係

如果所有內容都套用同一種模板、比例或是同一種節奏,觀看經驗會被壓平。反過來說,如果每一區強力追求自身效果而沒有共同方向,又會使人不斷陷入陌生經驗中

設計的問題已經不是單純選擇「統一」或「自由」,是需要辨認哪些差異由內容所衍生,哪些語言與差異能夠在共同架構下被理解

04 — 如何在空間中穿梭

在 ATLAS 中移動經驗,講求的是穿越相鄰空間的感受,不是在選單中逐項跳轉

方向、進入、退出與返回會隨觀看層級改變具體行為,但保留相同直覺。在格網中,方向用來移動注意力;進入內容後,它可能成為前後切換或頁面內的移動;靠近單張圖像時,周圍介面隱去,退出則把視線交還給原來的位置

鍵盤、滑鼠與觸控不需要做出完全相同的手勢,但要共享可理解的方向感。特殊操作提示是經由主動發現而顯示,不會沒道理的塞到觀眾眼前

05 — 返回不是重新開始

四處探索時有個容易被忽略的考量:「我是誰?我在哪?」

當格網很長、片段很多,每次返回上一層都會打斷剛形成的空間記憶。對於長時間探索的體驗來說,會導致每次進入都變成另一個重新開始。為此設計了一個動作:系統會記住觀眾當下進入或離開的位置,內容排序不因此而意外改變,近看結束後原縮圖重新接回視線。維持注意力與空間感知,在此是一個重大考量

Figure 02 — 觀看者可以在列表、內容與圖像之間持續移動;而切換層級與返回時,原本的閱讀位置與注意力應保持連續。

06 — 內容決定介面

一致性經常被理解成重複同一個模板,但模板若先於內容,圖片可能被裁成相同形狀、研究被壓成作品介紹、文件被包裝成圖集,內容與容器不合身的機率大增

ATLAS 提供共同的語言:字體、色彩、焦點狀態、返回邏輯與安靜程度,頁面骨架則回應內容本身。Creative 保留原始圖片比例、Fragments 讓大量縮圖可被辨認、Portfolio 與 Lab 支持連續敘事、LoopFlow 採取不同的資訊密度、Editions 以書本形式建立閱讀節奏

這些差異都有共同原則:當內容形式改變時,介面應先判斷觀看需要什麼,而不是現有模板允許什麼。由介面來適應內容,是更合理的選擇

07 — OLD PROTOCOL 反過來塑造 ATLAS

OLD PROTOCOL 為 ATLAS 提供了初始的空間感:片段、失修、局部揭露、秘密,以及一座無法被一次看完的城市

這套感受轉化為介面判斷,Fragments 保留檔案與碎片感,弱提示讓空間先於規則出現;有些路徑不被主要導覽列出,依舊能夠透過線索抵達。內容與介面在這裡互相形塑:網站承載 OLD PROTOCOL,而 OLD PROTOCOL 也影響網站如何被觀看與體驗

當記憶能透過某些小麻煩來形成,而這些小麻煩也支持敘事、且能夠保留為理解的可能時,它就是價值而不是阻礙

08 — 隱藏道路與有用的摩擦

隱藏道路的價值不在於讓人失敗,而在於讓「發現」成為觀看的一部分。Off the Map 與其他留在主要入口之外的路徑,塑造出更豐富與具有層次的空間關係

可以用一些問題來判斷故意留設的阻礙是否值得

  • 移除之後,體驗會更清楚,還是只會更普通?
  • 願意探索的人是否能從線索理解下一步?
  • 它是否阻擋鍵盤、觸控或輔助科技使用者?
  • 它形成的敘事與記憶,是否足以承擔理解與維護成本?

有敘事價值並不構成忽略可及性的理由,降低揭露程度可以形成阻礙,但不會使入口消失

09 — Fragments 與 Editions:開放關係與作者順序

Fragments 與 Editions 使用相連的內容,是兩種不同的觀看經驗的邀請

Fragments 讓大量碎片同時可見。Ordered 保留累積方向,Random 暫時解除既有順序,使相隔很遠的圖像重新相遇;格網支持辨識與比較,近看則讓單張圖像獲得集中注意。這些關係保持開放,觀看者可以自行決定停留與路徑

Editions 像是由作者做導覽,固定頁序、留白、前後頁與文字共同形成時間,觀眾不再只面對探索邀請,也暫時接受一條被安排的閱讀路徑。它不是比 Fragments 更完整或更成熟,而是同一材料在另一種觀看條件下的狀態體驗

兩者之間沒有層級關係,Fragments 保存仍可形成的多種關係;Editions 在某個時間點提出其中一條可被閱讀的順序

Figure 03 — Fragments 讓圖像關係保持開放;Editions 則透過選擇、頁序與留白,形成由作者安排的閱讀時間。

結尾 — 一致性不是重複

ATLAS 的體驗設計不追求所有路徑最短,也不要求每個空間都是相同配置。介面有時提供方向,有時安靜得幾乎消失。這裡的一致性,是人在差異之間移動時,依然知道門在哪裡、自己從哪裡來,以及如何回去

Consistency is not repetition. It is the ability to move between differences without losing orientation.

一致性不是重複,而是在差異之間移動時仍不失去方向。

然而,每一種觀看條件都會增加新的狀態、規則與維護重量。當網站需要記住位置、容納多種骨架、處理大量圖像並支持出版順序,下一個問題可能不再只是介面能不能做到,而是這些差異如何在持續增建之後,仍然可以被理解與安全地修改