基于缩放界面和VR的大型商场网站概念设计
开篇：润墨网以专业的文秘视角，为您筛选了一篇基于缩放界面和VR的大型商场网站概念设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！
[摘要]本文通过介绍笔者所设计开发的一个大型商场网站设计模型，提出了一种结合3维和2维的界面风格，网络VR技术，来统一现实商场和网络商场两个概念模型的方法。
[关键词] 文字层级结构 概念模型 搜索机制 逛商场模式
一、引言
在《大型商场网站设计的主要矛盾与新思路》一文中，笔者提出大型商场的网站可以从以下方向寻求设计创新:利用缩放界面避免分级页面，强调整体感；对商品进行符合现实的模糊分类;转化搜索机制，将顾客从当前的搜索购买模式拉回到传统购买模式，避免“直进直出”模式，强化“逛商场”模式；结合3D和2D的界面风格，利用网络VR技术，来统一现实商场和网络商场两个概念模型。
这意味着完全不同的用户界面，笔者所设计开发的一个大型商场网站设计模型就是一种可能的实现形式。
二、顾客界面风格：2D、3D，或者2.5D
首先，本系统建立的是尽可能与现实生活相同的视觉模型，但是要针对技术实现和盈利模式进行一定的抽象。真实的视觉模型对顾客至少有两个显而易见的好处:有助于用户利用自身的主动记忆能力进行检索，充分利用了人的模糊思维和记忆能力；商场的网站和现实中的商场具有同样的模型，能够极大地提升消费者信任度。
其次，本系统基于缩放界面。也就是说没有层级页面，通过缩放来决定浏览的范围和内容。传统的基于分层页面的商务网站结构的主要问题是:顾客很难对网站（商场）的规模和范围形成清晰的认识;容易在树结构中选择错误和迷失方向;很难对内容模糊分类;搜索时从底层“直进直出”，无法像现实的商场形成连带消费，而且广告失效。缩放界面网站的优点是容易使顾客形成整体心理模型，并且容易产生连带消费。
界面风格上，采用2D、3D，还是2.5D是个问题。3D界面显然对顾客更具吸引力，更重要的是，3D场景界面更有利于进行全方位展示和碰撞计算。同时，由于本系统要建立实时交互的顾客（其实也包括商场员工）社区，所以实际上采用的是2D与3D结合的风格，如附图所示：
1.大场景采用3D模型来表现，但是柜台等模型是通过预先制定的带有UV坐标参数的模块来组合实现，这样的设计具有以下好处:(1)极大的减少制作时间和成本;(2)有利于后台对模型和贴图的数据库管理，减少后期维护成本;(3)关联模型能够减少需下载的模型数据量，并充分利用客户端的能力来计算场景;(4)保留了必要的真实性和可扩展性。
2.虽然场景是3D风格的，但是视角只采用固定于ID形象的4个角度，而不是任意角度，这样便于用户使用简单的键盘和鼠标操作而几乎不需要学习复杂的视图控制。这样做的另外一个好处是，访客的ID形象可以采用只有4个角度的2D形象，简化了数据。
3.3D模型只做到柜台级，产品展示仍然使用2D界面，在弹出窗口中，以图像列表的形式展示。
4.各功能模块的界面，例如ID间的对话等，也是采用2D风格。大部分功能模块以泊坞窗的形式隐藏在屏幕边缘，在必要时可以弹出，或者采用浮动窗口的形式。
5.ID形象采用只有4个角度的2D风格形象，可以带有图形和文字说明，这一点很像游戏风格。
6.尽可能采用直接操作风格，例如楼层不用文字菜单，而是Flas来选择，虽然这在技术本质上区别不大，但是更直观且更具有方位感。
三、顾客界面功能模块
由于本系统采用的是缩放界面，并且用到了社区和VIP的概念，所以它和传统商务网站不同，除了基本浏览和购物功能以外，至少还应该具有以下特殊的功能模块:
1.登录界面。本系统的登陆界面主要有两个作用。一方面是ID的识别，以便于顾客在社区中交流，同时也代表VIP的身份，享受VIP的待遇，这是大型商场网站和小型商户网站的主要区别之一;另一方面，在登录的过程中，网站可以对客户端的硬件水平进行检测，自动寻求最佳的3D显示性能设置，包括模型、贴图精度，特效的开启等。
2.ID编辑功能。顾客在登录以后可以对自己的ID形象和参数进行自定义。
3.搜索与过滤机制。由于采用的是缩放界面，没有了层级页面，因此，搜索机制在此变成了“过滤”。即当顾客输入过滤条件以后，符合条件的对象将在界面中被突出来，其他对象可以被看到，但是呈现灰色而且不可被激活。如果顾客是通过搜索引擎进入此网站，那么他将看到处于过滤状态的主页面。这样做的目的是避免顾客的注意力只集中在产品本身而无视整个网站，或者从底层页面直进直出。
4.ID间的交流。在社区里，ID间的交流界面当然是不可少的。除了任意可见ID间的点对点即时通讯以外，这个模块还应该有一些特殊功能，例如允许顾客临时组建灵活的群，以便一群顾客“一起”逛商场。
5.标记点。顾客可以在网站缩放界面上设立标记点，类似于书签，以便下次进入时快速查找。反过来，这也有利于商场掌握消费者的兴趣点，从而做出有针对性的销售策略。标记点也许可以作为留言板来使用，顾客甚至可以定义哪些顾客ID有权访问这些标记点。
6.显示控制。除了前文所述在登录时自动进行3D显示性能设置以外，还要允许用户自行控制界面的显示设置，类似于电子地图的分层显示控制。
7.广告界面。由于采用了与现实场景一致的缩放界面，所以广告的表现形式会发生变化，而且会同时存在很多形式。例如模型上的贴图，浮动窗口，滚动字幕即时广告等。
四、商场员工界面设想
商场的员工在使用这个系统的时候所面临的任务和顾客是不同的，而且具有不同职务的员工其任务也不相同。但是，商场的员工和顾客一样，在网站技术方面都是非专业的，因此同样要尽量降低操作难度，笔者的设想是与顾客界面尽可能保持一致。
员工在登录以后，所看到的界面应该与顾客界面相同。不过，由于任务不同，所以在功能模块上有一些差异，主要表现在：
1.员工在登录的时候使用的ID和消费者是一样的，只不过员工和消费者的ID权限不同，不同职务的员工其ID权限也不相同。另一方面，员工本身也可能以消费者身份访问网站，因此在登录界面上会多出一个“员工／顾客”的选择。
2.以员工身份登录以后，也可以和其他ID进行交流，但是ID形象是不能自定义的，以示和顾客的区别。
3.员工可以访问顾客留在自己权限范围内的标记点，并在标记点上留言。
4.员工看到的产品展示界面和顾客看到的相同，但是可以看到一些被隐藏的信息。员工同时有一定的编辑权限，而且是直接在产品展示界面上编辑，入口即出口，所见即所得，而不是在另外的后台程序里面编辑。
5.某些员工ID具有广告能力，除了模型贴图里的广告可以采用上面的“入口即出口”的方法进行编辑以外，还要有一个单独的广告界面用于控制其他形式的广告，如浮动窗口广告。
五、网站后台的其他问题
除了顾客界面和员工界面以外，此系统应该还具有一个场景修改后台界面，用于在数据库中管理和修改场景模型和贴图坐标等元素。另外，此界面形式下的VIP机制也是很值得深入研究的课题。例如:后台自动管理VIP积分，VIP消费习惯跟踪等。
参考文献：
[1]Jef Raskin:人本界面[M].北京:机械工业出版社，2004.1
[2]David Lewis:新消费者理念[M].北京:机械工业出版社，2002.1
[3]Alan Cooper:软件观念革命[M].北京:电子工业出版社，2005.6
[4]Richard Rouse III:戏设计原理与实践[M].北京:电子工业出版社，2003.10
[5]Don A Norman:设计心理学[M].北京:中信出版社，2003.10
[6]Terry Winograd:软件设计的艺术[M].北京：机械工业出版社，2005.1
“本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文”