“页面思维”产品设计需要当心的思维盒子

从页面开始思考确实是很多产品经理和设计师的思维习气，但那很有可能是一种不良习气。

现在，信息流、大弹窗、半浮层等等这些产品界面形式的发展，在逐渐消解用户的页面跳转体验。
以是，如果我们还在单个页面、单个页面地供应设计方案，那很有可能并不是最佳方案。

页面，是UX/UI设计师理解产品，进入设计的办法，但长期用页面来思考设计问题，造诣了UX设计师的自我束缚的思维盒子。

就像Ralph Ammer创作的这个动态图形，我们在相同的框架下思考和学习，这让我们快速入门和发展。
但发展到一定阶段，就须要冲破这个思维的盒子。
但是你如果身处这个盒子之中，想要 Think out of box，是非常困难的。

二维生物无法像三维生物一样思考。
很有可能，真正的好的设计方案实在是在你当前苦苦思考的这个页面之外。

页面，是一个有明确边界的二维平面载体。
我们现在之以是还会以为以页面来思考问题见效，是由于手机和电脑屏幕是平面的。
这个平面的载体，很有可能在可见的未来得到颠覆。

元宇宙可能太远，就在VR虚拟现实界面设计中，你以为“页面”还会存在吗？

01 跳出单页思维框架，才能实现能力进阶

有很长一段韶光，我总是喜好思考一些最根本的问题，并试图对这些问题给出一个自己的答案。

比如，人若何活着才算故意义？设计的代价到底在哪里？上班打工是为了做对的事情还是为了做老板认为对的事情……类似这样的问题中，有几个我很早就有了答案。
个中有两个是：

归根结底，交互设计设计的是什么？视觉设计设计的是什么？

这两个问题，我五年前的答案是交互设计设计的是用户行为，视觉设计设计的是信息和情绪。
现在看起来，这个答案看上去也并没有什么问题。

我不知道各位做设计的朋友怎么看，问上面那样的问题会不会很无聊，可能明摆着的：UI设计和UX设计设计的便是一个个页面，视觉设计设计的便是banner、海报、开屏、长图。

以媒介的角度来思考设计，会有书本装帧设计、UI设计、3D设计、IP形象设计、VI设计等等这样的门类。
这种命名办法因此终极的交付节点而命名的，由于终极的交付媒介是UI以是我们就叫UI设计师。
每每以媒介来命名的设计事情比较直接、也更方便入门，以是很多更资深的设计师在设计能力提升之后更乐意换一个其他的名字。
比如做logo设计的会把自己叫做“品牌设计师”，后者一听，就觉得大了很多，也难了很多，也更靠近设计的实质。

那么UX设计/用户体验设计呢？我们无法在终极交付节点交付明确的用户体验，由于用户体验不是一个详细的媒介，而是用户的感想熏染，并且非常不可控。

UX设计/用户体验设计（或品牌设计）更像是一种以设计出发点命名的职业，含义该当是为了塑造好的用户体验（或品牌体验）而进行设计事情的设计师。
以是这个讲法本身是可以超过媒介的，也是跨学科的。

现在也有公司在利用“产品设计师”这样的职位，这个职位名称我以为要比UI设计、用户体验设计都要好。
由于它既不会让设计师局限在一张张UI界面上，也不会让设计师在“用户体验”这个又大又虚的词汇中迷失落。

02 当心“页面思维”

UX设计、UI设计的前身叫做网页设计，PC网页设计时期也讲用户体验，User Friendly 这样的理念在PC时期便是有的。
在UI设计起始之时，设计师们习气以页面为单位来理解需求、展开方案、进行交付。
在PC时期，很多承接网站设计的设计公司也都因此页面为单位来计费，那时候讲的“页面”背后的含义实在是“网页”（Web Page），很多公司招聘设计师的title也是“网页设计师”。

虽然现在设计的名词变革了，但设计师仍旧会以“页面”为载体来输出自己的设计交付物，韶光一长，工具都会影响思维，以是设计师就自然而然的用“页面”来思考问题。

与此同时，随着智好手机和移动运用（App）的发展，iOS和安卓迅速迭代自己的设计系统，在这一迭代过程中产品运用的设计与研发办法都得到了快速的发展，在Apple HIG和安卓MD的设计规范中逐渐取消了页面（page）这一观点（或者从一开始就没有，待考证）。

设计师和产品经理在谈到页面的时候，每每想到的是一个个单独的页面。
但平台级的设计系统以及开拓工程师们已经不这么思考问题了。

walling

比如我们看Walling这样精良的产品设计，他强调Folder、Wall、Section、Brick这样的层级观点，而不强调Page。
当然你也可以把Wall理解为Page，如果一旦这样理解，那就陷入到了“好，我现在要创造一个页面，然后用文件夹把页面归类一下”这样的思维里。

03 原子设计理论中被忽略的中间步骤

早在2013年，前端工程师 Brad Forst 将原子理论利用在界面设计中，形成一套设计系统，包含5个层面：原子、分子、组织、模板、页面。
原子理论时至今日在海内的UX设计领域得到广泛运用，在讲到设计规范的时候，90%以上的UI设计师的作品集里，你险些都可以看到这张图。

原子理论让UI设计回到了界面设计的第一性来思考问题，通过颜色、间距、文本、圆角等最最根本的设计元向来逐渐塑造设计调性、建立设计秩序。

但大多数团队基本只做到了原子到分子，跳过了更关键的部分直接去组成页面了。
但实在我以为，原子理论最中间的“组织”，是与产品/业务联系更紧密、更能够发挥设计代价的部分。
而在这部分，大部分设计团队投入的普遍较少。
从而还是陷入了“原子分子组成页面，页面组成产品”的思维之中。

如果你认为是一张张页面组成了产品，那就解释你一贯是在以“页面思维”来思考产品。
你可以用页面思维来理解一个网站，但不能以页面思维来理解一个工具类App、一个平台类产品。

Brad Forst 在2013年画这张图的时候还是把设计的落脚点放到了“页面(page)”上，由于他是一个前端工程师，并不卖力客户真个开拓事情。
如果我们放着客户真个规范不管，拿着前端工程师的理论去跟客户端工程师去沟通，是不是有点欠妥呢。
由于时至今日，我们翻一翻Apple HIG，根本找不到Page这个东西。

以是我们要不要想一想，9年条件出的原子设计理论，现在是不是已经由时了呢？

04 “页面思维”的弊端

如果我们以习气以“页面思维”来理解产品构造，以“页面思维”来思考用户任务，我以为可能会存在几个弊端：

1）对用户任务的关注度降落

如果以单个页面来思考问题，随意马虎忽略页面与页面之间的交互关系。
用户完成任务是须要跨页面完成的。

2）对产品架构的理解单一

树状架构是随意马虎理解的，但真实的产品架构是网状的。

3）思考问题表面化

由内而外的思考没问题，由表及里的思考也没问题。
但如果从表面思考，也从表面产出，只看到水面上的冰山一角，认为那便是全部，可能就会有问题。

4）设计创造性力受限

Think out of box，页面是一个二维的有限的画布，盯着这个画布随意马虎受到思维限定，梦想在这个有限的平面里办理所有问题是不切实际的。
由于也有可能真正对的办理方案并不须要这个页面。

以上。

作者：柴林；公众年夜众号：柴林的设计条记

本文由@柴林 原创发布于大家都是产品经理。
未经容许，禁止转载。

题图来自 Unsplash，基于 CC0 协议

该文不雅观点仅代表作者本人，大家都是产品经理平台仅供应信息存储空间做事。