本文基于 Joost Schrickx 和 Mark Geljon 在2018年世界信息架构日在乌特勒支GriDDs办公室发表的演讲。
有关此演讲的视频注册和幻灯片,请参阅本页底部。
在世界IA日的演讲中,Joost Schrickx和Mark Geljon解释了网站设计如何从诸如编剧之类的更多传统手艺中学习。 Joost Schrickx是一位编剧,纪录片和企业电影导演。 Mark Geljon是GriDD的故事架构师和创始人。
编剧与信息架构之间的关系
Joost和Mark已决定共同努力,研究各自的专业(网页设计和编剧)如何相互促进。 这种共生的灵感来自Mark意识到在大多数IA讨论中以及他从事的大多数IA工作中缺少的是满足感。 事实是,网页设计的未来将全都围绕着发明故事的讲述方式以及讲故事的工具如何用于设计和创作更具影响力的更好内容的方式进行。 讲故事已被证明是一种强大的电影工具,它可以跨越几代人并激发强烈的情感。 因此,尽管Joost和Mark来自不同的行业,但他们决定共同努力,以找到使网页设计和编剧行业相互加强的方法。
但是,这并不是一个平稳的过渡,对于编剧和网页设计之间存在的每个相似之处,都存在一些差异。 因此,Joost起初很犹豫。 他的反应是“我真的不明白为什么马克要我与他一起工作,因为电影制作的艺术与设计网站的艺术完全不同。”首先,两种媒体提供的体验都大不相同。 电影的观众希望有一个故事,而网站的用户希望可以轻松访问信息。 除了电影是在观众心目中创作的,而网络体验则是基于屏幕的。 他们从消费者那里引起的反应也不同。 虽然观看电影时不能离开,但网站的设计使用户可以随时离开。 尽管电影人物由于障碍而存在,但网络体验不惜一切代价避免障碍。 因此,网页设计和编剧之间的共生远非一件容易的事。
探险的相似之处
第一个挑战是发现存在哪些工具可以增强电影中的故事,然后查看这些工具可以应用到网站的程度如何,以达到相同的改善效果或至少具有类似的效果。


研究的第一个编剧工具是一些基于字符的技术,旨在将用户置于您要传达的故事的中心。 戏剧性事件的设计适合故事的主角的个人前提,核心问题以及需求。 约斯特(Joost)举的一个例子是关于鸽子幻想的纪录片,该纪录片最初是对幻想事件的调查,但只能从一个家庭的传统角度以有趣的方式来讲述。 Google的Inside Abbey Road项目是一个尝试使用基于字符的技术的很好的例子。 该网站打破了第四堵墙,使访客成为旅程的英雄,只需单击鼠标或轻按屏幕,他或她就可以踏入Abbey Road,探索著名的工作室(当然是虚拟的)。


研究的第二组编剧技术是一些基于互连的技术,它们可以在您尝试讲述的故事中的不同元素之间建立连接,从而使故事的开头,中间和结尾都具有关联性。 增强互连性是在电影开始时引入电影主角的特殊能力,特征和力量的主要原因。 这些介绍性元素通过巧妙地应用经过证明的编剧技术(例如广告,工厂和收益,并行性,悬念和惊喜)来帮助观众理解故事情节。 Tesla网站利用这种编剧技术提供了独特的网络体验。 在网站上,您可以配置自己的非常酷的汽车。 但是,如果您尝试返回首页,则屏幕将更改为包含刚创建的汽车的图像。 因此,您可以继续重新设计您的汽车或订购自己制造的汽车。 因此,主页提供了一种使您将自己视为潜在的Tesla买家的体验。


被调查的第三组编剧工具与故事的结构有关。 电影中的英雄总是经历不同的阶段,这形成了结构并有助于建立电影的流程。 具有结构的故事吸引了观众,因为它有助于使他们保持兴趣,使他们成为故事的一部分。 每个好的电影故事总是由三个部分组成; 介绍英雄的展览或装置,英雄面临的主要问题或挑战的中间部分,得出结论并解决问题或挑战的最后部分。 始终需要进行设置,因为在进入电影的真实冒险之旅之前,观众希望首先知道故事发生的地方,主要人物是谁以及有什么风险。 对结构和结构的这种要求可以通过应用编剧工具“英雄的旅程”和三定律来发展。 一个很好的例子是Humaan的网站,该公司试图带来一种经过精心设置的体验,并导致“开始项目”对话。
这个故事的寓意:我们的发现
编剧和网页设计之间显然存在重叠。 这可以称为“故事架构”,通过适当利用这种重叠,电影制作和信息架构社区可以互相学习。
从商标的角度来看:
- “尽管我事先了解可用的故事工具,但从电影制作的角度来看网络体验确实有助于改善网络体验。
- 有很多很好的例子表明使用这种观点几乎总是可以带来改进。
- 我们应该对电影等较老的手艺保持谦虚,因为还有很多东西要学,尤其是因为手艺之间的界限正在消失。
- 设计情感和戏剧是一种可以学习的技术,作为设计师,您可以发挥情感影响。”
从Joosts角度来看:
- “电影制作人可以通过学习如何处理现代手工艺品(如网页设计)来解决其观众的非线性行为,从而适应当前的技术互动可能性。
- 令人惊讶的是,编剧原理也可以在电影业务之外(例如在网页设计中)使用。
- 不仅在网页设计中,而且在编剧中,为观众精心设计都是有意义的,因为真正的主角就是观众!”
如何开始使用这些发现?
您是否想通过讲故事和网页设计之间的协同作用来产生影响? 考虑以下方向:
通过将站点地图视为故事情节来思考网页设计中的故事,并超越嵌入式视频。 该网站的关键要素是什么?您希望访客如何浏览它们? 还应尝试将体验视为线性体验,并引入故事弧。 例如,在页面顶部引入一些“ cliffhangers”,表示在底部可以找到/体验更多。 最重要的是失去功能性观点并开始感觉。 您可以通过回答以下问题的方式来知道自己的状况:作为用户与体验相关联吗? 考虑参加编剧课程或故事设计研讨会,以接受这种想法并将其应用为网页设计师。
在编剧中考虑体验设计。 观众是真正的主角,那么您将带领他经历什么阶段。 两者都在看最终结果之前和之后? 考虑引入交互式元素和交互式视频平台,例如Eko(https://helloeko.com/stories/)


演讲的视频注册:
幻灯片共享上的幻灯片: