百度seo快速排名外包服务_网站建设制作_网站优化_全网seo排名优化中心

网站优化

 找回密码
 立即注册
网页设计必读!125个小优化提升网页可用性(一)
查看: 1043|回复: 0

网页设计必读!125个小优化提升网页可用性(一)

SEO服务 发表于 2017-1-13 13:15:36 | 显示全部楼层 |阅读模式
本文是一篇关于用户体验、UI设计、交互设计的很实用的文章,由于单篇过长,我拆开来翻译连载。


优化策略第1类:控制用户的焦点和注意力


在界面中突出强调一个聚焦点


每个界面都应该有一个清晰的起点。用户应该从哪里看起?要设计清楚。


seofuwu10456131420011.png


△ UX策略1 – 在页面标题部分添加视觉对比


通过视觉的层次引导用户


通过界面引导控制用户体验。他们应该从哪里先看起,第二和第三步又看哪里?设计要建立层次结构。


seofuwu10456131420012.png


△ UX策略2 – 避免在构图中补漏留白


seofuwu10456131420013.png


△ UX策略3 – 使用单列布局


seofuwu10456131420014.png


△ UX策略4 – 重叠设计元素,强调连续性


使用格式塔原则进行布局设计


根据格式塔心理学,人会通过简化感知克服混乱。所以我们将事物分组,将元素分类,我们看整体。


这些原则包括:相似,接近,闭合,连接,连续和图形/背景。


seofuwu10456131420015.png


seofuwu10456131420016.png


△ UX策略5 – 按照接近性将相似功能或菜单项分组显示


seofuwu10456131420017.png


△ UX策略6 – 标题位置与对应章节内容更靠近


seofuwu10456131420018.png


△ UX策略7 – 限制标题与章节内容在同一界限内


在不干扰用户的前提下呈现界面变化


有一些界面变化会发生在用户使用期间,这些变化要做到明显但不干扰用户。


seofuwu10456131420019.png


△ UX策略8 – 用明显的动画呈现界面变化


seofuwu104561314200110.png


△ UX策略9 – 将出错的元素区分显示出来,错误提醒信息放置在表单顶部
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网站优化公司

GMT+8, 2019-12-10 12:40帝国网络网站优化公司

网站优化公司© 2006-2017 wangzhanyouhua.net Search Engine Optimization By 网站搜索引擎优化公司

快速回复 返回顶部 返回列表