网页设计中的用户体验设计清单(看了就能用)
作者:佳明妈 来源:简书 2016-09-07 人气:web网页设计中怎么做好用户体验设计,下面列出一份用户体验设计清单,该体验设计清单,简洁明了,看了就能用上,还不赶快打开看看。
建立用户信任和靠谱性用户体验
1、个性化的功能,货币、语言、具体国家的税收、还有快递选项是基于用户位置的。未经用户授权,不能启用基于IP的地理位置。
2、让用户觉得注册使用产品有价值,『免费试用』的按钮要比『注册』按钮更吸引用户。并且,如果能够不注册就允许用户使用,那么就不要加入注册流程,这会让更多人愿意试用你的产品。
3、透明的价格,价格需要被清晰地显示出来,不要隐藏在条款里隐藏价格或者相关信息。
4、页面不自动刷新,如果页面突然有新的内容加载,用户会感到困惑。比如在浏览新闻网站时候。
5、演示内容,比如,在一个表单旁边加上一个该表单内容的示例。
6、证明网站真实可信,真实可靠的参考资料、凭证(备案)、联系方式,地点以及在网站上显示真实的人像。此外,网站需要经过专业的设计和保证及时的更新。
7、整洁的产品和服务信息,信息是可以被扫描的,图片可以被放大或缩小以保证不同尺寸下的可见。
web网站首页体验要怎么做?
1、明确的操作步骤,让用户知道下一步怎么做,以及为什么要这么做。让用户明白网站的价值和目的。
2、第一印象,首页能够给用户留下一个好的印象并且支持跳转。
3、显示已登录的用户名,比如显示『你好,Charles 』 而不是『您好,先生』。
4、在主页上进行发布一些重要变化的通知。如策略的变更或网站停机等。
5、能够很轻松的从主页上获取到公司的地点和联系方式。
6、隐私策略,如果网站获取了用户的信息,应该要保护用户的隐私。
7、图片、视频必须是与主题相关的或有意义的,不要有不相关的照片,要有高质量的产品和服务的截图、视频或者照片等。未经用户允许,音频或者视频不要自动播放。
8、URL重定向,网站有无www均可以访问。比如 “www.51xuediannao.com “ 和 “51xuediannao.com”。
可访问性
1、给非文本元素加上Alt属性,如图像和地图,然后给音频和视频加上字幕和说明。
2、单色不足以传达信息。
3、内容在没有css样式下都可以顺利阅读。
4、链接,复选框,按钮容易被点击,例如用户可以通过点击文本达到选择复选框的目的。
导航设计
1、重要的链接不要去使用动画特效,比如转盘或者轮播效果。
2、不要只是用按字母排序,如果有更好的排序方式(如分类、等 )尽量不要使用按字母排序方式。
3、让用户能够明确的知道所处位置,比如Wordpress里的breadcrumbs效果,还有大型网站的站点地图。
4、导航在每一个页面上都是一致的。
5、链接都是具有描述性的,不要出现「点击这里」的链接。
6、在网页的标题要有一个简洁的描述,这样的话在书签中很容易被识别和理解。
7、网址如果能令人记忆深刻就最好了。
搜索功能
1、在数据比较多的网站上,需要有一个全局搜索。
2、在每一个页面都能找到搜索框,而不仅仅是在首页。
3、用户可以随时随地的开始搜索,而不是需要点击链接才能搜索。
超级链接
1、重要的操作都应该使用按钮,比如「购买」「支付」都应该是按钮,而不是链接。
2、链接很容易辨识,他门应该是看起来可点击的。不是链接的文字不要做成可点击状态。
3、访问过的链接颜色要不同于未访问过的。
4、不要有不能访问的链接。
网页布局
1、重要的内容优先显示。
2、响应式设计 ,网站的内容要能适应不同尺寸的屏幕。不要出现横向的滚动条。
3、相关的信息作为一个组合放在一起。这样看起来清晰易读。
4、尽量少使用弹出框。
5、页面保证整洁,保证足够的留白。
流程设计
1、问题跟踪。有一个专门的地方处理可用性和用户体验问题。
2、用户测试。在开发的不同阶段都需要进行可用性测试。参与测试的应该是非项目开发和设计成员。
3、优先级。根据功能重要程度、目的、紧迫程度、预算和其它限制因素等确定功能的优先级 。
4、改版的影响分析。如果变化会影响到产品的其他部分,其他人或者整个流程,改版可能会变得费时费力的。所以在做任何改变的时候做影响分析是很重要的。
5、网站改版前后的投入产出比评估。
表单设计
1、简洁。表单里只出现必要的项目。
2、避免出现很长的下拉列表。可以采用通过文字进行筛选的方式,长的下拉菜单在鼠标滚动的时候容易出错。
3、出错提示出现在输入框旁边,而不要出现在页面顶部。
内容撰写
1、对比。文字和背景之间要有明确的对比度 。
2、内容是可以被扫描的,尽量使用简洁的段落,描述性的标题,列表和图片。适当地使用一些视觉元素,而不是大片的文字。
3、内容采用用户可以理解的通用语言。
4、联系方式和公司信息能够被清楚地显示出来,点击联系的链接不要自动打开邮件应用程序。
5、内容是有用的并且经常保持更新,常用问题给出明确的答案。不要出现很长的介绍或者「欢迎使用我们网站」之类的文字。
6、不要在文本中滥用大写,大写仅限于在具体格式中使用。
http://www.jianshu.com/p/f30f31da65ab
网页设计中的用户体验设计清单(看了就能用)由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
网页设计中的用户体验设计清单(看了就能用)-最新评论