新版网站可用性设计课件

网站可用性设计搜狐公司简江1精选网站可用性设计搜狐公司简江1精选什么是“网站可用性”“可用性”的定义：能够让客户快速达成其目的的能力“可用性”的核心：以用户为本快速、明确、简单、方便、可信“可用性”的意义：提升客户满意度提升网站价值提升企业价值2精选什么是“网站可用性”“可用性”的定义：能够让客户快速达成其目什么网站的可用性低华而不实：表面华丽花哨，缺乏用户需要的内容扰民：动态元素、弹出窗口太多，干扰用户混乱：导航混乱、链接语焉不详、用户找不到需要的内容，晕头转向肥胖：滥用图片与动态效果，下载速度缓慢黄脸婆：死气沉沉，更新缓慢唐三藏：完成任务步骤太多，累死人不偿命自吹自擂：没人爱看，令人生厌奸商：骗你进来，貌似精彩，无实质内容3精选什么网站的可用性低华而不实：表面华丽花哨，缺乏用户需要的内容从用户出发提升网站可用性定义：我们的网站目标是什么定义：谁是我的网站用户了解：我的客户需要在我的网站上做什么以用户目标为核心懂得“取”，更要懂得“舍”4精选从用户出发提升网站可用性定义：我们的网站目标是什么4精选网络用户的特点跳跃，浏览的时候行为是非线性的目标性强，往往因为一个明确的目标浏览一个网站，如果不能满足目标会马上离开没有耐心，一旦发现不能很快满足自己的目标，也会选择立即离开惯性强，一旦经常使用一个网站就会形成习惯对“诚信”的要求高——一旦发现在网站上被“欺骗”，很可能永远都不会再来越来越“笨”——随着全民上网运动，网民的平均素质越来越低，任何哭笑不得的事情都会发生5精选网络用户的特点跳跃，浏览的时候行为是非线性的5精选不能满足可用性目标的主要原因不了解网络用户的使用习惯线性思维强迫用户信息组织不合理栏目划分不当导航系统不理想“过度设计”6精选不能满足可用性目标的主要原因不了解网络用户的使用习惯6精选网页可用性（一）考虑到各种用户可能遇到的情况显示器过大或过小分辨率过低或过高字体过大或过小机器速度比较低网络速度很慢没有安装特定插件采用非标准浏览器没有安装非标准的字体7精选网页可用性（一）考虑到各种用户可能遇到的情况7精选网页可用性（二）用户感受极限0.1秒——用户能够承受的“控制性”的极限1秒——用户能够承受的“得到回应”的极限10秒——用户能够等待一个动作完成的极限提高响应速度与下载速度保证服务器的高效保持页面“瘦身”8精选网页可用性（二）用户感受极限8精选网页可用性（三）尊重互联网用户的使用习惯标准的导航——不要让用户摸不着北标准的图标——不要让用户瞎猜标准的字体——不要让用户看不清楚或者无法显示标准的配色——不要让用户误解区分图片和按钮——让用户觉得“这里可以点”注意用户阅读网页的顺序9精选网页可用性（三）尊重互联网用户的使用习惯9精选网页可用性（四）网页设计标准化采用统一的网站配色风格——以免让用户觉得到了另外一个网站采用统一的导航方式，让用户随时能够摸到北采用统一而且明确的图示——其实用图示在很多时候并不是特别好的方法，特别在用户访问网站频度不高的情况下10精选网页可用性（四）网页设计标准化10精选网页可用性（五）目标明确，重点突出紧扣网站目标，排除一切无关的内容——除非必需，否则不做重点突出，不要让垃圾淹没黄金，是金子就要让别人第一眼看到直截了当最好——使用最明确的方式，将用户最需要的东西直接展现出来不要去“骚扰”用户不要让用户感到对剑齿虎的恐惧不要强迫用户，一条头条新闻的吸引力比一个弹出窗口要强11精选网页可用性（五）目标明确，重点突出11精选网站的可用性设计（一）把欢迎屏幕扔掉吧——它除了降低用户进入网站的速度别无它用漂亮不是最重要的，Professional是最重要的！12精选网站的可用性设计（一）把欢迎屏幕扔掉吧——它除了降低用户进入网站可用性设计（二）栏目划分很重要按照用户的需要而不是公司的组织机构来划分栏目对栏目名称的选取一定要明确、概念清晰、并且与其它栏目有非常明确的区别对于用户任何一个需求都应该有唯一的，准确的栏目名称与之相对应13精选网站可用性设计（二）栏目划分很重要13精选网站可用性设计（三）合理设置导航导航是网站用户的指路明灯在任何页面上都应该有栏目导航在任何页面上都应该有层级导航如果内容比较多，提供内部搜索功能更新速度很重要，用户不会不断看古老与过时的内容14精选网站可用性设计（三）合理设置导航14精选公司内部和外部网站的区别（一）外部网站的目标——提供业务支持展示公司形象展示产品提供在线技术支持（烟草网站可能不用）提供在线定购（同上）提供业务联系方式15精选公司内部和外部网站的区别（一）外部网站的目标——提供业务支持公司内部和外部网站的区别（二）内部网站的目标——提供工作支持内部宣传与消息发布内部通讯录、规章制度、各项政策内部各类资料共享内部交流与沟通平台内部工作平台（工作电子化）16精选公司内部和外部网站的区别（二）内部网站的目标——提供工作支持内部网站与外部网站区别（三）外部网站以客户为中心以满足客户需要为目标内部网站以员工为中心以提升内部效率为目标简单、有效最重要17精选内部网站与外部网站区别（三）外部网站17精选网站可用性四要素内容品质更新速度下载时间容易使用18精选网站可用性四要素内容品质18精选网站可用性设计搜狐公司简江19精选网站可用性设计搜狐公司简江1精选什么是“网站可用性”“可用性”的定义：能够让客户快速达成其目的的能力“可用性”的核心：以用户为本快速、明确、简单、方便、可信“可用性”的意义：提升客户满意度提升网站价值提升企业价值20精选什么是“网站可用性”“可用性”的定义：能够让客户快速达成其目什么网站的可用性低华而不实：表面华丽花哨，缺乏用户需要的内容扰民：动态元素、弹出窗口太多，干扰用户混乱：导航混乱、链接语焉不详、用户找不到需要的内容，晕头转向肥胖：滥用图片与动态效果，下载速度缓慢黄脸婆：死气沉沉，更新缓慢唐三藏：完成任务步骤太多，累死人不偿命自吹自擂：没人爱看，令人生厌奸商：骗你进来，貌似精彩，无实质内容21精选什么网站的可用性低华而不实：表面华丽花哨，缺乏用户需要的内容从用户出发提升网站可用性定义：我们的网站目标是什么定义：谁是我的网站用户了解：我的客户需要在我的网站上做什么以用户目标为核心懂得“取”，更要懂得“舍”22精选从用户出发提升网站可用性定义：我们的网站目标是什么4精选网络用户的特点跳跃，浏览的时候行为是非线性的目标性强，往往因为一个明确的目标浏览一个网站，如果不能满足目标会马上离开没有耐心，一旦发现不能很快满足自己的目标，也会选择立即离开惯性强，一旦经常使用一个网站就会形成习惯对“诚信”的要求高——一旦发现在网站上被“欺骗”，很可能永远都不会再来越来越“笨”——随着全民上网运动，网民的平均素质越来越低，任何哭笑不得的事情都会发生23精选网络用户的特点跳跃，浏览的时候行为是非线性的5精选不能满足可用性目标的主要原因不了解网络用户的使用习惯线性思维强迫用户信息组织不合理栏目划分不当导航系统不理想“过度设计”24精选不能满足可用性目标的主要原因不了解网络用户的使用习惯6精选网页可用性（一）考虑到各种用户可能遇到的情况显示器过大或过小分辨率过低或过高字体过大或过小机器速度比较低网络速度很慢没有安装特定插件采用非标准浏览器没有安装非标准的字体25精选网页可用性（一）考虑到各种用户可能遇到的情况7精选网页可用性（二）用户感受极限0.1秒——用户能够承受的“控制性”的极限1秒——用户能够承受的“得到回应”的极限10秒——用户能够等待一个动作完成的极限提高响应速度与下载速度保证服务器的高效保持页面“瘦身”26精选网页可用性（二）用户感受极限8精选网页可用性（三）尊重互联网用户的使用习惯标准的导航——不要让用户摸不着北标准的图标——不要让用户瞎猜标准的字体——不要让用户看不清楚或者无法显示标准的配色——不要让用户误解区分图片和按钮——让用户觉得“这里可以点”注意用户阅读网页的顺序27精选网页可用性（三）尊重互联网用户的使用习惯9精选网页可用性（四）网页设计标准化采用统一的网站配色风格——以免让用户觉得到了另外一个网站采用统一的导航方式，让用户随时能够摸到北采用统一而且明确的图示——其实用图示在很多时候并不是特别好的方法，特别在用户访问网站频度不高的情况下28精选网页可用性（四）网页设计标准化10精选网页可用性（五）目标明确，重点突出紧扣网站目标，排除一切无关的内容——除非必需，否则不做重点突出，不要让垃圾淹没黄金，是金子就要让别人第一眼看到直截了当最好——使用最明确的方式，将用户最需要的东西直接展现出来不要去“骚扰”用户不要让用户感到对剑齿虎的恐惧不要强迫用户，一条头条新闻的吸引力比一个弹出窗口要强29精选网页可用性（五）目标明确，重点突出11精选网站的可用性设计（一）把欢迎屏幕扔掉吧——它除了降低用户进入网站的速度别无它用漂亮不是最重要的，Professional是最重要的！30精选网站的可用性设计（一）把欢迎屏幕扔掉吧——它除了降低用户进入网站可用性设计（二）栏目划分很重要按照用户的需要而不是公司的组织机构来划分栏目对栏目名称的选取一定要明确、概念清晰、并且与其它栏目有非常明确的区别对于用户任何一个需求都应该有唯一的，准确的栏目名称与之相对应31精选网站可用性设计（二）栏目划分很重要13精选网站可用性设计（三）合理设置导航导航是网站用户的指路明灯在任何页面上都应该有栏目导航在任何页面上都应该有层级导航如果内容比较多，提供内部搜索功能更新速度很重要，用户不会不断看古老与过时的内容32精选网站可用性设计（三）合理设置导航14精选公司内部和外部网站的区别（一）外部网站的目标——提供业务支持展示公司形象展示产品提供在线技术支持（烟草网站可能不用）提供在线定购（同上）提供业务联系方式33精选公司内部和外部网站的区别（一）外部网站的目标——提供业务支持公司内部和外部网站的区别（二）内部网站的目标——提供工作支持内部宣传与消息发布