第5节-电子商务系统设计.pptVIP

电子商务网站功能设计要注意的几个因素 （1）客户浏览路径 （2）内容交叉 （3）购买流程设计 （4）产品标题图片描述 5.2.2 网站功能设计 电子商务系统的设计 总体设计----- 结构设计 系统运行平台（物理配置方案设计） 详细设计----- 代码设计和设计规范的制定 数据存储设计 计算机处理过程设计 总体设计（architectural design）又称为概要设计 （preliminary design），是把总任务分解为许多基本的、 具体的任务： 系统模块化结构设计 系统运行平台（物理配置方案）设计 功能模块图 功能结构图 信息系统流程图 硬件 网络配置 软件 系统的总体设计 * * * * 全局导航五元素搜索 三种模式 避免使用花哨词汇，如：Quick Find（快速查找）、Quick Search（快速搜索） 注明搜索选项——搜索什么？ 注明搜索范围——整个站点？部分站点？整个web？ 网站导航的分类 全局导航 每一个页面上一组通用的导航元素，以一致的外观出现在网站的每一页，扮演着对用户最基本的访问方向性指引。 辅助导航 又被称作“面包屑路径”或层级菜单、页面名称 辅助导航——“你在这里”指示器 改变文字的颜色 改变按钮的颜色 使用粗体 按钮反白 辅助导航——“面包屑路径” 注明从主页到达当前页面的路径 使用文字链接，并用“”隔开 最后一个元素加粗，表示“你在这里” 辅助导航——页面名称 页面名称应与点击的链接一致 每个页面都应该有页面名称 要引人注意——字体大小、颜色、留白空间 网站导航测试 随机进入网站的任何一页，均能快速圈出以下元素 这是什么网站？（站点ID） 这个网站的主要栏目有哪些？（栏目清单） 在这个层次上我有哪些选择?(本页导航) 我在导航系统的什么位置？（“你在这里”指示器） 我怎么搜索? 站点ID 标签导航条 页面名称 搜索框 实用工具 页内导航 网站导航测试 网站导航设计思想 一目了然 引导用户行为，实现利益转换 关注细节，遵循习惯用法，方便用户操作 保持一致性，突出重点 网站导航设计禁忌 使用移动的图片 采用“很酷”的表现技巧 导航没有文字提示 点评：只有当鼠标移到对应的图片上，才会展开显示内容“电子事业”，如果单纯的看两个Our Business，谁能知道有什么区别呢？ 网站页面布局设计 什么样的首页布局是合理的？ 首页广告放置的位置是最佳位置吗？ 动画图片出现在哪个位置合适？ 用户登陆框为什么最好不要放在网页左上角？ 用户眼球视线跟踪实验 浏览者的视线通常固定在网页左上角，然后在这个区域逡巡一阵后，开始右移，在顶部位置仔细停留阅读后，开始往下扫描。 用户网页浏览行为的研究结果 （1）用户对网页的浏览视线呈 F 型。他们更倾向于在网页顶部阅读长句，随着网页越往下，他们越不会阅读长句，这就使得每个句子的开头两个词汇尤其重要。 （2）人们非常擅长于筛选出一页中无关信息，将注意力集中到一小部分突出的网页元素中。 （3）访问者对那些图片中有人物直视自己的内容非常注意，如果那个直视自己的人物有一定吸引力效果更佳，但相貌不要太漂亮。如果图片中的人物犹如职业模特则没有吸引力，因为这样的人物没有现实亲和力。 用户网页浏览行为的研究结果 （4）图片放在网页正中会对访问者产生阻碍。（5）用户对那些提供有用信息的图片会产生更好的反响，装饰性过强的图片则难以激起用户反应。（6）消费者对于搜索引擎结果中的广告链接一瞥而过，作为“其次考虑”的事情 网站页面布局技巧 最重要的信息放在最显著位置； 页面内容不宜太繁杂； 在页面左上角放置企业LOGO; 公司介绍、联系信息、网站地图等网站实用工具一般放置在网页最下方；站内检索、会员注册等引导客户的网站实用工具放置在右侧或中上方显眼位置。 1.字号 字号大小的计算：磅或像素。 最适合于网页正文显示的字体大小为12磅左右。 较大的字体可用于标题或其他需要强调的地方 小一些的字体可以用于页脚和辅助信息 小字号易产生整体感和精致感，但可读性较差。   网站文字设计 2.字体 字体选择是一种感性、直观的行为，要依据网页的总体设想和浏览者的需要。 粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。  网站文字设计 2.字体 在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多采。 文字大小疏密的处理，能突出重点，层次分明。 正文内容最好采用缺省字体。 在确有必要使用特殊字体的地方，可将文字制成图像，然后插入页面中。   网站文字设计 3. 行距 一般情况