论文部分内容阅读
摘 要：虚拟网络的宣传平台越来越受到现代企业的重视，无论是网络购物还是微博营销，线上交易平台成了产品设计创新、运营创新的新途径。企业的官方网站正是展现公司定位、产品特色、风格理念的最佳平台，而网站的交互流程的优良与否又直接关系着用户，甚至顾客的购买满意度。因此本文主要以网页版式设计的相关要素出发，通过社会、环境和技术三方面的互相关联，分析在网站设计当中如何进行体验引导的作用分析，通过对典型案例（家纺网站“上海故事”）进行多面分析，阐述如何优化用户体验，怎样进行正确视觉流引导，从而加强维护企业网上形象与网下形象的统一性，进而更好地提升企业形象与品牌价值。
关键词：交互流程；网页设计；体验；网站信息
0 引言
在现代电子网络技术高速发展的当今，拥有一个独立的企业网站并非难事，而对于任意一个已经拥有网站的企业来说，如果可以恰当地利用自身的网站进行宣传和推广，不仅可以有效地提高企业知名度，同时运用得当也可以吸引新顾客和保留就有顾客，是一个回报效果明显的举措，因此如何运营和设计企业网站是具有研究价值的。
1 基于三大层面上的企业网站设计需求分析
从网站设计的目标出发，基于社会、环境以及技术等三大层面，在每个层面当中提取出初步的设计需求，从而为接下来的“上海故事”网站设计分析铺设基础。
1.1 社会层面上——企业网站设计目标的多层次需求
（1）明确建设网站目的的定位需求。既然是为企业设计网站，当然需要重点突出企业自身独特的属性和优势以区别其他同行企业或产品。建立网站之前，要有明确的目的，即所建立的网站的作用是什么，服务的对象是哪些群体，要为浏览者提供怎样的服务，只有找准了网站的定位，才为网站建设提供可能。
（2）考虑访问者的心理需求。设计网站是为了更好地将企业形象深入到每位访客心中，借此保留住原有的顾客，同时吸引更多的新顾客通过网络从虚拟世界走向现实世界当中，购买企业的产品。既然目标对象是具有深层次心理活动的人，其心理需求自然需要多加考虑，这不仅影响着访问者是否会重新回访、浏览过后的反馈如何，同时还会带动影响其他关注者的心理活动，对企业的宣传和推广都有不可忽视的作用。
（3）进行可行性分析的功能需求。可行性分析就是分析是否有能力、财力建设和维护这个网站；分析网站建成以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。
1.2 环境层面上——根据行业特点和地域特色对网站产品进行推广
环境方面包含了、地理环境、自然环境、市场环境以及生活环境等方面的因素，结合网站设计关注如下几点：
（1）能否与竞争同行形成差异化特色。在同样的市场环境竞争，如何脱颖而出，独具特点是让顾客和网站浏览者记住企业的有效途径，这样在顾客购买同类产品时，对印象深刻的品牌和企业是十分具有积极影响的。
（2）是否具有网站独具的地域特色。不少网站设计千篇一律，毫无独特风格，与同行业之间的竞争优势十分微弱。但是，一个具有地域特色的网站不仅可以从同类行业网站当中脱颖而出，更能增加同属地域訪问者的亲切感和熟悉感，加大购买机会。
（3）如何深入配合产品宣传的需要。通过Internet进行产品发布、宣传无疑是最理想的途径，人们越来越习惯到Internet上查找所需要的信息，并且作为首选的途径。尽管很多网站无论是从艺术效果和实用功能来讲都已具备相当的实力，但是企业在发布网站后就不在过问，很多企业都不太重视网站推广的重要性，不懂得如何利用网站来宣传自己的企业，树立自己的品牌形象，企业网站形同虚设。
1.3 技术层面上——对网站开发和功能实现的基础支持
技术方面包括网站的开发技术、管理技术、维护技术以及发布网络的技术等。这些技术在实际应用当中，应充分考虑现有技术市场和技术条件，以最合适的人力、资源比来实现对网站的技术支持。
2 家纺网站企业案例分析之“上海故事”
本文综合调查了多个知名的家纺网站，并对“上海故事”、“绝代佳人”、“博洋家纺”、和“黛富妮家纺”等多家知名家纺网站进行了分析比较和研究，总结归纳出同行业之间，家纺网站设计的共同点和各自优势，其中“上海故事”本身具有长久以来线下实体店的经营销售，其专卖店已辐射到南京、杭州、宁波、福州、青岛、天津，哈尔滨等重要城市，具有研究代表性；同时还在线下对“上海故事”在上海各大商场的几个主要门店进行了市场调研和资料收集。
针对家纺企业网站，对其设计需要考虑的方面进行归纳整理，家纺网站设计的要素结构图如表1。
3 “上海故事”网站设计的出发点
“上海故事”企业网站，主要围绕：企业简介、企业文化、服务理念、品牌定位、风格定位等级方面来进行设计，通过将目前主营产品分为丝巾围饰、时尚阳伞、时尚手袋三大类别，近千余个花色品种。这些数量庞大的产品，通过图片展示和文字介绍的形式进行表现；在网站设计中，颜色选择上具有浪漫色彩的丝绸红，以及富有文艺气息的照片幻灯，极力宣扬企业文化中的“真诚·爱·快乐”；其品牌定位体现出一个故事，万般风情。在上海故事的产品当中，无论是伞、丝巾或者是包类，都可以通过一个简单的故事为原型，来阐述产品的理念和文化；再将服务理念的宗旨放入网站设计中，体现对顾客的悉心关怀，“顾客”不仅是指购买“上海故事”产品的消费者，还包括所有与“上海故事”打交道的合作伙伴及经销商等。
3.1 2010年旧版“上海故事”网站规划和基本交互流程
点击上海故事的官方网站，首先是一段flash动画，动画的主题围绕上海故事的品牌理念“一个故事，万般风情”展开，通过不同类型企业的产品佩戴在不同气质的优雅女性身上，体现出浓浓的典雅气质。 点击跳过动画，出现的黑色背景的上海故事的主页，页面的导航部分由上海故事的CI形象标志与导航栏组成。导航栏的策划是主导航栏和次导航栏的结合，其中主导航栏的内容包括：首页，联系方式和网站地图，此导航栏的内容是：企业介绍，产品中心，周边介绍，会员贵宾和销售服务。
页面中心主体部分是红色次级背景的产品图片替换展示、企业风采、最新动态和产品展示。另外在页面下方还有一段次级导航栏，内容依次是：网站地图、版权申明、隐私条款、联系方式、友情链接以及企业邮箱，并在旁边附上了团购热线电话号码。值得注意的是上海故事在这里进行了一些文字替换：如企业介绍被称作了“关于我们”，周边介绍部分被称为“丝路花语”。
点击进入“关于我们”，在左侧列出了该目录下的四级内容分别是：企业简介、企业文化、品牌介绍及最新动态；该层级的右侧是内容显示区域，相应的文字和图片介绍都罗列其中。有个细节设计是在右侧的抬头部分添加了导航栏层级显示，方便浏览时的返回操作。
接下来的产品中心界面设计基本和企业介绍部分相同，左侧均为层级显示，右侧均为内容展示。值得一提的是，在产品指示的部分，“包包”一栏无任何内容展示；丝路花语的电子期刊只有摘要性话语介绍，具体内容并无展示；在会员贵宾的层级中，会员登入与会员信息是相同内容；销售服务的部分中，业绩排行与优秀员工的页面均无内容呈现。
其他稍有差别的细节，如企业邮箱是跳出一个新的登入窗口，不过一旦进入此页面则无法返回到上一级；在产品指示部分，增加了站内产品搜索功能，加强了网站与客户的互动性。
3.2 2013新版“上海故事”网站改版后的交互体验优化
新版的“上海故事”官方网站，对原有的网站进行了优化设计，主要体现出网页版式设计要素对网站交互体验的引导上：
（1）单元区分视觉化——通过图像来引导视觉焦点集中定位。2013版的“上海故事”网站结合了更多的图像元素，网站视觉界面去除了更多文字叙述，比如导航栏下移到近底栏的位置，更大地还原了网页的图形图像元素，这样既减少了视觉焦点的混乱，又起到了突出、强化主体照片的作用，而在选择图片上提高了对清晰度、品质的要求。另外在“上海故事”栏目下使用动画幻灯片的形似来展示图片图像，起到了一个很好的观看效果，在展示图片的速度、频率、切换方式上都具有怀旧的情感流露，模拟观赏旧电影的感受来加强对新老客户的吸引。考虑到家纺类网站具有产品信息量大的特点，通过图像化处理具有聚焦视点的作用。
（2）导航栏目动态化——通过适当的动画效果进行操作提示。网站的导航栏，也就是通俗意义上理解的菜单栏，展示网页的基本框架结构。在“上海故事”当中，网页采用渐隐的方式，通过鼠标滑动的行为操作，表现出与用户的交互反应。同时通过交互过程中柔和地呼应效果，与整体网站设计的轻柔、飘逸特点进行强化，考虑到丝绸、丝巾产品的特殊属性，体现出产品语义学当中的产品特点的转移，起到了很好的效果呈现。
（3）布局形式多样化——强化布局形式的不同特点来展示多类分页。对于不同的页面内容，如家纺网站的产品页面和首页需要进行区分、家纺产品的筛选页面和产品展示效果页面也有所不同，因此“上海故事”网站后期增添的网店选择页面，结合了“单页多栏”的页面布局，左侧进行数据筛选，右侧进行结果显示，经典的WINDOWS窗口设计原则的完整体现；另外，“上海故事”的产品类型界面通过与“天猫”界面的跳转链接，虽然看似一步减少工作量的操作，实际强化了产品购买的动机，于是顾客或者用户在访问过程中，直接参与到了实际购买流程当中，起到了多重功效。
4 总结
网页版式设计的元素，在简单的二维设计中，发挥的是美化、裝饰作用，而在融入了现代互联网技术的基础上，具有了不可比拟的功能效果，对企业网站的交互体验过程中起到了更多地引导作用，具有重要的参考和实践价值。针对家纺网站等企业网站，官方形象具有十分重要的指引作用，因此在设计当中更需结合用户心理、交互体验等多层次内容，综合视觉、行为、心理等多方面的感官结合，来实现真实的用户体验交互机制。
关键词：交互流程；网页设计；体验；网站信息
0 引言
在现代电子网络技术高速发展的当今，拥有一个独立的企业网站并非难事，而对于任意一个已经拥有网站的企业来说，如果可以恰当地利用自身的网站进行宣传和推广，不仅可以有效地提高企业知名度，同时运用得当也可以吸引新顾客和保留就有顾客，是一个回报效果明显的举措，因此如何运营和设计企业网站是具有研究价值的。
1 基于三大层面上的企业网站设计需求分析
从网站设计的目标出发，基于社会、环境以及技术等三大层面，在每个层面当中提取出初步的设计需求，从而为接下来的“上海故事”网站设计分析铺设基础。
1.1 社会层面上——企业网站设计目标的多层次需求
（1）明确建设网站目的的定位需求。既然是为企业设计网站，当然需要重点突出企业自身独特的属性和优势以区别其他同行企业或产品。建立网站之前，要有明确的目的，即所建立的网站的作用是什么，服务的对象是哪些群体，要为浏览者提供怎样的服务，只有找准了网站的定位，才为网站建设提供可能。
（2）考虑访问者的心理需求。设计网站是为了更好地将企业形象深入到每位访客心中，借此保留住原有的顾客，同时吸引更多的新顾客通过网络从虚拟世界走向现实世界当中，购买企业的产品。既然目标对象是具有深层次心理活动的人，其心理需求自然需要多加考虑，这不仅影响着访问者是否会重新回访、浏览过后的反馈如何，同时还会带动影响其他关注者的心理活动，对企业的宣传和推广都有不可忽视的作用。
（3）进行可行性分析的功能需求。可行性分析就是分析是否有能力、财力建设和维护这个网站；分析网站建成以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。
1.2 环境层面上——根据行业特点和地域特色对网站产品进行推广
环境方面包含了、地理环境、自然环境、市场环境以及生活环境等方面的因素，结合网站设计关注如下几点：
（1）能否与竞争同行形成差异化特色。在同样的市场环境竞争，如何脱颖而出，独具特点是让顾客和网站浏览者记住企业的有效途径，这样在顾客购买同类产品时，对印象深刻的品牌和企业是十分具有积极影响的。
（2）是否具有网站独具的地域特色。不少网站设计千篇一律，毫无独特风格，与同行业之间的竞争优势十分微弱。但是，一个具有地域特色的网站不仅可以从同类行业网站当中脱颖而出，更能增加同属地域訪问者的亲切感和熟悉感，加大购买机会。
（3）如何深入配合产品宣传的需要。通过Internet进行产品发布、宣传无疑是最理想的途径，人们越来越习惯到Internet上查找所需要的信息，并且作为首选的途径。尽管很多网站无论是从艺术效果和实用功能来讲都已具备相当的实力，但是企业在发布网站后就不在过问，很多企业都不太重视网站推广的重要性，不懂得如何利用网站来宣传自己的企业，树立自己的品牌形象，企业网站形同虚设。
1.3 技术层面上——对网站开发和功能实现的基础支持
技术方面包括网站的开发技术、管理技术、维护技术以及发布网络的技术等。这些技术在实际应用当中，应充分考虑现有技术市场和技术条件，以最合适的人力、资源比来实现对网站的技术支持。
2 家纺网站企业案例分析之“上海故事”
本文综合调查了多个知名的家纺网站，并对“上海故事”、“绝代佳人”、“博洋家纺”、和“黛富妮家纺”等多家知名家纺网站进行了分析比较和研究，总结归纳出同行业之间，家纺网站设计的共同点和各自优势，其中“上海故事”本身具有长久以来线下实体店的经营销售，其专卖店已辐射到南京、杭州、宁波、福州、青岛、天津，哈尔滨等重要城市，具有研究代表性；同时还在线下对“上海故事”在上海各大商场的几个主要门店进行了市场调研和资料收集。
针对家纺企业网站，对其设计需要考虑的方面进行归纳整理，家纺网站设计的要素结构图如表1。
3 “上海故事”网站设计的出发点
“上海故事”企业网站，主要围绕：企业简介、企业文化、服务理念、品牌定位、风格定位等级方面来进行设计，通过将目前主营产品分为丝巾围饰、时尚阳伞、时尚手袋三大类别，近千余个花色品种。这些数量庞大的产品，通过图片展示和文字介绍的形式进行表现；在网站设计中，颜色选择上具有浪漫色彩的丝绸红，以及富有文艺气息的照片幻灯，极力宣扬企业文化中的“真诚·爱·快乐”；其品牌定位体现出一个故事，万般风情。在上海故事的产品当中，无论是伞、丝巾或者是包类，都可以通过一个简单的故事为原型，来阐述产品的理念和文化；再将服务理念的宗旨放入网站设计中，体现对顾客的悉心关怀，“顾客”不仅是指购买“上海故事”产品的消费者，还包括所有与“上海故事”打交道的合作伙伴及经销商等。
3.1 2010年旧版“上海故事”网站规划和基本交互流程
点击上海故事的官方网站，首先是一段flash动画，动画的主题围绕上海故事的品牌理念“一个故事，万般风情”展开，通过不同类型企业的产品佩戴在不同气质的优雅女性身上，体现出浓浓的典雅气质。 点击跳过动画，出现的黑色背景的上海故事的主页，页面的导航部分由上海故事的CI形象标志与导航栏组成。导航栏的策划是主导航栏和次导航栏的结合，其中主导航栏的内容包括：首页，联系方式和网站地图，此导航栏的内容是：企业介绍，产品中心，周边介绍，会员贵宾和销售服务。
页面中心主体部分是红色次级背景的产品图片替换展示、企业风采、最新动态和产品展示。另外在页面下方还有一段次级导航栏，内容依次是：网站地图、版权申明、隐私条款、联系方式、友情链接以及企业邮箱，并在旁边附上了团购热线电话号码。值得注意的是上海故事在这里进行了一些文字替换：如企业介绍被称作了“关于我们”，周边介绍部分被称为“丝路花语”。
点击进入“关于我们”，在左侧列出了该目录下的四级内容分别是：企业简介、企业文化、品牌介绍及最新动态；该层级的右侧是内容显示区域，相应的文字和图片介绍都罗列其中。有个细节设计是在右侧的抬头部分添加了导航栏层级显示，方便浏览时的返回操作。
接下来的产品中心界面设计基本和企业介绍部分相同，左侧均为层级显示，右侧均为内容展示。值得一提的是，在产品指示的部分，“包包”一栏无任何内容展示；丝路花语的电子期刊只有摘要性话语介绍，具体内容并无展示；在会员贵宾的层级中，会员登入与会员信息是相同内容；销售服务的部分中，业绩排行与优秀员工的页面均无内容呈现。
其他稍有差别的细节，如企业邮箱是跳出一个新的登入窗口，不过一旦进入此页面则无法返回到上一级；在产品指示部分，增加了站内产品搜索功能，加强了网站与客户的互动性。
3.2 2013新版“上海故事”网站改版后的交互体验优化
新版的“上海故事”官方网站，对原有的网站进行了优化设计，主要体现出网页版式设计要素对网站交互体验的引导上：
（1）单元区分视觉化——通过图像来引导视觉焦点集中定位。2013版的“上海故事”网站结合了更多的图像元素，网站视觉界面去除了更多文字叙述，比如导航栏下移到近底栏的位置，更大地还原了网页的图形图像元素，这样既减少了视觉焦点的混乱，又起到了突出、强化主体照片的作用，而在选择图片上提高了对清晰度、品质的要求。另外在“上海故事”栏目下使用动画幻灯片的形似来展示图片图像，起到了一个很好的观看效果，在展示图片的速度、频率、切换方式上都具有怀旧的情感流露，模拟观赏旧电影的感受来加强对新老客户的吸引。考虑到家纺类网站具有产品信息量大的特点，通过图像化处理具有聚焦视点的作用。
（2）导航栏目动态化——通过适当的动画效果进行操作提示。网站的导航栏，也就是通俗意义上理解的菜单栏，展示网页的基本框架结构。在“上海故事”当中，网页采用渐隐的方式，通过鼠标滑动的行为操作，表现出与用户的交互反应。同时通过交互过程中柔和地呼应效果，与整体网站设计的轻柔、飘逸特点进行强化，考虑到丝绸、丝巾产品的特殊属性，体现出产品语义学当中的产品特点的转移，起到了很好的效果呈现。
（3）布局形式多样化——强化布局形式的不同特点来展示多类分页。对于不同的页面内容，如家纺网站的产品页面和首页需要进行区分、家纺产品的筛选页面和产品展示效果页面也有所不同，因此“上海故事”网站后期增添的网店选择页面，结合了“单页多栏”的页面布局，左侧进行数据筛选，右侧进行结果显示，经典的WINDOWS窗口设计原则的完整体现；另外，“上海故事”的产品类型界面通过与“天猫”界面的跳转链接，虽然看似一步减少工作量的操作，实际强化了产品购买的动机，于是顾客或者用户在访问过程中，直接参与到了实际购买流程当中，起到了多重功效。
4 总结
网页版式设计的元素，在简单的二维设计中，发挥的是美化、裝饰作用，而在融入了现代互联网技术的基础上，具有了不可比拟的功能效果，对企业网站的交互体验过程中起到了更多地引导作用，具有重要的参考和实践价值。针对家纺网站等企业网站，官方形象具有十分重要的指引作用，因此在设计当中更需结合用户心理、交互体验等多层次内容，综合视觉、行为、心理等多方面的感官结合，来实现真实的用户体验交互机制。