沉浸式体验海派商业文化

上观新闻推出互动H5《中华第一商业街的前世与今生》

沉浸式体验海派商业文化

近日，2020年上海旅游节开幕仪式暨南京路东拓开街活动在上海市南京路步行街世纪广场举行。其中，上观新闻推出的新媒体产品《中华第一商业街的前世与今生》，以互动H5的形式，梳理、细数常变常新的南京东路上170年的风华。该H5产品通过快闪、一镜到底、拖拽式便捷体验、场景化呈现等新媒体应用形式，增进用户互动感和体验度，广受好评。

图文并茂 拉近与用户距离

“来，让我们一起细数这条‘中华商业街’的一路风光吧”“如今，这里重新点亮的弧光灯向行人诉说这段过往”……该H5产品，一改“漫画式”的大众H5风格，采用图文并茂的形式，颇具文学造诣、艺术气息的文案描述，使整个H5体验增加了一种温情脉脉、充满隽永回味的文学气息。贯穿始终的萨克斯背景音乐，也让整个H5产品有着浓郁的老上海味道，带着用户追溯着这条历史悠久商业街的前世今生。

“如今正式揭开神秘面纱”“细节中的巧心思”“设计亮点”等简洁精练的描述，更是起到画龙点睛的作用，将每页H5的内容加以总结和提炼，这样既节约了用户时间，又拉近了用户与产品的距离。

场景设计特别 加深好感度

在《中华第一商业街的前世与今生》中，采用了一镜到底的表现形式，通过视差动画、长图文和手绘式的方式，提升了设计的巧思与独特。其中，2019年前的南京路整体风格采用淡黄色风格，“重启后”则采用淡蓝色的风格。两者颜色对比更加突出了前世今生的魔幻感。背景中还可以看到沈大成、张小泉剪刀、七重天等老字号品牌和餐厅的点缀，体现了南京路浓厚的商业历史色彩。

“华为全新旗舰店”“1882广场”“大丸百货”“和平饭店”等上海地标式建筑，通过一站式地图导览的呈现方式，带领用户回忆“中华第一商业街”一路发展、变革的点点滴滴。每个年份后面，还巧设二级页面，扩充了不同地标建筑背后的小故事，“第一盏灯在此点亮”“步行街‘门面担当’”“国际时尚购物地标”等小知识，使设计上层次突出，同时，也大大拉近了用户与“中华第一商业街”的回忆性和好感度。

便捷化体验 增强现实感

H5产品《中华第一商业街的前世与今生》流畅的画风下，是更加流畅、便捷、注重用户体验感的互动性设计。

产品中随处可见“点击观看”“滑动观看”的文字提示，为不习惯使用H5的用户提供了温馨、便捷的情感提示。H5的开启页面，进行了一个怀表的图案设计，上面显示着南京路的多个重要年份，指针在持续转动。同时，后续页面中从1850年前后到1917年—1926年，1945年到2019年12月6日，南京路的重要历史节点和事件也在H5中得以呈现，贯穿其中的老照片，仿佛带领用户穿越了时间领略南京路不同时期的风采。时间的流逝借助无障碍的一站式滑动设计得以体现，这也增加了用户体验的流畅度和现实感。简洁流畅的外表下，包含多种技术元素，通过合理搭配使得整个H5给人耳目一新的感觉。

不少网友评价：“只需要轻轻滑动手指就能一览南京路的过去与现在，同时‘点击观看’手指图标的温馨提示，也能了解到如今南京路设计的细节与巧思，真是很棒的一款产品！体验度极佳！”《中华第一商业街的前世与今生》的互动性设计与体验，仿佛让用户和南京路一起进行了一场“时空旅行”。（见习记者 李美霖）