网站设计用户体验设计的体验点详细流程

网站体验谈的很多,但许多都觉得网站体验很飘渺,很难具体都每一点,那么本文可能会将所有与网站体验有关的一些体验点详细梳理整理,一种总结了76点,分五大类,做为网页设计都不可错过的好资料

近期自己跟同事一起在做一个网站的报表系统,之前不是做这个项目的时候,虽然也会提用户体验,但针对网站这块的用户体验,还是做了之后才有很深的了解。昨天在与朋友聊天时,他推荐我看了一篇关于网站体验的文章,现摘选一点,与大家共同学习:

网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系。

网站体验的分类

1、感官体验:呈现给用户视听上的体验,强调舒适性。

2、交互体验:呈现给用户操作上的体验,强调易用/可用性。

3、情感体验:呈现给用户心理上的体验,强调友好性。

4、浏览体验:呈现给用户浏览上的体验,强调吸引性。

5、信任体验:呈现给用户的信任体验,强调可靠性。

网站体验的76个体验点

一、感官体验:呈现给用户视听上的体验,强调舒适性。

1. 设计风格:符合目标客户的审美习惯,并具有一定的引导性。

网站在设计之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,从而确定网站的总体设计风格。

2. 网站LOGO:确保logo的保护空间,确保品牌的清晰展示而又不占据过分空间。

3. 页面速度:正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站,必须考虑南北互通问题,进行必要的压力测试。

4. 页面布局:重点突出,主次分明,图文并茂。与企业的营销目标相结合,将目标客户最感兴趣的,最具有销售力的信息放置在最重要的位置。

5. 页面色彩:与品牌整体形象相统一,主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度,确保浏览者的浏览舒适度。

6. 动画效果:与主画面相协调,打开速度快,动画效果节奏适中,不干扰主画面浏览。

7. 页面导航:导航条清晰明了、突出,层级分明。

8. 页面大小:适合多数浏览器浏览(以15寸及17寸显示器为主)。

9. 图片展示:比例协调、不变形,图片清晰。图片排列既不过于密集,也不会过于疏远。

10. 图标使用:简洁、明了、易懂、准确,与页面整体风格统一。

11. 广告位:避免干扰视线,广告图片符合整体风格,避免喧宾夺主。

12. 背景音乐:与整体网站主题统一,文件要小,不能干扰阅读。要设置开关按钮及音量控制按钮。

二、交互体验:呈现给用户操作上的体验,强调易用/可用性。

13. 会员申请:介绍清晰的会员权责,并提示用户确认已阅读条款。

14. 会员注册:流程清晰、简洁。待会员注册成功后,再详细完善资料。

15. 表单填写:尽量采用下拉选择,需填写部分需注明要填写内容,并对必填字段作出限制。(如手机位数、邮编等等,避免无效信息)

16. 表单提交:表单填写后需输入验证码,防止注水。提交成功后,应显示感谢提示。

17. 按钮设置:对于交互性的按钮必须清晰突出,以确保用户可以清楚地点击。

18. 点击提示:点击浏览过的信息颜色需要显示为不同的颜色,以区分于未阅读内容,避免重复阅读。

19. 错误提示:若表单填写错误,应指明填写错误之处,并保存原有填写内容,减少重复工作。

20. 在线问答:用户提问后后台要及时反馈,后台显示有新提问以确保回复及时。

21. 意见反馈:当用户在使用中发生任何问题,都可随时提供反馈意见。

22. 在线调查:为用户关注的问题设置调查,并显示调查结果,提高用户的参与度。

23. 在线搜索:搜索提交后,显示清晰列表,并对该搜索结果中的相关字符以不同颜色加以区分。

24. 页面刷新:尽量采用无刷新(AJAX)技术,以减少页面的刷新率。

Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起,用户每次调用新数据时,无需反复向服务器发出请求,而是在浏览器的缓存区预先获取下次可能用到的数据,界面的响应速度因此得到了显著提升。

25. 新开窗口:尽量减少新开的窗口,以避免开过多的无效窗口,设置弹出窗口的关闭功能。

26. 资料安全:确保资料的安全保密,对于客户密码和资料进行加密保存。

27. 显示路径:无论用户浏览到哪一个层级,哪一个页面,都可以清楚知道看到该页面的路径。

三、浏览体验:呈现给用户浏览上的体验,强调吸引性。

28. 栏目的命名:与栏目内容准确相关,简洁清晰,不宜过于深奥。

29. 栏目的层级:最多不超过三层,导航清晰,运用JAVAscrip等技术使得层级之间伸缩便利。

30. 内容的分类:同一栏目下,不同分类区隔清晰,不要互相包含或混淆。

31. 内容的丰富性:每一个栏目应确保足够的信息量,避免栏目无内容情况出现。

32. 内容的原创性:尽量多采用原创性内容,以确保内容的可读性。

33. 信息的更新频率:确保稳定的更新频率,以吸引浏览者经常浏览。

34. 信息的编写方式:段落标题加粗,以区别于内文。采用倒金字塔结构。

35. 新文章的标记:为新文章提供不同标识(如new),吸引浏览者查看。

36. 文章导读:为重要内容在首页设立导读,使得浏览者可以了解到所需信息。文字截取字数准确,避免断章取义。

37. 精彩内容的推荐:在频道首页或文章左右侧,提供精彩内容推荐,吸引浏览者浏览。

38. 相关内容的推荐:在用户浏览文章的左右侧或下部,提供相关内容推荐,吸引浏览者浏览。

39. 收藏夹的设置:为会员设置收藏夹,对于喜爱的产品或信息,可进行收藏。

40. 栏目的订阅:提供Rss或邮件订阅功能

41. 信息的搜索:在页面的醒目位置,提供信息搜索框,便于查找到所需内容。

42. 页面打印:允许用户打印该页资料,以便于保存。

43. 文字排列:标题与正文明显区隔,段落清晰。

44. 文字字体:采用易于阅读的字体,避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置,以满足不同的浏览习惯。

45. 页面底色:不能干扰主体页面的阅读。

46. 页面的长度:设置一定的页面长度,避免页面过长而影响阅读。

47. 分页浏览:对于长篇文章 进行分页浏览。

48. 语言版本:为面向不同国家的客户提供不同的浏览版本。

49. 快速通道:为有明确目的的用户提供快速入口。

四、情感体验:呈现给用户心理上的体验,强调友好性。

50. 客户分类:将不同的浏览者进行划分(如消费者、经销商、内部员工),为客户提供不同的服务。

51. 友好提示:对于每一个操作进行友好提示,以增加浏览者的亲和度。

52. 会员交流:提供便利的会员交流功能(如论坛),增进会员感情。

53. 售后反馈:定期进行售后的反馈跟踪,提高客户满意度。

54. 会员优惠:定期举办会员优惠活动,让会员感觉到实实在在的利益。

55. 会员推荐:根据会员资料及购买习惯,为其推荐适合的产品或服务。

56. 鼓励用户参与:提供用户评论、投票等功能,让会员更多地参与进来。

57. 会员活动:定期举办网上会员活动,提供会员网下交流机会。

58. 专家答疑:为用户提出的疑问进行专业解答。

59. 邮件/短信问候:针对不同客户,为客户定期提供邮件/短信问候,增进与客户间感情。

60. 好友推荐:提供邮件推荐功能。

61. 网站地图:为用户提供清晰的网站指引。

五、信任体验:呈现给用户的信任体验,强调可靠性。

62. 搜索引擎:查找相关内容可以显示在搜索引擎前列。

63. 公司介绍:真实可靠的信息发布,包括公司规模、发展状况、公司资质等。

64. 投资者关系:上市公司需为股民提供真实准确的年报,财务信息等。

65. 服务保障:将公司的服务保障清晰列出,增强客户信任。

66. 页面标题:准确地描述公司名称及相关内容。

67. 文章来源:为摘引的文章标注摘引来源,避免版权纠纷。

68. 文章编辑作者:为原创性文章注明编辑或作者,以提高文章的可信度。

69. 联系方式:准确有效的地址、电话等联系方式,便于查找。

70. 服务热线:将公司的服务热线列在醒目的地方,便于客户查找。

71. 有效的投诉途径:为客户提供投诉或建议邮箱或在线反馈。

72. 安全及隐私条款:对于交互式网站,注明安全及隐私条款可以减少客户顾虑,避免纠纷。

73. 法律声明:对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。

74. 网站备案:让浏览者确认网站的合法性。

75. 相关链接:对于集团企业及相关企业的链接,应该具有相关性。

76. 帮助中心:对于流程较复杂的服务,必须具备帮助中心进行服务介绍。

真是不看不知道,一个看似普通的网站,竟然有这么多项体验点,而且还都是最最基本的项目。由此可见,关于用户所体验的每一个点,都应该是经过慎重考虑和论证以后的决定。

时间: 2024-10-05 14:43:51

网站设计用户体验设计的体验点详细流程的相关文章

用户体验设计:电商网站产品页的购买按钮

文章描述:用户体验设计:电商网站产品页的购买按钮. 一般上电子商务网站买东西的用户分三种: 1.随便看看,就是不买 2.先看看,买不买再说 3.就是来买东西的 这样的需求反应到产品页的购买按钮上,我们一般会看到购买和收藏两个按钮,而购买又可以分为立即购买和加入购物车两种. 对于第一种用户来说,你按钮做的再大再合理也不关他的事,因为他压根就不想买. 对于第二种用户来说,购物车按钮或是收藏按钮对他来说是优先选择的按钮,因为他过一段时间才买. 对于第三种用户来说,立即购买是最合适的按钮,其次是购物车按

交互用户体验:电子商务网站的产品分页设计

文章描述:关于网站分页的那点事儿. 本文所描述的分页是指电子商务网站的产品分页,如果想要直接了解本文的精髓,请直接参照下面的附图,不言自明. 电子商务网站的产品分页设计是很小块的设计,绝大多数的网站不会在这里花费什么精力,但是,如果能在细节上做的更贴心一些,对用户的购买体验还是有所提升的,毕竟用户每次购买都会多次使用该功能模块. 首先要说的是,分页是用户普遍接受的产品页面浏览方式,设计也是大同小异,用户的学习成本为零. 现在的电商网站通常选择在产品页的上下部分均放置分页,下面是完整的分页功能,上

用户体验设计:关于网站中输入密码的设计

文章描述:关于注册时输入密码的那点事儿. 在微博上看到和菜头爆料关于淘宝2012的彩蛋,好奇试了.首先彩蛋确实是有的,同时也发现这个十分有趣和值得思考的问题.ps.此篇博客仅是本着对问题本身的兴趣.你懂的. 为什么只输一次密码? 话说确实有很多国外的网站已经这么做了.目的是为了降低注册成本,优化用户体验,可以减少用户点击和输入的成本(真的是这样吗?).最重要的是,相信他们一定有足够的数据证明他们的受众用户确实不需要再次确认密码,否则我不会相信谁会拍着大腿做出这个决定. 因为这些用户: 1.大部分

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴

web2.0社会化网站新闻书签用户体验设计

社会化网站也就是所谓的web2.0形式,可以提供新闻书签等内容,主要特点是在内容基础上提供会员之间交流互动,可以说社会化网站的参与度相比其他仅仅提供内容的网站来说要高很多,因此在设计这类网站时,更要注意用于的体验很感觉,大多数界面都会做得比较容易操作和使用,比如本文中推荐的这些. 1. DesignBump 这个社会化媒体新闻网的界面在Digg.Reddit或者Mixx用户的眼中再熟悉不过了,设计理念很简单:你的链接只要得到足够多的投票就能够上升至首页. 目前该网站用户已达16000以上,其中有

用户体验设计实例:网站建设整体框架

离开前一家公司已经大半年了,翻阅一下当初06年上半年写的一份互动新媒体部门的规划,觉得当初的想法还是比较稚嫩,规划超出了实际情况很大一截,部分项目方向即便拿到今时今日单独做,也是非常了得的.不过,所幸文中的一些内容对于其他项目还是有一定借鉴作用的,故而摘选一部分与大家分享.不当之处,请斧正. 全文从内容结构,页面结构,开发技术,商业智能,商业应用,使用管理等六个方面分别论述: 一.内容结构 如同一本好的杂志或一份好的报纸,一个好的网站,吸引人浏览并会长期驻留的一定是它的内容.内容的存在,以及更新

网站用户体验设计实例:亚马逊购物用户体验

购物网站的用户体验讨论无时无刻不在发生,为了提高用户的转化率,各大购物网站都希望能够给用户提供更完善的用户体验,当然这其中一些像亚马逊的大型购物网站经常会作为研究的案例.本文主要为您分析亚马逊是如何来提高自己网站的用户体验的. 现在电子商务网站的设计,正面临着一系列的挑战,其中最主要的挑战是:我们尝试建立一种用户体验,来提高用户在线购物的可能性. 为了对抗网上激烈的竞争,消除网上多疑购物者的顾虑,设计人员可以采取一些措施来改善他们网上商城的可用性. 自1995年以来, 亚马逊已经成为在电子商务B

网站用户体验设计:页面间的跳转

在网站中,用户当然希望一步操作就完成自己需要完成的任务. 但是事实上,这是不可能的.毕竟网站的目标用户是一群人而不是一个人,目标用户之间的操作习惯必然会存在着很大的差异,况且,目标用户对产品的期待也不同,在网站中往往存在着几个相似或者相关的功能去满足用户在不同场景下的不同需求. 通常,用户不得不进行几步操作去完成网站中的某一项任务.而操作步骤的实施,往往会以连续几个页面的更替与跳转来实现.这些页面之间的跳转,所依附的应该就是这个网站的结构. 网站既然存在着结构,用户就不得不花费一定的成本去学习该

网站用户体验设计(UE)

刚刚在Google Reader里通过Gtalk联系人分享的条目,看到JunChen写的贴子<心流理论(Flow)和设计(Design)>.他简要介绍了Movable Type 的设计师Jim Ramsey的文章Designing for Flow. Csikszentmihalyi 塞克斯哈里的Flow理论(Wikipedia上的Flow条目在这里),有时候被翻译为"心流",有时候被翻译为"涌流",有时候则被翻译为"福乐体验".小容