所有分类
  • 所有分类
  • 未分类
【跨界设计思维】互联网复杂系统的“旧城改造”设计法

【跨界设计思维】互联网复杂系统的“旧城改造”设计法

提起“旧城改造”,我们可能第一时间会想到城市里的城中村,在国内大部分城市的高速现代化发展进程中,或多或少会出现一些历史遗留的村落,里面的人口结构复杂,管理落后,区域划分乱,生活水平低下,被称为城市发展中的一片“洼地”,逐渐与城市的发展脱轨。

然而,现如今已经有不少的城市对城中村进行了成功的改造,他们将原有脏乱差的村落实行重组规划,建成了新的社区,并融入了商业、办公、休闲、娱乐等元素,让原有的村民融入整个城市当中,享受着城市发展带来的便利。而这一切脱胎换骨的改造过程让我们有很深的思考,怎样才能将一个老破旧的城中村,建设成为一个井井有条的现代化社区?这些处理复杂村落的规划方法,是否也能够运用在同样是高速发展的互联网产品当中?为此,我们进行了一些深入的探索与思考。

 

互联网产品发展过程产生的“城中村”

在很多互联网产品(特别是to B类的产品)的发展过程中,通常都会遇到一类“瓶颈期”,随着产品及业务的不断拓展,针对不同用户会细分出越来越多的平台或者系统,逐步出现业务重叠、平台架构复杂、用户种类多等问题,在这种情况下越积越多,导致后续维护成本大大增加。而这类问题的出现,与城市发展过程中的城中村有很多相似之处,因此我们将其定义为“城中村式”的产品。

既然找到了互联网产品与城中村的共通点,那么我们就可以尝试用改造城中村的方法与思维,来解决互联网产品发展过程中遇到的问题。我们在研究了现实当中旧城改造项目的整套流程,单纯从改造的角度出发,归纳提取出了5个步骤:现状探索、方案规划、拆迁改造、分批建设、拓展复用。

 

 

针对“城中村式”产品的现状探索

一个老旧的城中村,不是简单的说改造就能改造的,首先就需要对现有的旧城进行实地的考察与探索,而整个城中村内,其最核心的就是“人”,整个城中村的运作都是围绕着“人”而产生的,里面所有的设施都是为了满足“人”的需求,因此我们的考察与探索就需要以“人”以及他们的需求作为出发点,梳理出居民群体、服务设施、社区以至于整个城区,这里就是一个梳理居民、家庭、设施、社区、城区从小到大的逻辑结构。

而这种以“人”为中心的思维,也正是我们互联网产品中以用户为核心的思维,我们可以将这些逻辑与旧城改造的逻辑进行对应,梳理出“城中村式”平台的个体、用户、功能、产品、系统,并且通过用户及个体,挖掘出他们的核心需求与目标,这种方式以便于我们全方位地了解到整个“城中村式”平台的架构、功能、用户与需求。

然而,当我们按照从小到大的逻辑梳理完一个“城中村式”平台的架构、功能、用户与需求后,会发现里面的信息实在太多,那么如何将这些内容进行筛选和梳理呢?这时候我们就可以用到一套逻辑:在  某个系统平台  里面的  哪些产品功能点 ,可以解决  哪类用户群体  的  具体核心需求  。基于这套逻辑,我们能够剔除些无用的产品功能点及用户需求,为改造“城中村式”平台进行一个基础的筛选,最终可以梳理成一个表格出来。

 

 

重组并规划新的产品架构

在对”城中村”(旧产品)的现状进行充分的梳理及分析之后,接下来就需要对改造的方案进行规划和设计。在这一阶段,我们需要重新规划整个“城区”(新产品)的功能与设施, 目标是满足原有“居民”(用户)需求的同时,拓展更多服务。

这里我们有两个点需要注意:一是改造后的功能需要满足用户的诉求。因为无论改造前还是改造后,用户还是那些用户,改造是为了更好的解决他们的诉求;二是改造后的功能是从原有产品的功能中提取出来的,我们要做的是改造产品,是对功能进行整合重组,而非创造一个新的产品。举个例子:在旧城里面有一群家庭主妇(用户),他们的需求是每天都要到菜市场(产品)里面买菜,在菜市场里面有各种海鲜、猪肉、熟食等等的摊档(功能设施),那么在新的规划里面,我们可以为她们制定一个新的超市(新产品),但超市(新产品)里面也必须要有海鲜、猪肉、熟食等等的摊档(新功能设施),否则就不能够满足这群家庭主妇(用户)的需求。

那么在实际的执行过程中,如何才能够确保新的规划是满足以上的两点呢?这里我们就可以用到上一流程现状探索阶段梳理出来的内容,提取出所有类型的用户以及他们的需求,并将原有产品中所有的功能点进行打散,根据用户的需求进行功能重组,以此梳理出新产品的功能框架。这里正好与前面现在探索阶段的流程相反,是一个梳理用户、需求、功能、产品、系统从小到大时逻辑结构。

 

通过这一流程的梳理,能够确保新的产品架构及功能点是建立于用户需求之上的,在实际执行改造的过程中不会跑偏。

 

产品架构从旧到新梳理示意图

着手对“城中村式”产品进行改造

我们在完成了前期对整个“城中村”(旧产品)的现状探索与改造规划之后,就要进入实际的执行改造阶段了,这里有四步流程:拆解、寻找、换新、复用。对于产品改造而言,最终的目标是要建设一套标准化、可组装、可维护、可扩展、可复用并且能表现品牌价值的设计规范。

拆解流程、页面、模块、组件及元素

 

在执行改造的过程中,我们首要解决的就是拆问题,对于老旧的城中村(旧产品)来说,并不是单纯的推倒重建就能完事了,哪些能拆哪些不能拆、怎么拆、先拆哪些后拆哪些,这些都是有方法可循的。

首先,我们需要明确在拆的过程中,哪些内容可以拆,哪些需要保留。回顾现实当中旧城改造的过程,我们发现自始至终都保留原样的一般可归成三类区域:第一个是村民祠堂,它承载着当地村民的风俗习惯;第二个是钉子户,因为他们漫天要价导致拆迁成本很高,干脆就留了下来;第三个是历史建筑或文物,里面存在着历史价值或者历史遗留的问题。其归根结底就是三个问题:使用习惯、改造成本高、历史遗留。这对应到我们产品改造不能拆的内容,分别是:原有用户的使用习惯、改造需要花费大量成本(成本包括人力财力)的内容、老旧系统的架构及代码的制约。

 

虽然我们可以确定以上三点需要保留的内容,但这并不意味着一涉及到这些内容就需要全盘的保留,我们仍然可以针对其中的一些特性,进行选择性的拆解,这里的原则是在不影响原本产品功能及逻辑的情况下,尽可能地进行细分拆解。

其次,我们在确定了哪些能拆,哪些保留之后,就要确定怎么来拆了。我们之前的探索与规划的阶段中,其实已经对产品进行了初步的框架及功能的梳理,而现在就需要根据这些框架和功能,逐步从大到小地细化拆解出流程、页面、模块、组件、元素,并且将其进行冲洗分类梳理,这里有一套可借鉴的思维方法——原子设计(Atomic Design)理念:

 

原子设计是一种由五个不同阶段组成的方法,它们协同工作,以更加审慎和分层的逻辑方式来创建并设计界面系统,这五个阶段分别是:原子(Atoms)、分子(Molecules)、组织(Organisms)、模版(Templates)、页面(Pages)。

——  原子设计 (Atomic Design) 理念

 

 

产品按层级拆解梳理示意图

寻找通用元素、定制元素、品牌元素

在对产品的层级元素进行了拆解之后,接下来我们就需要针对元素进行梳理,找出哪些元素是可以通用的,哪些元素是特殊的、独有的、可定制的。在这里我们可以通过对产品界面本能直观的感受(本能层)进行梳理,将元素分类为文字、图形、图像、颜色(质感),并在这个基础上进行细分,提炼出里面的通用元素及可定制元素。

产品四大元素分类梳理举例图(蓝色字体是需要定制的元素)

 

另外,我们还需要在另一个维度来寻找一类元素——能够体现品牌价值的元素,但什么才是体现品牌价值的元素呢?简单来说就是我们在看到这类元素的时候,能够联想或理解到这是什么品牌的产品,最简单的就是LOGO元素,我们看到LOGO就能非常直观地知道这个是什么牌子,但好的产品肯定不只是通过LOGO来展示品牌元素,还有更多的细节能够展示品牌价值与理念。举个例子,我们在看到极简的家具可能就会想到是无印良品、看到竖排双后置摄像头的手机就想到苹果iPhone X,这些元素都是通过直接观赏就能知道其背后的价值。而在我们实际的产品设计当中,能够体现这些品牌价值的除了LOGO以外,所有可定制元素(如头图和特殊控件)、含图形的通用元素(如基本控件和标签)、甚至颜色都可以用来体现品牌价值,而我们需要做的就是把找些元素找出来。

将元素进行优先级排序,逐步换新

 

完成了元素的寻找及梳理后,我们就需要对这些元素进行换新设计,然而所梳理出来的元素肯定不可能一下子全设计完,我们还是需要对换新设计进行一个优先级排序,确定哪些元素先设计,哪些元素后设计。然而如何定义谁先谁后?这里我们就可以用到一个象限图来进行定义,横向是元素重复率的高低,纵向是设计的难易程度,以此来区分出四个象限,分别是:设计难度低、重复率高(优先级高);设计难度低、重复率低(优先级中);设计难度高、重复率高(优先级低);设计难度高、重复率低(优先级最低)。

举个例子,在实际旧称改造的社区建设环节中,也需要对建设的优先顺序进行排序,其中像住宅楼这样的建筑,建设难度低重复率高,是最优先建设的,它满足了居民的最基本的需求;其次像操场、运动场等等的配套设施,建设难度低重复率低,是随着住宅楼一同建设的;然后是商业中心,建设难度高重复率高,它能满足居民的购物诉求;最后是一些像体育场、音乐厅等等的特色建筑,这种建筑不一定需要建造,但一旦建了一个之后能提升一大片居民乃至整个城市市民的满足感。

 

在完成了元素优先级排序后,我们就可以开始进行元素的换新,具体的设计方法多种多样,在此就不详细说了,但其流程主要可以归纳为四步:发现(发现原有元素的问题)、罗列(罗列元素的表现形式)、重组(重组并改进组件模块)、规范(重新定制规范标准)。发现和罗列是对元素进行筛选与优化,重组是把元素形成一类新的组件模块,规范是将元素定义出一套可复用可扩展的规范。通过了这四个换新流程,一套标准化、可组装、可维护并且能表现品牌价值的设计规范就完成了。

 

 

对设计方法及规范进行复用

项目至此,我们已经能够看到一个全新的、规范的、完整的系统平台,但这只是针对当前产品的改造。更多的是需要我们采取前瞻性的思维,了解产品未来的发展规划,在新的需求当中能够复用设计规范,以此来提升效率,体现设计的价值。然而,我们在面对新产品需求的时候,如何判断哪些流程模块能够复用,而哪些需要重新做?

让我们回顾一下前面所有的流程,找出整个产品改造规划最初的源头——用户及它们的需求,即以用户导向进行设计。所以,我们在区分新产品需求哪些可以复用,哪些需要重新做的时候,直接挖掘这些产品的目标用户及需求,来与现行的匹配看是否一致,而这里可能会出现三类情况:一是完全匹配不上,这种就需要我们重新针对产品进行新的设计;二是匹配的上,而且新产品的功能流程与现有产品当中都有类似的,这时候我们就可以直接采用原有的设计规范进行复用;三是匹配的上,但是新产品的功能流程与现有产品差异较大,无法直接复用,这时候就需要我们对新产品的功能和流程进行定制化设计,规范整理出新的流程、模版、控件、元素,并完善到原来的设计规范当中。

后续随着产品不断的发展,原有的设计规范也将随产品逐步完善,定制化的内容越来越少,可复用的越来越多,逐步形成一套通用性强的设计体系。

 

结语:旧的不去,新的不来

或许,有部分人会觉得,我们目前的产品用的好好的,对于用户来说已经形成了习惯,也能够满足他们的需求,我们不需要对现在的产品进行改造,只需要对新的功能进行优化就行了。这种想法就好比那些住在老旧城中村的人一样,觉得村里的生活又方便,物价又便宜,过的好好的为什么要改造呢?其实这里的问题就在于他们忽略了一个点,就是改造后所带来的效益。对于城中村改造来说,改造后最直观带来的就是经济效益,而对于互联网产品来说,改造后所带来的效益就是体验与品牌的提升。当用户接受了新的产品之后,回头再去体验旧的产品,会发现原来旧的体验是如此糟糕。而我们作为产品的设计者,需要的是一种前瞻性的思维,更早的去挖掘用户需求,更快地去提升产品服务,才能在快速发展的互联网当中先拔头筹。

在汽车出现之前,当我去问顾客他们想要什么,他们只会告诉我:“一匹更快的马。”

——  亨利·福特

文中icon素材来自于:thenounproject.com

 

原文地址:腾讯CDC体验设计(公众号)

作者:claren/erz

 

 

0
分享海报
没有账号? 注册  忘记密码?