热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

用户体验自检清单

当设计完成的时候,你一定特别希望立刻就找到一些用户来参与用户体验测试,不过别着急,你可以看看下面的这些可用性要点是不是都已经被遵守了。我们相信这会节约你不少时间,

 

  当设计完成的时候,你一定特别希望立刻就找到一些用户来参与用户体验测试,不过别着急,你可以看看下面的这些可用性要点是不是都已经被遵守了。我们相信这会节约你不少时间,所以认真看看吧。

  

 

  用户体验

  个性化的功能,货币、语言、具体国家的税收、还有快递选项是基于用户位置的。未经用户授权,不能启用基于IP的地理位置。

  让用户觉得注册使用产品有价值,『免费试用』的按钮要比『注册』按钮更吸引用户。并且,如果能够不注册就允许用户使用,那么就不要加入注册流程,这会让更多人愿意试用你的产品。

  透明的价格,价格需要被清晰地显示出来,不要隐藏在条款里隐藏价格或者相关信息。

  页面不自动刷新,如果页面突然有新的内容加载,用户会感到困惑。比如在浏览新闻网站时候。

  演示内容,比如,在一个表单旁边加上一个该表单内容的示例。

  证明网站真实可信,真实可靠的参考资料、凭证(备案)、联系方式,地点以及在网站上显示真实的人像。此外,网站需要经过专业的设计和保证及时的更新。

  整洁的产品和服务信息,信息是可以被扫描的,图片可以被放大或缩小以保证不同尺寸下的可见。

  首页

  明确的操作步骤,让用户知道下一步怎么做,以及为什么要这么做。让用户明白网站的价值和目的。

  第一印象,首页能够给用户留下一个好的印象并且支持跳转。

  显示已登录的用户名,比如显示『你好,Charles 』 而不是『您好,先生』。

  在主页上进行发布一些重要变化的通知。如策略的变更或网站停机等。

  能够很轻松的从主页上获取到公司的地点和联系方式。

  隐私策略,如果网站获取了用户的信息,应该要保护用户的隐私。

  图片、视频必须是与主题相关的或有意义的,不要有不相关的照片,要有高质量的产品和服务的截图、视频或者照片等。未经用户允许,音频或者视频不要自动播放。

  URL重定向,网站有无www均可以访问。比如 “www.userium.com “ 和 “userium.com”。

  可访问性

  给非文本元素加上Alt属性,如图像和地图,然后给音频和视频加上字幕和说明。

  单色不足以传达信息。

  内容在没有css样式下都可以顺利阅读。

  链接,复选框,按钮容易被点击,例如用户可以通过点击文本达到选择复选框的目的。

  导航

  重要的链接不要去使用动画特效,比如转盘或者轮播效果。

  不要只是用按字母排序,如果有更好的排序方式(如分类、等 )尽量不要使用按字母排序方式。

  让用户能够明确的知道所处位置,比如Wordpress里的breadcrumbs效果,还有大型网站的站点地图。

  导航在每一个页面上都是一致的。

  链接都是具有描述性的,不要出现「点击这里」的链接。

  在网页的标题要有一个简洁的描述,这样的话在书签中很容易被识别和理解。

  网址如果能令人记忆深刻就最好了。

  搜索

  在数据比较多的网站上,需要有一个全局搜索。

  在每一个页面都能找到搜索框,而不仅仅是在首页。

  用户可以随时随地的开始搜索,而不是需要点击链接才能搜索。

  链接

  重要的操作都应该使用按钮,比如「购买」「支付」都应该是按钮,而不是链接。

  链接很容易辨识,他门应该是看起来可点击的。不是链接的文字不要做成可点击状态。

  访问过的链接颜色要不同于未访问过的。

  不要有不能访问的链接。

  布局

  重要的内容优先显示。

  响应式设计 ,网站的内容要能适应不同尺寸的屏幕。不要出现横向的滚动条。

  相关的信息作为一个组合放在一起。这样看起来清晰易读。

  尽量少使用弹出框。

  页面保证整洁,保证足够的留白。

  流程

  问题跟踪。有一个专门的地方处理可用性和用户体验问题。

  用户测试。在开发的不同阶段都需要进行可用性测试。参与测试的应该是非项目开发和设计成员。

  优先级。根据功能重要程度、目的、紧迫程度、预算和其它限制因素等确定功能的优先级 。

  改版的影响分析。如果变化会影响到产品的其他部分,其他人或者整个流程,改版可能会变得费时费力的。所以在做任何改变的时候做影响分析是很重要的。

  网站改版前后的投入产出比评估。

  表单

  简洁。表单里只出现必要的项目。

  避免出现很长的下拉列表。可以采用通过文字进行筛选的方式,长的下拉菜单在鼠标滚动的时候容易出错。

  出错提示出现在输入框旁边,而不要出现在页面顶部。

  内容

  对比。文字和背景之间要有明确的对比度 。

  内容是可以被扫描的,尽量使用简洁的段落,描述性的标题,列表和图片。适当地使用一些视觉元素,而不是大片的文字。

  内容采用用户可以理解的通用语言。

  联系方式和公司信息能够被清楚地显示出来,点击联系的链接不要自动打开邮件应用程序。

  内容是有用的并且经常保持更新,常用问题给出明确的答案。不要出现很长的介绍或者「欢迎使用我们网站」之类的文字。

  不要在文本中滥用大写,大写仅限于在具体格式中使用。

 


推荐阅读
  • 本文内容为asp.net微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ... [详细]
  • 本文详细解析了JavaScript中相称性推断的知识点,包括严厉相称和宽松相称的区别,以及范例转换的规则。针对不同类型的范例值,如差别范例值、统一类的原始范例值和统一类的复合范例值,都给出了具体的比较方法。对于宽松相称的情况,也解释了原始范例值和对象之间的比较规则。通过本文的学习,读者可以更好地理解JavaScript中相称性推断的概念和应用。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文讨论了为什么在main.js中写import不会全局生效的问题,并提供了解决方案。在每一个vue文件中都需要写import语句才能使其生效,而在main.js中写import语句则不会全局生效。本文还介绍了使用Swal和sweetalert2库的示例。 ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • javascript  – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
    介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ... [详细]
author-avatar
手机用户2502914971
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有