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

访客4年前黑客工具1267

编辑导读:好的设计原则是产物设计的坚硬基本,它可以描写产物整体层面的设计方针,也可以对详细问题的决定举办支持。文章从设计原则的重要性出发,分享了用户体验的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. 美等于好用

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

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

相关文章

不谈恋爱,啥事没有? | 《2020职场“后浪”情感状态调查报告》

不谈恋爱,啥事没有? | 《2020职场“后浪”情感状态调查报告》

糟心的520终于已往了,竟然尚有521? 职场后浪积积本人只想仰天长啸:凭什么凭什么凭什么!普通周三周四而已,既要事情,还要被别人的甜甜恋爱虐?算了,糊口还得继承,其他社畜是什么状态呢? 克日提倡了...

四象限选拔法:从面试官角度,看数据产品经理的面试和选拔

四象限选拔法:从面试官角度,看数据产品经理的面试和选拔

我总结了一套四象限选拔方法,作为每次提问和评估的提纲,与候选人进行面试沟通。今天分享给同行面试官做一些参考,也分享给想转行和应聘数据产品经理的同学,看看面试官可能提哪些问题,提前做好面试准备。 近3...

6策略拆解拼多多上瘾玩法,如何让人欲罢不能买买买?

6策略拆解拼多多上瘾玩法,如何让人欲罢不能买买买?

编辑导读:方才已往的双十一,你“剁手”了吗?钱包还好吗?作为“剁手”的个中一员,本文作者在费钱的同时,也当真思考了电商平台是如何诱惑消费者买买买的。本文以拼多多为例,拆解它的上瘾玩法,但愿对你有辅佐。...

对权限系统的思考

对权限系统的思考

编辑导语:险些所有的打点靠山城市涉及到权限的设计,权限节制是打点靠山的重要成果,可以有效的提高系统的安详性,淘汰误操纵、数据泄漏等风险的产生;本文作者对权限系统举办了思考,我们一起来看一下。 最近入...

需求调研时,如何有效的用户访谈?

需求调研时,如何有效的用户访谈?

编辑导读:在举办产物事情时,需要对用户有一步的相识,这时候我们就需要举办需求调研。凡是我们会回收用户访谈的方法,相识他们对产物的观点及需求。本文将环绕如何举办用户访谈展开,与你分享。 有时候通过市场...

“虎扑”产品分析报告 | 一个为直男做内容的伪专业体育社区

“虎扑”产品分析报告 | 一个为直男做内容的伪专业体育社区

虎扑是一个包括篮球、体育、游戏、影视、女神等内容板块的泛娱乐社区产物,本文将团结虎扑今朝的近况以及版本迭代的趋势举办阐明,为虎扑的某些成果提出优化发起。 网络上风行着这样一个梗“微博女拳,虎扑直男”...