加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

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

发布时间:2016-05-07 10:07:05 所属栏目:优化 来源:企业官网设计精选
导读:本文是一篇关于用户体验、UI设计、交互设计的很实用的文章,由于单篇过长,我拆开来翻译连载。
副标题[/!--empirenews.page--]

本文是一篇关于用户体验、UI设计、交互设计的很实用的文章,由于单篇过长,我拆开来翻译连载。

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

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

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

网站设计 网页优化 网站优化 网页设计教程

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

通过视觉的层次引导用户

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

网站设计 网页优化 网站优化 网页设计教程

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

网站设计 网页优化 网站优化 网页设计教程

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

网站设计 网页优化 网站优化 网页设计教程

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

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

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

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

5zxsj20160504

6zxsj20160504

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

7zxsj20160504

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

8zxsj20160504

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

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

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

9zxsj20160504

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

10zxsj20160504

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

注:相关网站建设技巧阅读请移步到建站教程频道。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读