5-PATTERNS OF HYPERTEXT
9. NAVIGATIONAL FEINT
5-PATTERNS OF HYPERTEXT
9. NAVIGATIONAL FEINT
导航虚晃
The Feint establishes the existence of a navigational opportunity that is not meant to be followed immediately; instead, the Feint informs the reader of possibilities that may be pursued in the future. By revealing navigational opportunities even where they may not be immediately pursued, a hypertext writer conveys valuable information about the scope of the hypertext or about the organization of the ideas that underlie it.
Feints often appear in the guise of navigational apparatus. For example, a hypertext may begin with a map or table of contents that provides an overview of the entire work and provides direct access to selected places within the hypertext. While the navigational function is not unimportant, the rhetorical importance of the overview itself should not be overlooked.
“虚晃”建立了一种导航机会的存在感,但这种机会并不是让读者立即去追随的;相反,虚晃是告知读者有一些可能性,将来可以去探索。通过揭示导航机会 — — 即使这些机会在当下可能并不需要立即被追随 — — 超文本的作者传达了关于超文本范围或其背后思想组织方式的有价值的信息。
虚晃常常以导航工具的面貌出现。例如,一个超文本可能以一张地图或目录开头,提供整部作品的概览,并提供直接通往超文本内部选定位置的入口。虽然导航功能并非不重要,但概览本身的修辞重要性也不应被忽视。
解释:虚晃就是让你看到“这里有条路可以走”,但不期望你现在就走。它的目的是让你对整个超文本的范围和结构心里有数。虚晃经常伪装成导航工具的样子。这里的“地图”(map)不是地理地图,而是站点地图(site map)。一个页面上列出了整个网站的所有板块和子页面,用缩进或树状结构排列。
画面: 你打开一本Notion笔记本或一个在线文档,左边有一个侧边栏,列出了所有章节标题。你可以点任何一个直接跳过去。这就是作者说的“提供整部作品的概览,并提供直接通向内部选定位置的入口”。
大多数人觉得目录和站点地图就是工具 — — 帮你找到想去的地方。但作者说,别只把它当工具看。一个目录光是被你看到,就已经在传递信息了。你还没有点进任何一个章节,但你扫了一眼目录,就已经知道了这个作品大概有多大、涵盖了哪些主题、哪些部分看起来重要。
日常例子: 你拿起一本书先翻目录。你不会立刻跳到第七章去读,但你扫一眼目录就知道了这本书的结构、范围和重点。这个“扫一眼”的动作本身就有价值 — — 它不是导航,它是认知定向,让你在正式开始阅读之前就对整体有了一个心理模型。作者说的就是这个意思:目录不只是帮你跳转的工具,它本身就是一种修辞手段。
Prominent and detailed navigational Feints are especially useful for establishing the scope and shape of a hypertext. Just as important, Feints may help establish what the hypertext omits. Notice that the feint need not always be strictly accurate; it is sometimes useful to deliver more than what was initially promised. For example, the classic HyperCard 1.0 Help [5] presented a thumbtab overview that suggested to new readers that instructions on programming were only a minor part of the hypertext; readers who might be deterred from using a complex product were reassured that programming appeared to be a minor feature. In fact, over half of the hypertext was devoted to a programming reference manual. The navigational feint on the cover concealed this from programming-averse users, while those who wanted to consult the programming section were pleasantly surprised by its unheralded scope.
突出而详细的导航虚晃对于确立超文本的范围和形态尤其有用。同样重要的是,虚晃可以帮助确立超文本省略了什么。需要注意的是,虚晃不必总是严格准确的;有时候提供比最初承诺的更多的内容是有用的。例如,经典的HyperCard 1.0帮助系统[5]展示了一个标签页概览,向新读者暗示编程方面的说明只是超文本中的一小部分;那些可能因为复杂产品而退缩的读者被安抚了,因为编程看起来只是一个次要功能。事实上,超过一半的超文本内容都是编程参考手册。封面上的导航虚晃对怕编程的用户隐藏了这一点,而那些想查阅编程部分的人则会惊喜地发现它的规模远超预期。
解释:虚晃能告诉你”有什么”,也能告诉你”没有什么”。你扫一眼网站的导航栏或者目录,不仅能看到”这个网站涵盖了A、B、C”,也能注意到”咦,这个网站居然没有D”。比如你打开一个博物馆网站的导航,看到”绘画”、”雕塑”、”摄影”,但没有”装置艺术”。你立刻就知道了这个博物馆的收藏范围不包括装置艺术。目录的空白处也在传递信息。
虚晃不一定要准确。目录或导航给你看到的”地图”,可以故意跟实际内容不完全对应。这不是bug,可以是一种刻意的设计选择。HyperCard是80年代苹果电脑上的一个软件,它的帮助系统有一个标签页式的目录。这个目录的设计让编程相关的部分看起来只占很小一块 — — 可能就一个小标签。
导航和目录不只是中性地展示内容结构,它还可以被设计者有策略地操控,来管理不同用户的心理预期。这跟之前那个”超文本可以抵抗”的思路是一脉相承的 — — 设计者不只是被动地呈现信息,而是在主动塑造用户的体验。
Moulthrop’s Victory Garden opens (in some readings) with garden maps that schematize the narrative [59]. The core narrative in Kathryn Cramer’s “In Small and Large Pieces”[18] is epitomized in episode outlines, cryptic epigrammatic lists that begin each narrative section and that lend the central narrative an apparent order and regularity that contrasts sharply with the disorder of the story’s Mirrorworld.
两个文学超文本的例子
Moulthrop的《胜利花园》:你一打开这个作品,看到的是一张花园的地图。这张地图表面上是一个花园的平面图,但实际上它在用花园的空间布局来表示故事的叙事结构 — — 哪些情节在哪个”区域”,它们之间怎么连接。你还没开始读故事,光看这张地图就已经对整个叙事的规模和形态有了一个大致印象。这就是虚晃 — — 它不是让你立刻跳到某个章节去,而是先让你”看一眼全貌”。
Cramer的《碎成大大小小的片》:每个叙事章节的开头都有一个简短的大纲列表,用很简练、像格言一样的短句概括这一章的内容。这些大纲让中心叙事看起来井然有序、很有规律。但作者故意这样做是为了制造反差 — — 因为这个故事的镜像世界部分是非常混乱和碎片化的。大纲给你一种”一切都在掌控中”的假象,而实际读下去你会发现根本不是那么回事。这也是虚晃 — — 它给你的预期跟实际体验之间存在落差。
Stephanie Strickland’s True North [73] and J. Yellowlees Douglas’ “I Have Said Nothing” [22] use utilitarian Storyspace maps as unconventional Feints: the layout of lexia simultaneously describes a structure and illustrates a central motif.
把工具性地图变成艺术表达
Storyspace是当时写超文本的软件,它有一个功能:你可以看到所有阅读单元(lexia)在屏幕上的空间排列,像一张流程图或者便利贴墙。这个地图本来纯粹是作者用来管理自己写作结构的工具,就像你在Miro或者FigJam上排卡片一样。
但Strickland和Douglas做了一件有创意的事:她们故意把这些阅读单元在地图上摆成有意义的形状或图案。这样当读者看到这张地图时,它不仅是一个”哪些内容在哪里”的功能性导航,同时也是一幅图 — — 这幅图本身就在表达作品的核心主题。就好比你在Miro上整理读书笔记,但你故意把所有卡片摆成一棵树的形状,因为你的主题就是”知识的生长”。地图既是工具也是隐喻。
In addition to their utility as introductory and framing devices, Feints may form a recurrent motif throughout the hypertext’s structure. Spatial narratives like Myst 1571 offer navigational feints in the form of doorways, structures, and other pathways that intersect the reader’s route; here, Feints signal possible openings for new narratives, roads the reader-protagonist may later choose to travel.
Myst游戏的例子
这个例子可能是对你来说最直观的。Myst是90年代非常有名的解谜游戏。你在一个神秘的岛上探索,走来走去会看到各种门、建筑、小路。有些门你现在打不开,有些路你现在走不通,但你能看到它们在那里。
这些打不开的门和走不通的路就是虚晃。它们在告诉你:”这里有东西,但你现在还不能去。”你心里会记住这些地方,等你后来获得了钥匙或者解开了谜题,你就会回来探索。虚晃在这里的作用是制造期待和好奇心 — — 你知道前方有更多内容等着你,这让你保持探索的动力。
这个跟现在很多开放世界游戏的设计是完全一样的 — — 你在《塞尔达传说》里看到远处一座你暂时到不了的塔,那座塔就是一个虚晃。
In narrative, navigational feints can establish spatial and temporal relationships without interrupting the narrative strand. By establishing a conventional link type — for example, an icon denoting “link to a simultaneous event occurring elsewhere”- a narrator can clarify and interconnect disparate events without interrupting the topic under discussion. Artful use of feints may also manage dramatic tension through foreshadowing: if we provide a link from Alice and Herschel’s inauspicious first meeting in a Tulsa oncology clinic to the birth of their daughter in Stockholm, the knowledge gained from the existence of the link sets up undercurrents of expectation and inquiry off which the rest of the narrative may play. By disclosing some parts of the future we may refocus the reader’s attention and shift tension from one dramatic thread to another, or may shift energy from wondering how events unfold to permit better concentration on why they unfold as they do [43][30][6].
在叙事中,导航虚晃可以在不打断叙事线索的情况下建立空间和时间关系。通过建立一种约定的链接类型 — — 例如,一个表示”链接到同时在别处发生的事件”的图标 — — 叙述者可以澄清和互联不同的事件,而不必打断正在讨论的话题。巧妙地使用虚晃还可以通过”伏笔”来管理戏剧张力:如果我们提供一个链接,从Alice和Herschel在塔尔萨肿瘤诊所的不太顺利的初次见面,连向他们女儿在斯德哥尔摩的出生,那么仅仅从这个链接的存在中获得的信息,就建立了期待和好奇的暗流,叙事的其余部分可以围绕这些暗流展开。通过揭示未来的某些片段,我们可以重新聚焦读者的注意力,将张力从一条戏剧线索转移到另一条,或者可以将读者的精力从猜测事件如何展开转移到更好地专注于理解事件为什么如此展开[43][30][6]。
解释:
虚晃可以在不打断你当前阅读的情况下,让你知道别处正在发生什么。
想象你在读一个故事,讲的是角色A在北京做某件事。页面边上有一个小图标,悬停上去显示”此刻在纽约”。你不用点进去,光看到这个图标就知道了:在A忙着做这件事的同时,纽约那边也有事情在发生。你可以选择现在就点过去看,也可以继续读当前的内容,等会儿再去看。
关键是:这个小图标没有打断你正在读的故事,但它在你的脑海里建立了一个时空关系 — — “哦,这两件事是同时发生的”。如果没有这个图标,你可能读完A的故事再读B的故事时,根本不会意识到它们是同时发生的。
虚晃可以当伏笔用,而且比传统伏笔更直接。
Alice和Herschel的例子是这样的:你正在读两个人在塔尔萨一家肿瘤诊所的初次见面。”肿瘤诊所”这个地点已经暗示了疾病、可能的死亡、沉重的气氛。他们的见面”不太顺利”(inauspicious)。整个场景的基调是灰暗和不确定的。
但是,页面上有一个链接,目标写着”他们的女儿在斯德哥尔摩出生”。
你不用点这个链接。光是看到它存在,你就已经知道了三件事:这两个人后来在一起了;他们有了孩子;他们去了斯德哥尔摩。你读那个令人不安的初次见面场景时的心态完全变了 — — 你不再焦虑”这两个人会不会在一起”,因为你已经知道答案了。你的注意力从”会发生什么”转移到了”怎么发生的”和”为什么”。
作者最后那句话总结了这个效果:通过提前揭示部分未来,我们可以把读者的精力从”猜测接下来会发生什么”转移到”理解事情为什么会这样发展”。 这是一种非常高级的叙事控制 — — 不是靠悬念吊着你,而是靠已知信息重塑你的阅读视角。
The Feint is also important in the design of hypertextual catalogs. As department stores discovered long ago, it is important both to offer the shopper a comprehensive array of desirable goods and to arrange those goods to form a coherent and compelling trajectory as the customer moves through the store. At its best, this provides efficiencies for both the shopper and the store: shoppers discover items they want to buy but might otherwise have overlooked, and the store gains additional transactions without incurring additional marketing costs. Catalogs similarly benefit from appropriate interconnection and by providing useful Feints en route to the object of desire [68]. By indicating the presence of other relevant items, the hypertext catalog can increase its efficiency without inconveniencing or delaying the reader.
这段在说虚晃在商业场景中的应用,其实就是你每天在网上购物时遇到的东西。
作者先用实体百货商店做类比。你去逛宜家,宜家不会把所有商品堆在一个大仓库里让你自己找。它设计了一条固定的行走路线,让你从客厅区走到卧室区再走到厨房区。你本来是去买一个书架的,但沿途你会经过台灯区、收纳盒区、小饰品区。你没有特意去找这些东西,但它们出现在你的路径上,你看到了,觉得”哦这个也不错”,顺手就买了。宜家既满足了你买书架的需求,又让你在途中发现了额外想买的东西。
作者说超文本目录也是一样的道理。你在亚马逊上搜一本书,找到了你要的那本。但页面上还有”经常一起购买的商品”、”看过这本书的人也看了”、”同类书籍推荐”。这些推荐就是虚晃 — — 它们不打断你买当前这本书的流程,但它们让你知道还有其他相关的东西存在。你可能现在不点,但你记住了,下次可能会回来买。
最后一句话是重点:”通过指示其他相关商品的存在,超文本目录可以在不给读者带来不便或延迟的情况下提高效率。”关键词是不延迟。好的虚晃不会挡在你面前强迫你看,它只是安静地出现在旁边。你想看就看,不想看就继续走你的路。它增加了信息但没有增加负担。
这跟前面那些文学例子的逻辑是完全一样的 — — 虚晃的本质始终是:让你知道某个东西存在,但不强迫你现在就去关注它。 在小说里它是伏笔,在游戏里它是打不开的门,在电商里它是侧边栏的推荐商品。形式不同,原理相同。
虚晃的本质就是”让你知道那里有东西,但现在不用去”。 最日常的例子:你打开一个网站,顶部导航栏列着”关于我们”、”产品”、”博客”、”联系我们”。你是来看产品的,但导航栏让你知道博客和联系方式也在那里,以后需要的时候可以找到。导航栏本身并不期望你立刻点遍所有选项 — — 它的作用是让你心里有数。
虚晃可以故意不准确。 HyperCard的例子特别有趣:帮助系统的目录故意让编程部分看起来很小,好让怕编程的新手不害怕。实际上编程内容占了一半以上。这是一种善意的”欺骗” — — 通过虚晃的设计来管理用户的心理预期。你在现实中也见过这种手法:很多App第一次打开时只展示最简单的功能,高级功能藏在深处,等你用熟了才慢慢发现。
虚晃可以制造伏笔。 Alice和Herschel的例子是全文最直观的一个:你在读两个人在肿瘤诊所(这暗示了疾病和不确定性)初次见面的场景,旁边有一个小链接写着”他们的女儿在斯德哥尔摩出生”。你不用点这个链接就已经获得了巨大的信息 — — 这两个人后来结婚了,有了孩子,而且去了斯德哥尔摩。这个链接的存在本身就是叙事的一部分,它改变了你阅读当前场景的心态。
虚晃在电商中的应用。 最后一段其实就是在说亚马逊式的”看了这个的人也看了那个”。你在找一本书,页面侧边栏推荐了相关的书。你现在不会去买那些推荐的书,但你知道了它们的存在,也许下次会回来。这就是商业语境中的虚晃 — — 不打断你当前的目标,但在路径上埋下未来可能的导航机会。
Claude Opus 4.6
메타데이터
- post_id
- f5d70c9fcd1f
- slug
- 5-patterns-of-hypertext-f5d70c9fcd1f
- url
- https://medium.com/@xmdeng/5-patterns-of-hypertext-f5d70c9fcd1f
- canonical_url
- https://medium.com/@xmdeng/5-patterns-of-hypertext-f5d70c9fcd1f
- author_url
- https://medium.com/@xmdeng
- status
- ok
- fetched_at
- 2026-06-12 07:40:50