网页设计中的20个UX策略

2023-04-2409:20:29交互设计Comments1,057 views字数 691阅读模式

做个网站还是开发个APP,重点内容的清晰呈现与良好的引导都是非常重要的,每个界面都应该有一个清晰的起点和路径。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略1—使用单列布局文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略2—重叠设计元素,强调连续性文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

根据格式塔心理学,人会通过简化感知来克服混乱。所以我们可以将元素分类。这些原则包括:相似,临近,闭合,连接, 延续和图形/背景。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略3—按照临近性将相似的功能或菜单项分组显示文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略4—标题位置与对应章节内容更靠近文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略5—标题与章节内容在同一区块内文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

删除或弱化不必要的信息。人的注意力是有限的,不必要的元素会造成干扰,确保用户专注在重要信息和功能上。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略6—将弹出窗口或对话框后背景模糊处理文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略7—去掉不必要的边框文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略8—删除冗余或不言自明的说明文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略9—隐藏不常用但必要的设置、功能和信息文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

提示内容是否被折叠。现在大多数浏览器在页面处于非活动状态时隐藏滚动条,你需要“滚动提示”告知用户首屏以下是否还有内容。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略10—通过折叠来扩展元素文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

△ UX策略11—添加阴影以指示深度文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略12—用文字或图形表示有更多内容文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

如何上面的设计成功吸引到用户的注意力,剩下来就是帮他们更快的完成操作了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略13—基于用户行为创建默认项文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略14—产品列表页要包含重要的数据文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略15—如果你觉得上面的不美观,可以设置成悬停可见。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略16—最常用的功能直接显示,不要隐藏文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

传达交互的状态,通过传达相关状态信息减少不确定性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略17—用数字序列表明所处阶段文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略18—显示某个类别的总数文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略19—说明你想要用户提交的内容文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

网页设计中的20个UX策略
△ UX策略20—开始进程不要从0开始文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/36934.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/jiaohu/36934.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定