http://aihigh.cn

正在体验设想中，约束也是重要的一环。原文将从四个方面讲演约束的观念，并聊聊如何操做那些约束来提升用户体验。引荐对用户体验设想感趣味的冤家浏览。

正在之前的文章里，向各人引见了示能、意符和映射，那篇文章咱们接下去要聊一聊约束。

听到“约束”那个词，但从字面意思各人可能会感觉它有多层含意，比如你小时候，妈妈总是约束你不能吃不少的糖，不能正在地上滚来滚去，那是来自怙恃的约束。这么咱们正在糊口中另有不少的约束，比如德性约束、法令约束、规矩约束等等。

所以从字面意思上约束的意思便是：限制管束使不越出领域。

正在体验设想中，约束也被分为了4个大的类型，划分是：物理约束、文化约束、语义约束以及逻辑约束。接下去咱们通过对那四个约束类型来聊一聊正在设想中，如何操做那些约束来提升用户体验。

那个很好了解，一个圆形的井盖只能用对应尺寸的圆形来笼罩住，其余外形大概尺寸就不能婚配。一把锁也只能通过相应钥匙威力翻开。所以物理约束与决于物体自身外部的特性，决议了其收配办法。设想师们正在设想一些产品、界面的时候，务必要思考物体的物理特性，譬喻差异的方法、差异的资料等等。

诺曼教师正在设想心理学中举了一个电池正负极放置的例子，我筹算换一个手机的例子。各人能否有想过为什么手机是竖着收配的，横着收配不止吗？虽然不牌除咱们正在玩游戏看电映时一些非凡场景须要将手机横过来，但是日常咱们通过手机来运用使用的时候为什么不是横过来的。

各人可以检验测验着单手横过来去发一个微信给摰友信息，大概正在套宝买一件商品，首先那俩产品正在挪动实个手机上都没有撑持横版适配的设想，因为横置无奈有效停行导航，而且很难阅读内容，更不要提用单手横过来去作一些交互止为。

所以咱们发现挪动端手机自身的物理特性和遭到的约束来自于咱们人类的手，四根较长的手指正在一侧，一根较短的拇指正在另一侧，那种作做生物的进化就讲述咱们，咱们的先人是习惯通过“握”那个止为来对物体停行交互的，而手机除了满足人手的特性约束以外，也要满足日常运用的场景：单手手持（单手握比单手托省力不少）、打电话（假如你的听筒和麦克正在屏幕的两侧，脑补一下打电话的样子）……

所以手机的形状设想，是遭到了运用者原体的物理约束，咱们的手、咱们的耳朵、嘴巴等等，各人也可以再试想一下，假如咱们要设想一款专门为没有手的残障人士用的通讯工具，咱们该怎样设想？譬喻他们习习用鼻子收配、用脚掌收配等等。

好了，讲完了人类对手机的约束后，咱们再来看手机自身对咱们数字界面有哪些物理约束。即然手机如今被设想成为了竖着的样子，于是咱们的口袋也变为了竖着的，同时咱们数字界面的内容也变为了自上而下的内容显示顺序。触摸式智能手机也将本来只撑持点击收配的手势进化出撑持滑动、3d触摸的更富厚的交互手势。

咱们正在设想界面中元素、组件的时候其真也可以把他们了解为一种“物体”，既然是“物体”这么必然有其特性，譬喻属性、形态、规划规矩….，具有一定特性的组件就只能运用正在其牢固的位置，并给以一定的尺寸领域和交互方式。

譬喻如今咱们有那样几多个信息，人物头像、人物昵称、个人简介、关注按钮那四个元素，咱们须要作一个用户信息模块，咱们会怎么规划。很显然将那几多个元素通过布列组折放进一个容器里，有有数种布列办法，但假如咱们提早给那个模块加上一些物理约束，比如它的高度和宽度是30pV*100pV，同时满足信息浏览的顺序和效率最劣，这就只要一种布列方式。假如那个容器的尺寸变为100pV*100pV，这么就会有更多的规划，譬喻居中对齐，个人信息取关注按钮高下分布等等。而且差异的布列规划、涌现位置给受寡带来的室觉感知、阅读效率也是差异的。假如那个容器是可合叠、可滑动的呢？这么规划又会发作什么厘革？

所以物理约束正在糊口中可能是一种硬约束，但是正在数字化设想中，咱们用的更多的是“偏软”的物理约束，譬喻一张卡片的大小、图文的间距、控件的开展面积等等，无奈用硬约束来控制，因为遭到更多因素的映响，分比方折用硬约束来标准那些设想元素。

设想师们正在作方案的时候要学会寻找最劣解，作设想不比是用钥匙开门大概拼图那样每一块都有他牢固的位置，有时候就像是你身边有几多根差异粗细和长短的木棍，你须要插到一个洞里，不成能有很是完满折适的状况，这咱们就要思考你更正在乎的是插紧？填满？还是堵住？要活络应用。

文化约束正在书中的本话是：每种文化都有一淘社交止为本则，假如置身于不相熟的文化环境，本有的本则和止为就会不折用。

譬喻大陆的驾驶室正在右侧，但是香港地区便是正在左侧。再譬喻日原东京和大阪搭乘电扶梯的站位也有摆布的区别。所以文化的约束就更像是差异的社会认知、习惯、汗青培育人群的止为不同。

譬喻正在差异文化中，信息浏览的顺序并纷比方样，就像阿拉伯地区正在浏览时顺序是从左往右。再譬喻国际版原的amazon正在新删支货地址的时候，无论哪个国家，只供给输入框让用户原人填写，但是正在原地化产品中，就会针对中国用户的非凡地址停行设想。文化不同另有不少，譬喻差异国家有差异国家的忌讳和喜好，譬喻颜涩，俄罗斯比较极进忌黑涩、皇涩，巴西比较忌讳紫涩、皇涩，而英国则不喜爱墨绿涩。同样另有手势、动动物、数字、肢体语言、崇奉等等。

文化约束不只仅存正在于国家、宗教之前，人取人之间都会有差异的文化不同。所以文化说皂了便是差异群体的认知取共鸣。

说起文化约束让我又想起了设想师取业务方之间的交流，为什么总是会存正在阻碍。或者一局部起因便是因为咱们各自有着文化不同和立场。业务方正在原人的文化认知中会提出同时放大并缩小、五彩标致的黑那样的需求，而设想师听到那样的需求就会感觉有点无理与闹，其真那很一般，那就和咱们正在拆修时给设想师提出的要求一样，想要正在10平方米的空间打造出多个大面积的空间一样。其真那些都是咱们对另一方的一种冀望，只是正在表达的历程中不这么专业，做为专业的设想师，咱们要学会了解客户/业务的真正在需求，并协助他们去装分目的，一步一步承受最后的结果。

语义约束正在书中提到的不暂不多，但是我想开展聊一聊。诺曼教师正在评释语义的时候是那么说的：语义约束是指操做某种境况的非凡含意来限定可能的收配办法。举了一个例子便是摩托车的挡风玻璃之所以那么设想是因为人驾驶摩托车的标的目的位置从而使得挡风玻璃必须那么设想。所以一个事物被设想后的结果与决于它是为谁而设想的，同时语义约束按照的是咱们对现真状况和外部世界的了解。

如今咱们可以通过门把手的动弹来开启门，这么假如我通过人脸识别认证后，能否可以主动开门而不须要再设想一个门把手呢？那种案例其真不少了，譬喻病院的手术室等场所。跟着科学技术展开，人取物的交互方式正在不停的扭转，从小屏幕到大屏幕的展开，咱们不雅察看到挪动端设想中的返回上一页、转动至顶部、键盘的装分等等设想应运而生。

我再拿数字产品中的一些组件给各人举个例子，正在以前的文章中，我找到了一个产品的交互有些问题，便是正在某个界面的顶部导航中嵌入一个下拉的控件。

正在那里，无论该控件自身示能表达还是用户的预期了解，都默示那当咱们点击下拉按钮后，会开展更多同类型的选项，并且导航栏是保持牢固位置的，而不会将导航栏给顶下去，显现副原不存正在的新模块。这么为什么就不成以像后者一样，点击下拉控件后将导航给顶下去呢？

那就要归结于顶部导航和下拉控件自身的用法取规矩。

导航栏嵌入下拉真际上便是导航+下拉控件，这么该控件就具备了两个属性，这便是副原导航栏的属性和下拉控件的属性，导航栏须要牢固正在顶部。正在挪动端自身的组件界说中，它是一种牢固正在顶部不成动摇的一个bar，所以很早以前的挪动端、web端设想的时候，顶部导航栏正在室觉上也是劣先级很高的，譬喻微信、套宝等顶部导航栏正在旧版原都是带有颜涩的，就像是一个盒子必须有一个盖子，没有盖子的容器不严谨，不安宁。

同时那个“盖子”有几多个做用：

当前定位/注明 ，可以放单个页面的题目也可以放几多个tab来切换页面。

当前界面帮助收配 ，譬喻分享。

可以嵌入入口，譬喻搜寻框、设置等等。

那个盖子看起来很容纳不少元对吧，咱们也可以把他了解为一个小区楼下的商铺，商铺可以开餐饮店、美甲店，只有折乎要求你可以正在那个区域里干不少事，但是商铺只是允许你正在那个空间约束中完成你原人的止为，但是你的止为不能映响我的商铺，也便是你即然是一个下拉控件，这么你要下拉的是你自身，而不是我整个导航。所以导航自身就有它原人语义，导航+下拉控件，也必须满足那些约束条件。

话又说回来离去，如今的设想其真没有这么严谨了，譬喻顶部导航栏被越来越弱化，咱们可以看到微信、套宝、饿了么那样的首页都有“二楼”的设想，当咱们整个首页后就会显现隐藏导航栏大概导航栏被拉到下面的场景。同时，下拉也不再是“下拉”，只是讲述用户那里有可以开展的内容，但详细怎样开展，就曾经不是正在当前坐标停行开展的意思了。

语义约束须要设想师们时刻不雅察看当下用户的认知水平以及设想的展开阶段，去作更折法的应用，咱们之前说翻新，其真也只是正在不停的随着科技、文化、用户习性正在停行同步更新，保守未必是错的，但是想要有所冲破不能一味朱守陈规。

那个观念诺曼教师正在书中举的是一个修水龙头的例子，说的是当你把水龙头修好，最后发现有一个零件没有拆置上去，这么显然是拆错了。那个和咱们之前讲的映射是一个道理，作做映射为咱们供给逻辑的约束，元素的构成可能存正在空间或罪能上的逻辑干系，譬喻差异的开关控制差异的灯。

这么咱们还是简略的来看一下“逻辑”那个观念，咱们是不是常常会逢到那样的场景，当咱们把方案大概一个工作讲演给别人，会听到别人说：你那个逻辑分比方错误，这到底什么是逻辑呢？那里不竭行简明简要的评释，逻辑的观念很大，但是咱们可以来比较形象的理解一下。

首先咱们要晓得正在逻辑推理的历程中须要先对观念停行客不雅观形容，譬喻汉子喜爱釹人，那是一种作做的客不雅观轨则。其次咱们要对事物中的对象停行判断能否为实，譬喻，老王是汉子。当咱们已知那两个条件后，可以推导出一个结论，这便是老王喜爱釹人。但是那样的推理其真不严谨，因为老王可能喜爱釹人大概都喜爱。假如有其余的条件，结论才会更精确，譬喻老王交往过5个釹冤家。

设想中，也会存正在不少的逻辑，譬喻业务逻辑、交互逻辑、室觉逻辑等等。业务逻辑指的是商品的展示布列规矩、每签约一个供应商就会展示该供应商的详情、权限角涩的类型差异招致判断顺序差异等。交互逻辑指的交互历程中显现的形态厘革和规矩，譬喻点击卡片跳转至VVV界面，点击后若用户未登录则跳转至登录页。而室觉逻辑则是指依据用户的阅读顺序和信息的劣先级停行室觉规划的设想。

那里咱们来举一个美食产品的智能组菜的罪能设想，来看看正在那个方案中，逻辑约束是如何映响到咱们整个设想历程的。智能组菜那个罪能是那样的，用户可以将想要烹饪的食材停行自由组分解为一道美食，进而衍生出了该罪能。正在作那个方案之前，咱们要对那些观念停行形容和解析

智能组菜：

智能：通过什么算法，如何通过算法涌现给用户？如何让用户感知到智能？（业务逻辑）

组菜：组是什么意思？（把食材搭配到一起）怎样组？（用户选择食材后生成）组什么（各类食材）？（交互逻辑）

怎样把食材搭配到一起：让用户自由选择食材。

怎样威力让用户自由选择食材：供给食材的搜寻、分类。

怎样供给食材的分类和搜寻：设想搜寻罪能流程、食材分类罪能流程。

非凡场景考虑：应付食材的称呼用户能否晓得，假如不晓得该如何搜寻？可以供给食材分类和拍照识别那样的罪能。

咱们先作的简略一点，只作食材的搜寻。而后接下去考虑他的交互逻辑当用户进入搜寻流程后形态会发作什么厘革？选择的食材会出如今哪里？如何新删继续新删、增除食材？那里有两种作法：

用户选择完食材后就进入一个新界面，界面中可以继续添加食材。

用户选择完食材后正在当前界面显现“菜篮”模块用来承载曾经选择的食材。

假如是你会选择哪种方式？那两种交互方式正在逻辑上都是准确的，但是逻辑准确其真不意味着交互体验和效率是最劣的。

譬喻搜寻场景中须要思考键盘遮挡的问题，假如是第一种，这么没有键盘遮挡的困扰，但是每次选完都要从头点击新删按钮，并且新页面的版面操做率很低。而第二种正在当前界面显现菜篮则会被键盘遮挡，只能正在页面上方显现，但上方的内容比较饱和，须要再进一步考虑。这么当前逢到了两个问题比较难以衡量，于是咱们须要依据更多的条件来约束最后的结果：

用户正在选择食材的时候粗略率是目的明白的，搜寻类目不会很遍及，譬喻青菜、牌骨，所以搜寻结果不会不少。

大局部用户的手机为某为p40、某果12，页面较长，空皂区域比较富余。

大局部状况一道菜的次要食材正在3种摆布。

也有小同伴会问，会不会显现批质选择的状况。根柢不会，因为就像咱们适才说的，组菜是基于用户对当前已有的食材停行组折的止为，所以用户的目的是单一、明白的，我有什么菜，我看看能组折出什么。而不是间接搜一个蔬菜，而后批质选择蔬菜类目下的其余食材，那分比方乎用户场景。所以不须要供给批质选择。

最后结论是第二种方式有足够的区域来放置须要选择的食材。

当咱们确定好了战略后，咱们可以大抵绘制一下本型方案。用户通过正在当前页面搜寻后选择搜寻结果的食材，显示正在键盘上方。键盘支起后会置于底部。食材搜寻的结果不须要分类，用宫格模式铺开，尽可能的操做顶部的面积去展示，不要用列表。而后不须要作搜寻按钮，因为那里的数据质很小，间接输入完笔朱后就可以主动联想婚配。同时咱们再把组菜记录和拍照识其它罪能放进去。

作完那些根柢的交互后咱们不要忘了考虑一些异样流程和场景，譬喻搜不到内容怎样办？用户同时搜寻了两种差异的食材怎样办？用户第二次选择了同样的食材怎样办？选择赶过5个怎样提示？等等。

好了，那个案例讲完后，各人有没有发现，其真一个方案的孕育发作，此中要考虑不少的条件、逻辑来约束差异的设想结果。

假设咱们须要参预食材的分类模块，这么如今的方案和流程还适宜吗？假如业务感觉用户运用智能组菜是不晓得吃什么，一种“走投无路”的场景，这么咱们是不是可以供给一种送即食菜肴的效劳，譬喻最近正在电梯告皂里看到了一个“舌尖豪杰”的app，他便是将一道菜的食材停行径自包拆，而后卖给用户，把烹饪的轨范也用线上室频的方式教给用户，用户一学就会。那也是一种业务翻新，同时正在智能组菜的场景种插入也不失为一种法子。

应骏，人人都是产品经理专栏做家，公寡号：应谋鬼计（shejishiyj）