千锋教育-做有情怀、有良心、有品质的IT职业教育机构

位置:首页 > 行业动态

UI设计师应该熟知的网站用户体验要点(二)

时间:2017-03-30 09:34:57  |  来源:千锋教育上海校区  |  作者:千锋  

   上篇文章从整体上研究了一下用户体验应该注重的哪些方面,今天咱们就拿出其中的前两点重点的分析一下这些体验应该注意什么方面,不然大家还是会没有明确的思路。

图片1.png

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

  1. 设计风格:从风格上应该符合目标客户的审美习惯,注重其引导性。网站在设计之前,首先要明确目标客户群体,并针对目标客户的审美喜好,进行分析,然后确定网站的总体设计风格。

  2. 网站LOGO:logo是你个人的特色让别人有良好体验的前提下,你的logo就是你的招牌了。确保logo的保护空间,确保品牌的清晰展示而又不占据过分空间。

  3. 页面速度:例如你打开一个网站,如果加载非常的慢,你估计很难继续等下去。正常情况下,尽量确保页面在5秒内打开。如果是大的门户网站,必须考虑南北互通问题,进行必要的压力测试。

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

2.jpg

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

  6. 动画效果:动画一般加载比较慢,还是要注意加载的时间问题,与主画面相协调,打开速度快,动画效果节奏适中,不干扰主画面浏览。

  7. 页面导航:导航条清晰明了、突出,层级分明,这样用户才能在方便的时候找到自己感兴趣的内容。

  8. 页面大小:这个设计到浏览器兼容的问题。适合多数浏览器浏览(以15寸及17寸显示器为主)。

  9. 图片展示:比例协调、不变形,图片清晰。图片排列既不过于密集,也不会过于疏远,这个主要就是考察你个人审美的问题了。

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

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

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

图片1.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  小编这篇文章主要从这两个方面和大家交流。希望对大家的成长与工作的提升有一定的帮助。建议如果基础非常不好的同学,可以选择千锋教育系统的学习一下UI培训课程,掌握UI交互及各种相关设计的商业应用,技高一筹,薪高一等。

上一篇:有压力才有动力 千锋安卓培训学员月薪过万
下一篇:UI设计师应该熟知的网站用户体验要点(三)

课程咨询

  • 北京天丰利校区(总部):北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术广场服务楼2层、南区服务楼2层
    咨询电话:400-654-7778 010-82790226/7-801
    面授课程:Android培训、HTML5培训、UI交互设计培训、PHP培训、JavaEE培训、大数据开发培
                     训、VR/AR混合现实培训、iOS培训、好程序员
  • 深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷A区B座605-619
    深圳大学城校区:深圳市南山区留仙大道1201号大学城创客小镇16栋2楼、3楼
    咨询电话:0755-33582485-801(硅谷校区)0755-86660670-801(大学城校区)
    面授课程:Android培训、HTML5培训、UI交互设计培训、PHP培训、JavaEE培训、iOS培训
  • 上海地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-56166283/56166279
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、JavaEE培训、iOS课程培训、好程序员
  • 郑州地址:郑州市金水区纬五路21号河南教育综合楼(经纬中学楼)6/7/8层
    咨询电话:0371-55191750 400-654-7778
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、JavaEE培训、iOS课程培训
  • 广州地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-654-7778
    面授课程:Android课程培训、HTML5课程培训、JavaEE培训、iOS课程培训
  • 大连地址:辽宁省大连市甘井子区软件园路2号东软信息B8座2层
    咨询电话:0411-39026086 400-654-7778
    面授课程:Android课程培训、HTML5课程培训、JavaEE培训、iOS课程培训
  • 武汉地址:武汉市江夏区藏龙岛杨桥湖大道15号拓创大厦15楼
    咨询电话:027-81772047
    面授课程:Android课程培训、HTML5课程培训、JavaEE培训、iOS课程培训
  • 成都地址:成都市武侯区科华北路62号力宝大厦N(北楼)18楼
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、JavaEE培训、iOS课程培训
  • 校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:029-85260160 029-85261030 029-85260960
    面授课程:Java课程培训、Android课程培训、HTML5课程培训、JavaEE培训
  • 杭州地址:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:0571-86893632 010-82790226-801
    面授课程:Android课程培训、HTML5课程培训、iOS课程培训
  • 青岛校区地址:青岛市市南区金坛路17号青岛职业技术南校区实训楼A4层
    咨询电话:0532-80910752/3 010-82790226-801
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、iOS课程培训
  • 了解千锋动态
    关注千锋教育服务号

  • 扫码关注千锋互联
    身边的移动开发导师