网页设计中的20个UX策略

做个网站还是开发个APP,重点内容的清晰呈现与良好的引导都是非常重要的,每个界面都应该有一个清晰的起点和路径。

图片
△ UX策略1—使用单列布局

图片
△ UX策略2—重叠设计元素,强调连续性

根据格式塔心理学,人会通过简化感知来克服混乱。所以我们可以将元素分类。这些原则包括:相似,临近,闭合,连接, 延续和图形/背景。

图片
△ UX策略3—按照临近性将相似的功能或菜单项分组显示

图片
△ UX策略4—标题位置与对应章节内容更靠近

图片
△ UX策略5—标题与章节内容在同一区块内

删除或弱化不必要的信息。人的注意力是有限的,不必要的元素会造成干扰,确保用户专注在重要信息和功能上。

 

图片
△ UX策略6—将弹出窗口或对话框后背景模糊处理

图片
△ UX策略7—去掉不必要的边框

图片
△ UX策略8—删除冗余或不言自明的说明

图片
△ UX策略9—隐藏不常用但必要的设置、功能和信息

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

图片
△ UX策略10—通过折叠来扩展元素

图片

△ UX策略11—添加阴影以指示深度

图片
△ UX策略12—用文字或图形表示有更多内容

如何上面的设计成功吸引到用户的注意力,剩下来就是帮他们更快的完成操作了。

图片
△ UX策略13—基于用户行为创建默认项

图片
△ UX策略14—产品列表页要包含重要的数据

图片
△ UX策略15—如果你觉得上面的不美观,可以设置成悬停可见。

图片
△ UX策略16—最常用的功能直接显示,不要隐藏

传达交互的状态,通过传达相关状态信息减少不确定性。

图片
△ UX策略17—用数字序列表明所处阶段

图片
△ UX策略18—显示某个类别的总数

图片
△ UX策略19—说明你想要用户提交的内容

图片
△ UX策略20—开始进程不要从0开始

THE END