站长广告网

 找回密码
 我要注册

QQ登录

只需一步,快速开始

站长广告网 首页 设计学院 网页设计 查看内容

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

2016-5-6 15:36|作者:企业官网设计精选 |浏览:3423 人次| 0人参与

摘要: 本文是一篇关于用户体验、UI设计、交互设计的很实用的文章,由于单篇过长,我拆开来翻译连载。优化策略第1类:控制用户的焦点和注意力。在界面中突出强调一个聚焦点。每个界面都应该有一 ...
网页设计必读!125个小优化提升网页可用性(一)

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

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

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

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

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

  通过视觉的层次引导用户

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

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

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

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

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

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

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

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

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

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

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

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

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

  删除或弱化不必要的信息

  人的注意力是有限的。不必要的元素会消耗这些注意力。因此,保持用户专注在重要信息和功能上。

△ UX策略10 – 弹出或模态窗口背景模糊处理

△ UX策略11 – 在所有图像中最大限度地提高数据墨水比率(让数据更凸显)

△ UX策略12 – 去掉不必要的边框

△ UX策略13 – 删除冗余或不言自明的说明

△ UX策略14 – 隐藏不常用但必要的设置、功能和信息

  提示首屏以下是否还有内容

  现在大多数浏览器在页面处于非活动状态时隐藏滚动条,你需要“滚动提示”告知用户首屏以下是否还有内容

△ UX策略15 – 通过首屏延伸页面下方信息元素

△ UX策略16 – 添加阴影以指示深度

△UX策略17 – 用文字或图形表示有更多内容

  未完待续…

       本文发布于站长广告网,本文链接:
文章还不错,分享到:
12下一页

   站长广告网(www.zhanad.com)版权及免责声明」
    ① 本站文章来源注明为“站长广告网”的所有文字及图片均为本站原创,版权属于本站所有。其他网络媒体或个人转载使用文字及图片的,应在授权范围内使用,转载请注明“作者、出处链接”
    ② 本站转载自其他媒体的文字及图片,仅出于传递信息之目的,不代表本站官方声音或证实其内容的真实性。如其他网络媒体媒体或个人转载,必须保留本网注明的版权标注,并自负版权等法律责任。
    ③ 欢迎通过官方QQ:10382819、邮件ceo#zhanad.com(#改为@)、微博@站长广告网 与我们就文章内容交流、声明或侵删。[本文编辑/信息员 

相关分类

联系我们 素材下载
返回顶部