欢迎来到天天文库
浏览记录
ID:47896565
大小:829.09 KB
页数:12页
时间:2019-10-21
《在网页设计中如何引导用户的注意力》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、在网页设计中如何引导用户的注意力在界面中突出强调一个聚焦点每个界面都应该有一个清晰的起点。用户应该从哪里看起?要设计清楚。TacticAddVisualContrasttoPageHeadlinesHEADLINEHEADLINEHEADLINEWeightSizeColorHEADLINEHEADLINEAlignmentIsolationBackground△UX策略1-在页面标题部分添加视觉对比通过视觉的层次引导用户通过界面引导控制用户体验。他们应该从哪里先看起,第二和第三步又看哪里?设计要建立层次结构。TacticAv
2、oidTrappingNegativeSpaceintheComposition△UX策略2-避免在构图中补漏留白△UX策略3-使用单列布局TacticOverlapaDesignElementtoEmphasizeContinuity△UX策略4-重叠设计元素,强调连续性使用格式塔原则逬行布局设计根据格式塔心理学,人会通过简化感知克服混乱。所以我们将事物分组,将元素分类,我们看〃整体"。这些原则包括:相似,接近,闭合,连接,连续和图形/背景。SimilarityProximityClosureConnectionContin
3、uityFigure/Ground△UX策略5_按照接近性将相似功能或菜单项分组显示△UX策略6_标题位置与对应章节内容更靠近△UX策略7-限制标题与章节内容在同一界限内在不干扰用户的前提下呈现界面变化有一些界面变化会发生在用户使用期间,这些变化要做到明显但不干扰用户。TacticVisiblyAnimateChangesintheInterface△UX策略8-用明显的动画呈现界面变化TacticDifferentiateElementsThatTriggeredanErrorPteascfixzipcodc-Name:L3
4、Email:△UX策略9-将出错的元素区分显示出来,错误提醒信息放置在表单顶部删除或弱化不必要的信息人的注意力是有限的。不必要的元素会消耗这些注意力。因此,保持用户专注在重要信息和功能上。TacticObscureBackgroundsBehindPopuporModalBoxes△UX策略10-弹出或模态窗口背景模糊处理TacticMaximizeData-lnkRatiosinAllImagery100-75・50250AprilMayJuneJuly△UX策略11-在所有图像中最大限度地提高数据墨水比率(让数据更凸显)△
5、UX策略13-删除冗余或不言自明的说明△UX策略14-隐藏不常用但必要的设置、功能和信息提示首屏以下是否还有内容现在大多数浏览器在页面处于非活动状态时隐藏滚动条,你需要”滚动提示〃告知用户首屏以下是否还有内容△UX策略15-通过首屏延伸页面下方信息元素TacticAddaShadowtoIndicateDepthLastChangedK、3々8八61:09p13/28/16、:09P髦力MailohimpaddsasubtleshadouitoimplythafmorecolumnsexistMemberRatingTLast
6、Changed3/28/161^)9P3/28/161XJ9PMailohimpaddsasubtleshadouitoimplythatmorecolumnsexist△UX策略16-添加阴影以指示深度/TacticIndicateMoreContentWithWordsorGraphics>^HEADLINEHEADLINET、▼△UX策略17-用文字或图形表示有更多内容更多精彩内容请关注99click商助科技官方微博和官方微信(微信公众号:cn99dick)
此文档下载收益归作者所有