热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

全面细致的用户体验设计建议

网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系。感官体验:呈现给用户视听上的体验,强调舒适性。交互体验:呈现给用户操作上的体验,强调易用/可用性。情感体验:呈现给用户心理上的体验,强调友好性。浏览体验:呈现给用户浏览上的体验,强调吸引性。信任体验:呈现给用户的

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

网站体验的分类

  • 感官体验:呈现给用户视听上的体验,强调舒适性。
  • 交互体验:呈现给用户操作上的体验,强调易用/可用性。
  • 情感体验:呈现给用户心理上的体验,强调友好性。
  • 浏览体验:呈现给用户浏览上的体验,强调吸引性。
  • 信任体验:呈现给用户的信任体验,强调可靠性。

网站体验的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. 在线搜索:搜索提交后,显示清晰列表,并对该搜索结果中的相关字符以不同颜色加以区分。
  25. 页面刷新:尽量采用无刷新(AJAX)技术,以减少页面的刷新率。Ajax是新兴的网络开发技术的象征。它将Javascript和XML技术结合在一起,用户每次调用新数据时,无需反复向服务器发出请求,而是在浏览器的缓存区预先获取下次可能用到的数据,界面的响应速度因此得到了显著提升。
  26. 新开窗口:尽量减少新开的窗口,以避免开过多的无效窗口,设置弹出窗口的关闭功能。
  27. 资料安全:确保资料的安全保密,对于客户密码和资料进行加密保存。
  28. 显示路径:无论用户浏览到哪一个层级,哪一个页面,都可以清楚知道看到该页面的路径。
  29. 浏览体验:呈现给用户浏览上的体验,强调吸引性。

  30. 栏目的命名:与栏目内容准确相关,简洁清晰,不宜过于深奥。
  31. 栏目的层级:最多不超过三层,导航清晰,运用JAVAscrip等技术使得层级之间伸缩便利。
  32. 内容的分类:同一栏目下,不同分类区隔清晰,不要互相包含或混淆。
  33. 内容的丰富性:每一个栏目应确保足够的信息量,避免栏目无内容情况出现。
  34. 内容的原创性:尽量多采用原创性内容,以确保内容的可读性。
  35. 信息的更新频率:确保稳定的更新频率,以吸引浏览者经常浏览。
  36. 信息的编写方式:段落标题加粗,以区别于内文。采用倒金字塔结构。
  37. 新文章的标记:为新文章提供不同标识(如new),吸引浏览者查看。
  38. 文章导读:为重要内容在首页设立导读,使得浏览者可以了解到所需信息。文字截取字数准确,避免断章取义。
  39. 精彩内容的推荐:在频道首页或文章左右侧,提供精彩内容推荐,吸引浏览者浏览。
  40. 相关内容的推荐:在用户浏览文章的左右侧或下部,提供相关内容推荐,吸引浏览者浏览。
  41. 收藏夹的设置:为会员设置收藏夹,对于喜爱的产品或信息,可进行收藏。
  42. 栏目的订阅:提供Rss或邮件订阅功能。
  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. 安全及隐私条款:对于交互式网站,注明安全及隐私条款可以减少客户顾虑,避免纠纷。
  77. 法律声明:对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。
  78. 网站备案:让浏览者确认网站的合法性。
  79. 相关链接:对于集团企业及相关企业的链接,应该具有相关性。
  80. 帮助中心:对于流程较复杂的服务,必须具备帮助中心进行服务介绍。

本文地址:http://www.nowamagic.net/librarys/veda/detail/560,欢迎访问原出处。


推荐阅读
  • Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • XMLhttpREquest_Ajax技术总结之XmlHttpRequest
    Ajax1、 什么是ajax   ... [详细]
  • 表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ... [详细]
  • Java序列化对象传给PHP的方法及原理解析
    本文介绍了Java序列化对象传给PHP的方法及原理,包括Java对象传递的方式、序列化的方式、PHP中的序列化用法介绍、Java是否能反序列化PHP的数据、Java序列化的原理以及解决Java序列化中的问题。同时还解释了序列化的概念和作用,以及代码执行序列化所需要的权限。最后指出,序列化会将对象实例的所有字段都进行序列化,使得数据能够被表示为实例的序列化数据,但只有能够解释该格式的代码才能够确定数据的内容。 ... [详细]
  • 禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版
    VNCViewerforMac是一款运行在Mac平台上的远程桌面工具,vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机,操作简 ... [详细]
  • 本文详细介绍了云服务器API接口的概念和作用,以及如何使用API接口管理云上资源和开发应用程序。通过创建实例API、调整实例配置API、关闭实例API和退还实例API等功能,可以实现云服务器的创建、配置修改和销毁等操作。对于想要学习云服务器API接口的人来说,本文提供了详细的入门指南和使用方法。如果想进一步了解相关知识或阅读更多相关文章,请关注编程笔记行业资讯频道。 ... [详细]
  • 如何在服务器主机上实现文件共享的方法和工具
    本文介绍了在服务器主机上实现文件共享的方法和工具,包括Linux主机和Windows主机的文件传输方式,Web运维和FTP/SFTP客户端运维两种方式,以及使用WinSCP工具将文件上传至Linux云服务器的操作方法。此外,还介绍了在迁移过程中需要安装迁移Agent并输入目的端服务器所在华为云的AK/SK,以及主机迁移服务会收集的源端服务器信息。 ... [详细]
  • 本文讨论了如何在codeigniter中识别来自angularjs的请求,并提供了两种方法的代码示例。作者尝试了$this->input->is_ajax_request()和自定义函数is_ajax(),但都没有成功。最后,作者展示了一个ajax请求的示例代码。 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
  • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
author-avatar
吴沫燃2502934477
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有