赞助商
立即赞助

高手是如何思考功能设计的?用单复选组件的案例告诉你!

交互设计3年前 (2021)发布 流光
1.8K 0 0

节前有一位读者问一个关单选与复选框样式选择的问题,大概是:

看到很单选与选的设计形式,种样,以前看到「圆点+圆圈」就道是单选,但是为什么现在单选与选的设计样式花八门,没有遵守前面种规范呢?组件的样式到底该何确定呢?为什么有一种模糊不清,不道何使用的情况?

我现许人有一个习惯,就是喜欢把某个具象的内容抽象化,把某个具的问题概念化。

比如认单选就应该「圆圈+圆点」的形式,但似乎从也任何明文规单选就必须这样的形式,只不过家看得多了,就习惯认这样,觉得就这样规的,但其实并过这样的规则。

要知道,式常常根据功能在变化。比如功能优化了,式也需要进行修饰,并不是说这有一个选操作,就必须是「圆圈+圆点」的形式给用户选择。无论是在脑还是机上,都是一的道理。

这样处问题,会把实际的务问题给处没了,最后变成控件择的问题,而是功本身的问题。

比如普弹框,也是单选状态,为什么不也改成下图右边这样呢?不是操作路径长,击起来麻烦,多此举,而也不好看么?

高手是如何思考功能设计的?用单复选组件的案例告诉你!

即便真在某个场景下,使用上图右边单选形,那么把样改成下图这样,又有何不可呢?

高手是如何思考功能设计的?用单复选组件的案例告诉你!

不过常规「圆圈+圆」被使用多了,大家形成了共识而已,并不代表它是标准。

果有一个规则规定说,单选必须是「圆点+圆圈」,么各位目前所设计的绝大部分组件将不能使用,包括各类菜单或开关。比下图样的 action sheet 就不应该存在,而它的出现也是因为功能属、设备迁移、操形式等内容的演化所呈现的结果。

高手是如何思考功能设计的?用单复选组件的案例告诉你!

就是大家在处理设计问题时,习惯做一种概括,希望能复用绝大数场而导致的错误情况,没有落具问题具分析的原则。

包括这读者的问题,也希望能够明确单选与复选样式的选择问题,以便往后能够条理的使用。但可惜并不这样,从述我举的控件例子可以看出,单选形式早就已变了模样,多数人并注意到,还认单选与多选就应该圆圈与方框的形式。

计工/方法论,确实是有部指导作用,但不能作为绝对性或权威性的内容来吸收,应该辩证地去。

而之在移端延伸许多自定义组件(形式并没有遵循谓的场见规范),正是因为务与功的多样性导致的结果。

样选择不单单是看到那部分,它可以任意变化地处理,论是单选或者是多选,不该被样套牢了。而它决定素应该是内容。

比,iOS 闹钟的铃声选择,有许选项。

高手是如何思考功能设计的?用单复选组件的案例告诉你!

但是因为内容的明确,大家道,闹铃只能选择一种,不同时有 2 个铃声响来(当也以么做),所以即便闹铃的单选形式何变化,大家也道它是单选的,就是功能决定操形式的例子。

类似于,再如何变化选择样式,无论圆圈、方框,或只勾,甚至其他况,家也都知道它就单选。

而之所以用勾或圆点表示被选中状,只不过是人的一种正常认知识,即使改成三角形,只要能说清楚是被选中状,那也不是不行,只不过三角形没有勾来得清晰罢了,而并不是因为有什殊含义。

只要梳符合自己产的「单多」样式,形成规范即可。一些人会感到模糊清的原因是它本来就没有谓的标准,又何来的清晰呢?

写到这,想到前有读者问:什么时候该遵循设计规范,什么时候不该?

要道,设计规范身就是基某个具产品内容所构建的一个整合标准,为规范化存在共的功能形式。而对共的判断也应该是从功能来定义的,比返回在左上角类似的,但是一定么?

单拎出什么时候该遵循,什么时候不该遵循,很概念化的一问题,不可能存一具体话标准,什么时候应该,什么时候不应该的。

如果回答,符规范中已有的形式的,就遵循,不符的就不遵循。那就是一句典型的废话了。但除此之外,也就不知道如何解答了,除非你把规范和体问题发给,可以跟你一起讨论讨论。

写这篇章的时候,看到一位友发的信息:

为么手机刷都拉?因为神经科研究表明,这个作,更容易人产生对确定性和惊的期待,原和赌场的老虎机类似。

很多人都会习惯性给一些操作或交互形式做类似这样的定义。

这么定义是不,为这相于前说,把业务解释没了,成了形上讨论。而为什么会使用下、以及下会有什么情况,括它所解决问题,都没有任何分析。

比,下拉之所以让人上瘾,并不是因为「刷新」身。下拉只是一种互行为,它的出现也只是为决早期刷新按钮占据屏幕空间的问题,希望通下拉进行刷新,以隐藏掉屏幕上的刷新按钮,给屏幕留出更用空间。

采用下拉因它符合人的直觉 —— 往下拉能看到多新的内。

但是人之所以会对下拉上瘾,并不是因为下拉这个行为,而是因为下拉能更多息。下拉本身只是解决了屏幕空间的问题,而人其实是对内容上瘾。

如我在腾讯闻里看 NBA 的资讯,通只会直接上滑,看面的容,看了就了,会进行拉刷。

为在腾讯新闻里,下刷新新闻并不是最新内容,更多是今天或今天前信息,不刷新反而是刚刚更新资讯,那么下刷新虽然也是刷新,是刷新出来内容是旧,也并不吸引我,反而成了我要避免操作,为要下,最新资讯会被旧资讯挤掉,要刷掉进程新打开 App 才会新再显示最新。

高手是如何思考功能设计的?用单复选组件的案例告诉你!

所以不能简单定义说「下刷新是个容易让上瘾操作」,而是要关注内容,如刷新信息都是旧,或者是用户没兴趣,那即便刷新了,也不会引起用户注意,也更不可能让用户上瘾了。

前阵子我在自己的「互百科簿」的周刊里,写一则面试题的答,关何向盲人描述黄。

之所以会写这样一则内,因我看到网人对这道题了解答,但全文只讲概念,比如面试的时候面试官问这问题,看的思,并不答案,所以只根据流程走下,给到一解题的思框架,就能让面试官满意了。后总结了一:黄色就冬日里的光。

冬日的阳光是解题者主观的受,或许大多数人并不认为冬日的阳光是黄色的,把用户引导向主观的认知而不是站在用户角度解决问题,这是绝大多数产品人计都存在的问题。

这么解答,纯粹就是概念了。这是大多数人套方法,套流程,导致只看重概念,看重具体问题而现的情况 —— 解决问题的流程看起来很漂亮,最后实根本没解决问题。

具体我是如何理解,不延展了,各位要是这个问题有兴趣,可以自己去找找类似内容。

篇文章,我通四个小题是想告诉各位,不要概念化任何具问题:无论是控件选择的标准,还是操形式的意义,亦或是设计规范的取舍,以及并不的领域,要根据际情况去处理问题,挖出背的深意,而不是找一个所谓的标准,套流程、套方法去看表象。

这篇文章与一篇文章类似,都讲「具体问题,具体分析」。设之所以设,本就明了它执行标准,不然什么叫设呢?

大概如此,谢谢阅读:)

注作者的微信公众号:「呆呆U」

高手是如何思考功能设计的?用单复选组件的案例告诉你!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在上篇文章《基础科普!超全面的 UI 元素尺寸设置指南(上)》中介绍了设置 UI 元素尺寸的基础规范,及控件尺寸的定义。 这...
图标设计
用Sketch做界面设计也有些年头了,一开始无情的工具人全程手动加复制粘贴,至于速度么,全看手速了。后来学会了一些偷懒的技...
sketch
工作中我们常常会听到或在撰写交互说明时提到“从底部向上出现弹层”、“出现浮层”、展示“对话框”、弹出“弹框”、“出现对话框”诸...
ui设计
Figma作为一个线上协作设计平台,因其强大的组件功能,越来越受到设计团队的青睐。 为帮助用户对组件进行更加高效的管理,20...
Figma
后台系统中,存在大量的组件,合理的应用是做出良好产品的基本功。 本文梳理了常见的「选择」和「输入」,也算是自己长时间...
UI组件
编者按:本文网易设计师用「FishDesign企业级UI组件库」项目为例,通过在网易七鱼产品中的应用,来介绍一个企业级 UI 组件库...
B端设计
工作中大家都可能遇到过,设计完成后因为某些原因突然要批量修改某一个字段文字的大小,或者某个按钮的颜色。 领导一声令...
组件
最近团队尝试使用Figma构建一套适用团队的组件库与规范,发现Figma比Sketch的构建方式要更简单和更灵活,尤其是自动布局(Aut...
Figma