设计沉思录 | 聊聊UI设计中的交互原则

访客4年前黑客工具1254

编辑导读:好的设计原则是产物设计的坚硬基本,它可以描写产物整体层面的设计方针,也可以对详细问题的决定举办支持。文章从设计原则的重要性出发,分享了用户体验的8条UX原则,供各人一起参考进修。

设计沉思录 | 聊聊UI设计中的交互原则

01 媒介

UI设计日新月异,但在变革的背后稳定的是设计师对美和易用的追求。在对用户体验的不绝研究中,许多巨大的案例被凝结成简明的设计原则供我们利用。Lawsofux的UX原则即是个中的规范,这些原则久经检验,长期弥新。本文仅就这些优秀的交互原则团结本身的事情项目。谈些浅显的观点,意在抛砖引玉。

02 Lawsofux的UX原则 1. 希克定律

决定本钱跟着可选数量和巨大性增加而增加。将巨大任务拆解为简朴的步调可以低落用户的决定本钱。突示推荐选项可以制止用户无所适从。渐进式设计可以淘汰新用户的认知承担。

应用案例:省心招-雇用刷新配置功效页

我们在设计进程中常常会碰着一种环境:单一页面会有许多雷同的进口或内容,而且需求方但愿都加以强调。由希克定律得知,对付用户来说这样的页面是十分巨大的。既全都强调便是没有强调,结果反而不抱负。在招才猫的的配置功效页中我们制止了这种环境,对功效页的三种进口举办了区别化处理惩罚,将用户最需要的操纵突出显示,防备用户陷入狐疑。

设计沉思录 | 聊聊UI设计中的交互原则

2. 菲茨定律

获取方针的时间取决于方针的间隔和巨细。点击方针应足够大,利用户可以分辨和精确选择。点击方针之间应有充实旷地。点击方针应该安排在一个界面内易于获取的区域。

应用案例:58营销平台-结果数据进级

在数据展示类设计中,用户查察数据一直是个痛点,因为图表大概很长可能数据文字不足明明,导致界面识别性较低。在58营销平台结果数据页设计时,我们实验优化这个问题。于是在柱状图顶部增加了触发点,鼠标划过期会表现卡片揭示其详细数据。设计时触发点应足够大,可能有更大的热区,以增加数据识别性。

设计沉思录 | 聊聊UI设计中的交互原则

3. 共域定律

假如元素们在一个明明的区域内,人们将认为他们是一组的。为差异数量元素添加边框是建设民众区域的轻便要领。也可觉得差异数量元素添加配景来建设民众区域。

应用案例:帮帮商家2.4.0版本迭代

在这个页面优化时,碰见了用户利用习惯与内容逻辑分类的斗嘴。页面分为操纵项与展示项,操纵项多且巨大,用户大概只要配置部门成果就足够。可是原页面生存按钮在操纵项最下方,大概要翻页去找,不是很利便。于是将生存按钮与右侧预览页面上下排布,通过灰色的配景使得其视觉上归为一组。这样也切合了用户“生存满足配置“的心智模子。

设计沉思录 | 聊聊UI设计中的交互原则

4. 接近性原则

互相邻近的工具往往会组合在一起。相近有助于与四周物体成立干系。相近性可辅佐用户更快,更有效地领略和组织信息。

应用案例:58营销平台-结果数据页

这个原则有两个方面:相关的内容要接近,不相关的数据也要远离,防备用户夹杂。在结果数据页的建设漏斗模块中,仅仅依靠操纵项目之间的间距就可以给用户控件利用 *** 的体现。在数据阐明模块中,差异的控件之间,间距和位置也可以表白他们的相关性和优先级。

设计沉思录 | 聊聊UI设计中的交互原则

5. 连通性原则

与没有毗连的元素对比,在视觉上毗连的元素被认为更相关。可以通过颜色,线条,框架或其他形状毗连具有雷同性质的分构成果。

应用案例:招才猫-刷新配置页

两个方案中,左侧利用卡片将承载所有内容的方案使得成果的从属于干系越发明晰。而右侧的线框也将标题与说明牢牢的毗连在一起。

设计沉思录 | 聊聊UI设计中的交互原则

6. 美等于好用

用户凡是认为雅观的设计是更实用的设计。雅观的设计可以让用户对小的可用性问题越发宽容。雅观的设计在人们的大脑中发生了努力的回响,并使他们相信设计的比实际上更好用。雅观的设计可以掩盖可用性问题,防备在可用性测试期间发明问题。

应用案例:省心招-置顶页面改版

相关文章

表格数据检索(二)

表格数据检索(二)

编辑导语:企业级中靠山产物凡是大量利用表格来展示布局化的数据,对表格数据举办检索,是一个常用成果;上篇主要是环绕搜索、筛选、排序三种方法来探讨;本文从适合的场景、设计时留意的问题等方面举办阐明。 在...

西瓜视频:字节之外,艰难跳动

西瓜视频:字节之外,艰难跳动

编辑导读:说到字节跳动旗下的产物,许多人的第一回响是抖音,因为其复杂的用户量和流量,创下了客观的告白营收。而长视频有优爱腾,短视频有抖音快手,西瓜视频夹在个中就稍显惨淡。本文作者环绕西瓜视频的成长展开...

大力教育为何能成字节跳动首个独立品牌?

大力教育为何能成字节跳动首个独立品牌?

编辑导语:“我的脑壳里蹦出两个字——大力大举,大力大举出古迹嘛。对每一个家庭而言,教诲就是一个孕育古迹的处所。”10月底,字节跳动公布启用全新教诲品牌“大力大举教诲”,以上是CEO陈林对“大力大举教诲...

用户授信额度管理策略及模型

用户授信额度管理策略及模型

编辑导语:授信额度打点参照差异的量化指标有许多差异的要领,那么,授信额度与贷款额度指的是什么?用户贷款周期额度打点该用何种计策和模子?本文作者回收行为分数与授信账户平均余额的要领,发起列位读者需要按照...

短视频沙雕广告越来越“耍猴”,广告业正丧失最后的体面

短视频沙雕广告越来越“耍猴”,广告业正丧失最后的体面

编辑导读:细心的你大概会发明,最近在各个平台会常常刷到一些短视频沙雕告白。逻辑杂乱,情节俗套,代价观扭曲,被用户猖獗吐槽。这样的告白未必利于品牌流传,那为什么企业还簇拥而至呢?本文将从三个方面临这个现...

不会画饼的领导,不值得托付

不会画饼的领导,不值得托付

不管是职场新人照旧老油条,想必都碰着过率领画饼的环境。一般人尤其是年青人最不喜欢画饼的率领,可是本文作者却提出了相反的概念,一起来看看吧。 “小李啊,你好好干,公司不会亏待你的。” “小王啊,你刚大...