首页

深入研究场景化体验设计

雪涛



一、前言

场景化设计一词第一次看到还是在前年设计分享大会上,当时懵懵懂懂的我第一次看到这么刁钻的角度,甚是惊讶,后来我也是在不断的研究这个内容,上一篇文章《【干货】设计师的发力点》中,也稍微的提了一些关于场景化设计的内容。


本文章的出发点是因为我在学习的过程中,但很难找到全面分析的文章,因此我打算写一篇更加深入的分析,一方面是对自己学习的总结,另一方面是分享给大家我的心得。


接下来会通过三个维度深入研究场景化体验设计,帮助您快速提升场景设计思维,中间也会并通过大量案例,带你真实感受场景化设计思维在产品设计中的实际运用。



二、场景与体验

我们看到各种形形色色的产品功能,但不能单一的去看待问题,也无法直接的去评判这个功能是否合理,所有的设计都是围绕着某种指定的场景下去完成它的使命,抛开场景谈设计,就是耍流氓。例如疫情期间的健康码,这也是为了响应防控疫情的号召,需要对每个人的行程路径进行把控,而这种产品就是为了满足某种场景下的需求设计。

而在面对产品设计有具体场景的情况下,可以根据场景分析用户的需求,进一步制定设计目标,通过合理的设计方法,提升用户的产品体验。



三、 遇到的问题

在早期的互联网产品设计中,大多数体验优化的设计流程只是对需求进行单一的分析,并且相同的内容采用同一解决方案,整个设计看似基本没有问题,但随着互联网的高速发展与完善,用户群体越来越多,产品功能越来越复杂等一系列的因素,导致出现了一些问题。


2.1   产品复杂化

随着产品功能的完善,功能复杂化,单一的解决方案无法满足多种场景下的使用,需要合理规划,根据不同的场景进行体验设计,才能更好的发挥价值。


2.2   同质化严重

大多数流程可以满足各种不同分类的产品使用,例如传统的购物流程从详情页出发到订单页流程,虽然能满足所有的支付流程,但是缺乏行业设计特性,长期以来也会缺乏竞争力。


2.3   场景体验欠佳

一套设计解决方案、交互流程满足所有的使用情况,虽然在产品中实现了一致性,但面临复杂的场景很难满足,并且用户群体越来越复杂的情况下,每个用户的诉求也会存在偏差,因此我们需要根据不同的场景,制定不同的方案。


四、场景精细化设计

为了更好的理解场景化设计,我们可以通过哲学上著名的三大问题,“你是谁?”“你从哪里来?”“你要到哪里去?”,例如唐僧从东土大唐而来,要到西天取经,从中我们可以发现三个关键的内容,就是人、地、事,这也是场景化设计中必不可少的三个内容。


在互联网产品设计过程中,为了进一步强化体验,我们可以从场景化设计中三个关键内容,人、地、事,这三个角度进行更加深入的精细化设计,区分不同的场景采用不同的设计方法,从而满足更多特点场景下的需求。


五、用户分层设计

场景化设计中,用户是最关键的内容之一,正所谓以用户为中心的设计思维能更好的服务用户。当用户量越来越庞大后,可以对用户进行分层处理,这也是用户运营中常见的一个概念,简单理解就是指将用户分为不同类型。


用户分层是根据不同用户的行为特征划分成不同的用户群,进而制定不同的产品策略来满足其差异化需求,从而充分发挥每个层级用户的价值,达成产品目标,通过用户分层的思维方式结合场景化设计,可以更好的满足不同类型的用户诉求,还能根据不同用户的类型提供差异化的内容和服务。

用户分层的方式是通过标签的形式快速给用户进行分层,在实际的运用中,主要分为基础属性和行为属性。


5.1  基础属性

基础属性包含用户的年龄、性别、身高等,这种用户分类的方式,是最直观简单的。


5.1.1 年龄

大多数产品中会通过年龄来进行用户分层,这种形式可以快速区分用户的基本属性,因为用户的年龄状态对待事物也会存在很大的差异。


例如支付宝的电子社保卡服务,根据用户不同的年龄阶段,展示不同的领卡信息,进一步让用户更快的获取到符合不同年龄段所关注的合适信息,可以直接提升开卡率。


5.1.2 老龄化设计

随着我国即将进入中度老龄化社会,也正是因为老年人的生理和认知障碍的限制,他们使用APP的体验并不是很顺畅,所以大多数互联网产品逐渐向中老年群体渗透,更多的关注起老龄化设计。


在适老化设计中,在不影响老年用户对功能使用的情况下,一般都会采用通过设计降噪的方式,去除所有复杂的次要信息,保留核心内容,并且通过放大来强化关键信息,文案的处理上也会进行内容简化处理,减少老年人的阅读成本。


适老化设计除了视觉上放大和简洁的感知体验外,在交互体验上也会有很多人性化的设计,例如在容器内容上加入行为按钮并描述去向,帮助老年人顺利完成目标行为。


甚至在部分产品中,会强化听觉上的功能体验,例如语音播报、语音提问、电话叫车等功能,既能通过语音的形式弥补老年人视觉能力上的不足,还能减少操作成本。


5.1.3无障碍设计

随着互联网的发展,用户群体逐渐庞大,其中也有部分身体有局限的用户,对于他们来说更加迫切通过互联网获取信息,因此越来越多大公司注重到这一方向,而这也是我们作为一名设计师,更应该去优化的方向。

可以采用无障碍色系,以及颜色的色差处理,针对性的服务于色盲和色弱群体,使得他们可以在信息阅读上更符合他们的习惯,从而进一步打造更人性化的产品体验。


5.1.4 用户身份

而关于用户分层的场景设计中,我们还可以区分用户不同的状态、身份来对界面进行差异化布局,最典型的代表就是用户的会员身份。


会员它分为很多不同的阶段,从开通到到期,用户在不同阶段对于内容的关注上也存在很大的差异的,例如未开通展示更多的价格、权益信息,吸引消费决策。我们可以从这个角度出发,区分用户的会员状态,进一步来进行差异化设计。从而有效的提高不同阶段用户的行为决策。



5.2  行为属性

每一个用户在产品体验过程中,都会有着各式各样的行为操作,例如浏览记录、关注、喜好等,我们也可以通过这种方式来进行分类,可以更加直接的聚焦到关键信息上,既可给予用户惊喜感,也可以达成业务目标。


5.2.1 兴趣标签

标签和上面描述的基础信息还是存在一定差异的,标签相当于是产品根据用户的行为等去定义的不同类型的标签,这种方式可以快速给用户进行分类,常应用于内容型产品以及电商平台,给用户贴上各式各样的标签,其次再根据他们的具体需求进行个性化的内容设计,可以更快的实现千人千面的智能推送。


不同兴趣标签的用户对待内容的诉求也会不同,因此在页面结构设计时,我们需要考虑页面信息的优先级、浏览动线、信息内容的呈现,例如重度用户和路人用户的区别,一个注重商品展现的效率,一个注重氛围和吸引。

除了整体的页面结构内容外,用户对内容诉求也不同,例如优惠型的用户更关注活动和折扣信息,通过用户标签进行分层设计,能更快的达到刺激用户消费的目的。


5.2.2 消费模型 (RFM模型)

  • R:最近一次的消费时间(Recency)

  • F:一段时间内的消费频次(Frequency)

  • M:一段时间内的消费金额(Monetary)


RFM模型是根据用户的消费行为、频率、金额3项指标对用户的价值状况进行级别划分,一共可以分为8种基础用户类型,然后再根据用户的消费金额进行从上往下排序,最后区分不同类型的用户,进行精细化运营。

这也是很多企业都在使用的模型,价值级别较高的用户可以调整资源倾斜力度、定制服务,甚至针对普通用户也可以进行激活消费、挽留措施。


在电商产品中这种方式最为常见,通过模型分类可以快速了解用户消费情况,一般会区分新老用户,活跃用户与沉寂用户,例如创建新人导购,刺激用户的首单转化,而长时间未进行复购的沉寂用户,也会采取一系列的措施吸引用户再次消费,提升用户的复购率。



5.2.3 AIPL模型

  • A:认知 - 新客或不了解产品的用户(Awareness)

  • I: 兴趣 - 对产品有兴趣且关注过的用户(Interest)

  • P:购买 - 刺激用户产生购买行为(Purchase)

  • L:忠诚 - 有过较高复购行为的用户(Loyalty)


这个模型对应的也是用户的成长路径,每个用户都是从认知开始,才慢慢变成购买或者忠诚,所以需要做的,就是引导用户不断往更上一层发展,当然,我们也可以对四种不同类型的用户同时进行,将这四种类型分发到产品中的各个链路中,以下案例来自于淘宝。

通过种草的形式给用户建立认知,培养用户兴趣,而面临消费顾虑并迟迟未下单的用户,可以利用入手分享的方式克服转化阻碍。而对于购买型和忠诚型用户,可以通过优惠、活动等方式,刺激下单并建立长期关系。


5.2.4  行为路径

不同行为表现的用户所触发的关键行为不同,所以在设计路径时,要先对用户有分层,有定义,再针对性的实施,对路径进行合适的分层布局,确保用户去完成某件事的各种行为路径,都能被满足。


下面的案例从上倒下依次为,想快速申请贷款或者快速完成任务获取现金的用户,我们提供了直接操作区域,并且置于头部进行业务属性强化,中间融入了更多的分类与内容引导,进一步激发用户的兴趣,最后可以再通过不同的形式适当的减少用户顾虑,例如优惠券的福利(强化申请贷款),为新用户提供发帖示例(确保社区的内容品质)。

虽然两个界面的内容差异较大,但是结构拆分的方式以及行为路径的规划都是大同小异的,主要还是为了满足不同行为的用户,进一步辅助他们快速完成功能服务。


六、区域化设计

根据不同的地点、位置、空间进行区域化设计,为不同的地域、情景进行差异化设计。在空间设计、园林设计中,我们会常常看到这种设计方式,规划整个区域,进行合理的场景化设计,而在互联网产品设计,主要体现在产品的战略层面,面向不同的区域市场。接下来通过以下三个角度进一步分析。


6.1  下沉市场

下沉市场是前几年比较流行的概念,是新鲜流量的代名词,特别是拼多多的崛起,引起了许多行业关注流量的新区域。简单理解就是产品的战略市场主要面向于3-6线的城市。


下沉市场的用户特征:

1、简单直接,所见即所得;所以在设计的时候应该避免操作路径过深,展现内容太隐晦。

2、对价格和收益比较敏感,愿意花费时间获得金钱上的奖励,例如拼多多其实是个游戏电商。

3、愿意下载一些现金奖励的产品,通过任务或者阅读来获得奖励,例如趣头条。

4、熟人社交影响力较大,可以通过微信生态,快速形成裂变。


6.2  全球化设计

随着本地化市场的成熟,越来越多产品开始面向海外市场,而海外市场与本地相比也会有着很多的差异,例如语言、宗教、审美、文化等等都有着诸多差异,所以这也是无形之中给设计带来了很多的挑战。


6.2.1 本土化策略

一个产品无法满足全球市场的使用,因此全球化设计最好的方法就是本土化策略,深入挖掘当地市场的文化、用户喜好,地域特色等内容,进一步对产品进行单独设计,例如大家比较熟悉的Tiktok,与抖音分开运营,更具有针对性。


大部分产品在进行海外市场的运营设计中,都会充分融合当地市场的喜好或元素,进一步发挥当地特色,激发用户的情感共鸣。


6.2.2 出海规则

由于不同国家的文化差异、行为习惯、认知能力都会存在一定的偏差,因此在产品设计的过程中,我们也有很多规则需要去注意,例如、地区禁忌、语言处理等。接下来我大概列举几个我平时记录的注意事项。


单位规则

度量衡需要满足不同国家的要求,例如公斤/磅、英尺/厘米、公里/英里,而在一些运动产品中如果要表现卡路里,不建议使用一碗米饭作为单位来描述。


形象禁忌

在一些全球化设计中,如果涉及到插画以及人物,需要注意一些姿势和特征,尽可能避免不必要的麻烦。例如人物的手势、 两手交叉、十字交叉、使用左手等等,甚至在中东地区女性暴露都要注意避免。


图形禁忌

图形的表意也需要契合当地文化特点,一些比较含蓄的内容尽可能避免,例如使用话筒代表娱乐,药丸代表健康,虽然在国内市场比较常见,但针对于全球化的设计可能就不是很适合了。


而对于这一点每个国家的宗教文化也会有所不同,例如阿拉伯地区,避免使用星星图标,科威特、埃及、阿拉伯联合酋长国、阿富汗等因宗教原因禁酒,中东地区禁忌女性图像,甚至我们经常看到的ok都是不好的词语,在个别国家里有骂人的意思。


除了图形外,颜色也需要注意,在一些非洲地区尽可能避免颜色鲜艳或者红色。


语言显示

在界面设计过程中,设计师常常会关注字符串的显示宽度,以及换行规则等,而面临全球化设计时,文字需要适配多种语言,而外语的显示长度明显和中文有着很大的区别。为了能更好的进行极限范围的确定,我一般会选用德语进行排版,因为德语是大部分语言中,长度最长的内容了。


除此之外,我们还应该更加关注阿拉伯地区的语言显示,他与我们传统的阅读方式截然不同,用户的阅读顺序是从右往左,甚至交互方式也是如此,所以在设计的过程中,需要对阿拉伯地区的界面设计,进行镜像处理。


镜像处理

除了文本内容的显示顺序改为从右往左之外,界面中的图像、图形、图标也需要进行镜像处理,但需要注意的是,含有明确指示性或方向性的图标需要镜像,例如返回、查看更多。而像刷新、历史、闹钟等统一标准的图标不需要镜像。


6.3  空间设计

听到空间设计这个词,我首先联想到的就是超市,设计师在设计的过程中,会充分考虑人群的动线设计,商品的分布也会大有讲究,入口一般是单价较高的电子产品,手扶梯边和收银台都会放一些零碎小单品,既要考虑短头商品的展示,也要考虑长尾商品的曝光。


6.3.1 线下链接

而这一个特征,在互联网产品设计中,也是可以借鉴的,例如支付宝的电子社保卡,为了能更好的推广电子服务,设计师将线下社保局进行空间设计,用户在不同位置所看到的海报均不同,针对用户不同阶段对需求的不同,进行场景差异化设计,可以更好的传播有价值的信息。


6.3.2 到店体验

到店服务,即用线上互联网服务线下业务,其出现是为了解决传统线下消费固有的问题,为了更好的形成线上和线下的链接,我们也可以采用上述的方法,对整个线下店面进行空间设计。


例如店外主要起到引流的效果,可以让用户扫码进入店铺首页了解店铺具体的信息,而在店门口可以让用户进行扫码排队预约等,当食客就坐后根据桌上的二维码可以进入到店铺的下单页,最后在收银台布置扫码买单,整个流程符合线下体验,并可以将不同的页面准确的传递给用户,促进用户快速完成线下消费。


七、服务差异化设计

场景化设计中第三个关键内容就是事,而在互联网产品设计中,所有的事都是为了能更好的服务用户,但随着互联网成熟,功能越来越丰富化,我们需要更加精细的场景划分,明确用户对于整个服务的操作流程,结合前后场景预判用户目标,通过设计提高用户效率,给予用户惊喜与感动。接下来主要通过目的、行业、内容三个角度深入分析。


7.1 交互流程 - 服务目的

如今随着互联网不断发展,用户的时间被各种产品分割,而面临着用户在产品中的所有体验,做的每一件事情,都是有目的性的,例如打开淘宝的目的是想购物,打开抖音的目的是想放松娱乐,因此只有挖掘出用户的目的,才能更好利用服务完成用户行为。


为了让用户更好的完成任务,可以将操作流程拆分为三步,从开始到结束,结合前后场景预判用户目标,提升交互体验,而关于这个内容,我之前在《交互流程中的三大重点》一文中有详细讲解,感兴趣的可以自行查看。


7.1.1  操作前 - 行为目的

像我们常见的一些产品结构布局中,其实有也着简单的分层布局,我们可以根据用户不同的行为目的结合页面板块的内容呈现来进行结构分层布局。


下面的案例从上到下依次为,目的明确的搜索用户、分类明确的用户以及只想随便看看的用户,这样的话,可以有效的服务与不同用户的目的,也能快速实现流量分发的作用。


7.1.2  操作中 - 操作目的

根据不同的服务以及用户操作目的,判断内容的合适性,例如输入内容时,结合前后场景预判用户目标,针对不同的内容呈现相对应的键盘样式,通过设计提高用户效率,满足用户的操作目的。


操作减负

面对各式各样的数据录入,表单填写是移动端设计中最复杂的一项操作,在设计过程中可以根据用户目的进行场景区分。例如下图的案例,通过自定义的形式为用户提供了兼容不同层级的联动键盘,整个过程都在键盘输入组件中完成,保证了录入的沉浸和任务的聚焦。


场景匹配

在操作过程中,可以针对内容呈现对应的键盘样式,例如系统自带键盘的样式多达8种,我们可以制定各种场景下的使用,从而进行匹配,让用户在输入的过程中更高效。


7.1.3  操作后 - 结果呈现

当体验流程中用户操作后,需进行合理的内容反馈,可以通过场景化设计思维,结合用户目标,呈现合理的内容,提升设计效率。而在结果呈现上,主要可以分为两个方向,结构与内容。


在内容建设方面,主要通过信息架构来构建用户体验,确定各个将要呈现给用户的元素的模式和顺序,例如淘宝搜索结果页,采用了两种不同的局部方式,根据搜索内容来进行区分,例如电器类的产品外观大差不差,因此结构上采用小图模式,主要突出产品信息和卖点,而服装类的商品则采用瀑布流的形式,强化图片的视觉表现。


内容主要是借助价值去找用户,找到用户建立链接,从而产生价值,简单理解互联网产品就是一个链接工具,但为了能更好的让内容和用户进行链接,我们可以将内容进行前置处理,根据服务目的结合内容的呈现,快速建立业务链接。


下图案例来自于百度搜索,用户在搜索时,不同的关键词呈现对应的服务内容,合理运用场景化设计中的服务差异化设计,为不同的事进行设计,既能快速匹配相应的用户,还能缩短用户寻找服务的操作路径。


7.2  框架层 - 行业细分

随着互联网成熟,产品业务形态逐渐完善化,例如餐饮产品,里面会涉及到多种餐饮业态,例如早餐、茶饮、快餐、烧烤等等,而所有销售类的内容都会涉及到人、货、场。人在上面也大致讲过了,这里就不继续赘述,而面临这种行业较多的情况时,我们可以采用场景化设计思维中的分层思维,将行业进行细分,进一步让货物可以对应到符合的场景中。

接下来也会继续使用餐饮产品作为例子,进一步讲解行业细分后的设计细节。


7.2.1 行业特征

餐饮业态较为复杂,但行业之间的差异还是比较明显的,可以将行业特色进行提炼,针对不同的特点进行框架设计。


例如年轻群体较多的甜品茶饮,功能上除了基础点餐也有外卖服务,甚至也会有周边商城,这种类型的商户比较注重服务的呈现。但一些传统的餐饮行业,由于菜品体量较大,页面呈现上可以更偏向于菜品展示。除此之外,还有很多餐饮商户比较注重用户身份以及会员管理,而框架设计上也可以将资产内容前置化,满足商业目的。


7.2.2 导航设计

产品框架中最关键的一个内容自然离不开导航设计,它是专门用于呈现信息的一种界面形式,用户可以在内容结构中自由穿行。在页面设计的过程中,也可以通过不同的导航形式满足需求,例如在在菜品的展现形式上,菜品体量较大的快餐便当,可以采用侧导航形式快速进行内容筛选,而甜品茶饮类的菜品较少,可以利用双行瀑布流的形式强化商品图片的呈现效果。


7.2.3 菜品布局

框架层的关注点几乎全部在组件及相互关系上。框架确定用什么样的功能和形式来实现。作为餐饮类的产品,菜品呈现属于比较关键的内容,而面临不同类型的菜品,也能做出场景差异化的表现,这一点比较像上面案例中提到的搜索后的商品结构呈现。


在上面行业特征分析时,会发现如果从餐饮菜品数量上进行区分的话,布局上可以使用单行列表或双行瀑布流的形式,来区分菜品分发的权重。而像一些套餐的菜品,布局上可以将菜品组合摆放,方便用户对套餐内的单品进行对比与调整。


7.2.4 分层营销

在营销设计中,可以通过各种营销资源位进行宣传展示,为了让营销满足不同商户的使用,可以利用场景分层的形式,将营销表现力分为强、中、弱,三种形式,并根据不同的页面框架布局去进行表现。


7.3  内容形式

内容型产品比较注重用户消费与互动,平台也会对内容、流量、用户进行分析,确保合理的消费场景。随着产品逐渐丰富化,内容分为多种形式,例如视频、音频、直播、资讯,而内容形式也分为娱乐型、工具型、知识型和社交型,为了能更好的匹配消费场景,可以将内容形式进行分层处理,区分不同的事物,采用合适框架形式,满足用户的消费场景。


下图案例来自于淘宝内容优化设计方案,通过场景细分,主要分为三个场景,一是以浏览图片视频为主的富媒体消费场景;二是社交关系为主的消费场景;三是以文字消费为主的阅读场景。三种场景的每一种都对应了多个内容框架以及框架之间的流转链路,按下图从上往下逐渐从重分发到强沉浸的浏览体感。


富媒体消费场景内容的复杂度和数量较大,一般常见的方式是采用分发为主的双列流,满足多种类型的内容合理展示,如果以图片为主要消费内容的情况下,可以采用大卡流,突出图片的展现。甚至也可以利用全屏的形式,强化用户的沉浸体验,这种方式更适合视频内容。


以社交关系为主的内容,可以采用传统的动态流布局,更适合用户的习惯,同时也可以满足多种信息的呈现。文字阅读为主的内容,更加注重信息的阅读,可以使用文本流的形式,通过简单的对比和结构层级简化处理来帮助用户阅读信息。

为了让用户更好的消费内容,整个优化项目的过程,首先通过用户消费内容的梳理,然后结合内容的特点进行核心框架的链路整理、提取抽象化的共性框架,让各个具有相似性的场景进行拉通,最终确认框架形式。


八、总结

场景化分析可以让设计师以用户的角度解决用户痛点,发现问题解决问题,从而更好地服务于用户,不管面临多复杂的产品,都可以通过场景化设计方法,将关键的三大内容进行提炼,进一步分析,确保每个内容点都符合具体的场景。


文章来源:站酷   作者:三石设计丶 

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


设计师的数据分析与场景化设计

雪涛

       随着互联网的发展,近这几年设计圈子里大家都在讨论UGD(User Growth Design),要向UGD转型等等,以用户为中心,以增长为导向,这个概念本身并没有问题,而且是对UED的一种非常棒的进化和升级,要求设计团队需要具备更综合的专业能力与视野。本着对团队的升级优化,我也以UGD的思路对团队有了新的更高的要求,然而在这个过程中却发现在很多问题。

       

       随着各种社交平台的传播普及,什么闭环、串联、颗粒度等等这些互联网黑语,满大街飞来飞去,设计师们的PPT、汇报资料是越来越丰富多彩,但项目效果却并不明显。数据、增长的概念确实是铺开了,但却成了PPT里的装饰,并没有真正落地生根。


       经过很长时间的摸索,我们终于有了一套适合团队自己的UGD思路,也一步一步的在不断的优化提升,下面以我们做过的一个项目(用户投资路径优化)为例来说说我们对UGD的思考,以及设计师对数据分析以及场景化设计的思路。


1. U user

       以用户为中心,就是关注用户的行为,串联数据,从点线面结合场景分析,提出问题所在。

 

       作为设计师,最常关注的用户数据就是转化率、点击率、停留时长、跳转路径等等,从单一数据来看,都是一些常见的简单的数据,但要真正能够分析用户,还需要结合实际场景来分析。


案例:

       我们在分析交易线的数据时发现了一些问题,并对数据做了对比分析。



项目列表页 ] 

用户的点击主要集中在前十个投资项目,占据整个页面点击的80%。



项目详情页 ] 

用户通过列表页进入到详情页,详情页的浏览率较高,但转化却很低,另外优惠券的点击率十分高,超过85%,意味着进入到详情页的用户,基本上都进入过优惠券页面,而最终促成成交却很低。


       以上是整个交易环节最初始的两个页面,也是最核心的页面,从单个页面的数据(点)来看都属于正常漏斗数据表现,接下来我们从用户路径(线)的角度来继续分析。

       


       我们从用户当中,抽取了部分最终完成了交易的用户,对整个交易路径的进行分析,结果发现用户在列表页——详情页——优惠券这三个步骤之间反复切换。

 

       不难看出,用户在列表页、详情页、优惠券选择页来回切换,即使最终产生交易,但整个路径耗时长,反复操作,跳转不合理,导致大量流失,这是目前数据所呈现出来的情况,也是问题的核心所在。


2. G growth

       以增长为导向,以数据为依据发现或提出问题所在,确定最终需要增长(优化)的数据指标,并以此为目标展开思考,提出解决思路。

案例:

这是最典型的购物交易场景,通过上面的分析,我们再结合场景化的思路进一步整理思考用户的操作行为目的。

以投资理财的角度,换位思考,其实就是:想投资——挑选——看看优惠——挑挑其他的——再看看优惠——再看看其他的——还看优惠。


       用户为何反复的从列表页进入详情,又跳转回列表页再进入详情页?这就是突破口了,想清楚这一点,解决思路也就清晰了

我们举一个现实生活中的购物场景来帮助思考分析(灵感来源于生活)。

购物路径1:想买东西-找到对应的货架-使用优惠券并买单;


购物路径2:有优惠券-到超市看看有没有想买的-使用优惠券并买单;



       在现实生活中,除了”有想买的东西”这一主观需求外,对交易产生一定决策作用的,就是优惠。

结合前面对投资用户路径的分析来看,用户交易路径如此反复,实际上就是在同样的资金投入的前提下,对比不同的项目、不同的优惠,如何搭配才能利益最大化,这就是用户的最核心需求。


       如何帮助用户快速完成相关数据的对比,缩短操作路径,降低交易耗时,从而减少流失提升成交率,这就是解决思路,也是我们需要增长(优化)的数据指标。


       基于场景化的分析明确用户的核心需求,确定需要增长(优化)的数据指标,我们提出来了两个解决方向。



[ A方案——详情页的快速切换(优化) ]

       ,在原有的路径上,保持用户的操作习惯,新增详情页左右滑动切换的功能,用户学习成本低,开发成本低,可快速上线,但对于路径优化、数据对比不够直接,治标不治本;



[ B方案—— 设计新的快速路径(创新)]

       结合前面分析的两种现实生活中的购物场景,在原有的路径上,针对平台老客对平台项目的规则详情已经清楚了解的特点,设置多一条快速通道,减少干扰,对比直接,加快老客的决策速度,但用户学习成本高,开发成本高,虽然治本但风险也大。



3. D design

       到此为止,我们就可以进入具体的解决方案的尝试了,设计师的方案,自然就是设计稿了。


案例:

       A方案直接开发上线即可,上线后就可以收集数据进行分析了,经过两周的时间,从数据表现来看,交易总时长稍有所下降但并不明显,约下降了2%,而交易率基本持平。


[ B方案最终UI稿 ]

       在此期间B方案完成设计开发后,协调产品运营推广等业务方,选择确定部分渠道进行ABtest,经过一个多月,持续收集数据反馈优化方案,多轮ABtest后,从数据反馈来看,B方案数据提升明显,有效的降低了用户的决策时长(降低了近20%) ,提升交易成功率(老客转化提升1%),说明方案的可行性强,随即全量更新。


       从随后的数据表现来看(总转化提升0.3%,总时长降低15%),整体方案对平台的整体效益产生了积极推动作用,说证明了设计团队对于产品与企业的价值(我们不是美工)。

       在后续工作过程中,持续根据数据表现,分析,发现并提出问题,提出解决方案,测试验证,不断的循环重复,持续提升用户体验,以数据为依据,以增长(优化)为目标,这就是我们对于UGD的一些思考跟尝试。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png



文章来源:站酷   作者:包大佬

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



场景化设计

雪涛

前言

——

随着科技的进步和互联网的发展,过去机械的单向交互方式逐渐被打破,用户使用移动端的场景越来越丰富,设计师也开始需要通过主动的观察用户所处的不同场景,感受用户情感,预判用户意图,来为用户提供更智能更便捷更贴心更高效的服务,场景化设计已经融入互联网设计的方方面面,下面的文章当中,我将从三个方向去阐述和列举场景化设计。



随着移动端的不断发展,从固定电话到移动电话,移动端的设计渐渐的融入在用户的身边,深度的跟随着用户,陪伴着用户,慢慢的,开始观察用户,感受用户,在这个过程背后当中,场景设计逐渐产生,设计师通过针对用户所在的实际场景来设计,建立用户与场景之间的联系,给用户带来更贴心,更高效的体验设计。



1-1  基于不同用户的场景化设计

——————————————


腾讯视频 - 播放器护眼模式

如今各大产品都在上线了“青少年模式”,越来越多的产品关注到了成人与儿童这两个不同的用户群体,腾讯视频在青少年模式中推出的播放器护眼模式,通过摄像头来获取用户当前距离手机屏幕的距离,当用户离屏幕太近会有提醒并停止播放,当用户位置在正常距离以后,提醒消失。帮助青少年养成合理观看手机,爱护视力的好习惯。


滴滴打车 - 关怀模式

滴滴打车新增了“关怀模式”,在关怀模式下,整体的页面字号放大,在功能上,更极简的打车模式,将复杂的任务拆分为拆分为目标清晰的子任务,并提供清晰的反馈,来方便用户的使用,关怀模式更有利于老年用户以及视障用户使用产品。

产品在体验上的提升不应该仅仅是针对主要群体,跟多的是考虑到特殊群里的体验,以上两个案例,根据不同的年龄人群“青少年和老年”,适应了不同的产品体验模式,让更多的用户群体都能够得到更好的产品体验。


腾讯地图 - 左手操作功能

当用户在腾讯地图设置中开启左手操作功能,首页地图上的侧方操作控件会移动到屏幕的左侧,方便左手用户点击和操作,人性化的设计容纳了拥有不同使用习惯的用户。


高德地图 - 视觉障碍模式

在地图软件当中,我们通常都会用红色表示路段拥堵,绿色表示通畅,在色盲色弱人群当中,红绿色盲也是比较常见的色盲类型,所以在高德地图中,为色盲色弱用户做了专属的路况配色,贴心的考虑到了特殊人群的体验。


优酷视频 - 色弱模式

优酷视频在更多模式选择中,为用户提供了“色弱模式”,并有不同色弱人群的细分“红色弱”“绿色弱”“蓝黄色弱”


饿了么 - 无障碍色盘

在饿了么送货骑手中,约8%受色盲色弱的困扰(全国男性群体中红绿色盲色弱占比达8%-9%,饿了么骑手男性占比90%),为此饿了么设计团队在2019年对app的进行了重新设计,包括使用WCAG无障碍色彩对比度,以及无障碍色盘,以及调整字阶,使用辅助图形等设计手段来解决部分骑手在送货途中使用APP的痛点问题。



1-2  基于不同时间的场景化设计

——————————————


美团/美团外卖 - 不同时间段展示不同推荐

外卖行业本身就具有一定的时间属性细分,用户早中晚点餐上肯定会有不同的诉求,美团外卖在不同的时间顺应用户的不同诉求来推荐不同的内容,帮助用户挑选在该时间段内的用餐。

美团在一些周末和特殊节日上,用户在不同时间的诉求不同的,相关推荐也会有所不同。


QQ音乐 - 不同时间的个性化push推荐

QQ音乐会根据不同的时间,给用户推荐不同的个性化push通知,早上是“每天起床气一句”“最气不过起床气” 冬日是“冬夜需要”。结合用户当前时间段下推荐相关的push,不仅增加了用户的点击欲望,也拉近了和用户的距离,让用户时而暖心,时而感到有趣,这么可爱的push通知,也是辛苦QQ音乐的运营小编了~



1-3  基于不同地点的场景化设计

——————————————


iOS - 勿扰模式新增位置属性

在iOS12系统当中,新增了地点勿扰模式,长按勿扰模式的按钮,可以选择“直至我离开此位置”,用户在看电影,会议或一些特定的地点可以灵活的使用该功能。


大众点评 - 首页根据地理位置个性化推荐

在使用大众点评时,当我的地理位置在我的常驻地北京时和将地理位置切换到“重庆”时,首页展示的信息和内容框架都发生了变化,产品根据我的地理位置推断出我现在搜索的目标地不是我的常驻地,预判到我可能存在即将出游到当前定位的城市,会直接给我推荐一些攻略,和一些“怎么玩”“”订住宿“”游景点“的旅游攻略向内容。



1-4  基于不同环境的场景化设计

——————————————


iPhone -  接听功能

iPhone在用户接电话的场景下,根据用户所处环境不同,适配了不同的方案。不同的当iPhone处于息屏状态接电话时滑动接听,防止误触;当iPhone在使用时接听电话为按键接听。减少用户操作成本。


支付宝 - 收款码功能键盘

在支付宝的收款码扫一扫功能中,用户向他人展示收款码时,手机向下倾斜后,扫码的提示文字和用户的头像会发生旋转,其他功能会相应弱化或者直接消失,以便方便付款人阅读,充分考虑到了现实中的操作环境,保证了双方的使用体验。


支付宝等金融类产品 - 后台运行下模糊处理

支付宝等金融类的产品,在用户开启后台后,会对页面进行高斯模糊处理,避免了后台场景下用户无意中泄漏自己的信息,也防止了被偷窥。(支付宝在页面底端还添加了温馨提示:支付宝全力保护你的信息安全)



1-5  基于不同事件的场景化设计

——————————————


支付宝 - 停车缴费功能

在输入车牌省份时,会直接弹出各省/直辖市的缩写专用键盘,并且可以直接进行大写字母与城市简称的切换,降低了用户的输入成本,提高了整个功能的使用效率。


百度键盘 - 横屏游戏模式

百度键盘在游戏模式下,会接入游戏快捷回复语并自动开启和谐模式,增加趣味性的同时方便了我们在游戏进程中的快捷输入,将九宫格按键进行等比缩小展示,方便用户点击。


iPad OS键盘 - 浮动式键盘/速滑输入

Pad OS键盘在使用中,可双指捏合可以快速缩小键盘,然后将它移到合适的位置,即能单手打字,又能给你的app留出更多的空间,并且增加了快速输入的功能,只需要在键盘之前轻扫,即可打字。



情景预判的交互设计是建立在整个产品的框架上和对用户深刻理解上的细节迭代。预判设计主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断用户行为,缩短行为路径。新功能引导更倾向于产品功能本身的逻辑和价值,这次我们主要主要讲第二点,提前判断用户行为。



预判设计强调主动性和智能性,是决定产品是否体贴、聪明的重要因素,是走向人工智能的基础,对微交互中的预判设计进行分类研究有助于加深对其了解和认识,进而在实践中应用以提升用户体验。预判设计可以很好的在用户的操作过程当中进行简单高效的引导和预判,帮助用户更流畅舒适的使用产品。



2-1  顺应用户行为的预判设计

——————————————


在互联网发展中,产品功能的流程越长,操作步骤越多,越要求用户的理解能力和学习成本更大,耗时也会相应增加。因此体验设计师在理解用户行为的交互设计的基础上能够做到减少冗余步骤,简化操作流程。顺应用户行为的预判设计也可总结为四个字:以简驭繁。抛开繁杂的操作过程,运用更少的任务和行为来达成用户目标。简约不仅仅是视觉的形容词,同样适合行为。


支付宝 - 转账功能

聊天页转账:在支付宝聊天页,很多时候我们想给对方转账,会习惯性的在输入框中输入相应的数字,但在操作错误之后,支付宝会在输入框上方弹出相应数字的转账,点击之后会直接进入转账页面进行操作。对我来说,这个功能已经不是简单的帮助用户纠错,现在更像是一个快捷键一样方便着我们的操作。


手机号转账:当我们复制手机号后打开支付宝转账功能,会弹出该号码的转账气泡引导,提前判断了用户通过手机号去转账的路径。用户可以点击气泡一键跳转到转账页面。


消息页 - 找人转账:在消息页面,当用户开始上滑操作时,会出现「找人转账」的气泡提示,点击进入用户列表的简约页面,去掉了一些生活号服务号企业号等无用的对话框,提高了用户寻找的效率。

一个转账的功能,在不同的页面不同的场景下,支付宝在体验上把用户情景预判设计做到了极致,事实上,用户的行为中渗透了意识。从用户的行为推断用户意图,将用户的意图结果化,结合用户的使用场景,顺应用户的行为,缩短用户的路径,才能给用户带来最流畅的交互体验。

正如《一目了然》中所说,“当一个软件设计得很糟的时候,我们往往能立刻指出哪里做的很差;但一个优秀的软件,你却往往难以解释优秀从何而来”,因为沉浸式的流畅体验为你减轻了很多思考的路径与时间。


淘宝 - 智能填写地址功能

在新建收货地址的场景下,填写复杂的地址信息的过程往往都是繁琐而费时的,而设计师在此场景下考虑到用户需要地址的多样性,以及用户行为背后的含义,当用户复制了一段收货地址,打开新建地址页面时,App将主动提示弹窗“是否粘贴刚复制的信息”点击“确认粘贴”即可粘贴收货地址到对应列表项,这种预判设计对于用户来说是自然且让人愉悦的。我们不仅顺应了用户的操作行为,还在其中大大的帮助用户减少了很多操作。



2-2  分析用户行为的预判设计

——————————————

预判设计的主体是用户行为,从用户的视角出发,分析用户行为,是设计师建立在整个产品的交互里路程和功能框架上,对用户的行为深刻洞察后进行细节的改进。


Mac - 鼠标放大功能

当我们使用电脑时,总会发现找不到鼠标位置的情况,iMac设计师在识别到用户开始连续晃动鼠标时,分析到用户当前的状态可能是在寻找鼠标的位置,会对鼠标做一个放大的效果,帮助用户快速定位到鼠标的位置。


抖音 - 刚刚看过功能

在抖音我们刷到一些连载视频后,我们都会去进入作者的个人页去寻找上下集,在作者个人页作品很多的情况下,可能要寻找好久,抖音在个人页的作品卡片上添加“刚刚看过”的提示,方便了用户在浏览中能够更快速的定位到刚才的视频。方便继续衔接观看。虽然一个小小的功能提示,我们从用户行为,预判到用户的需求,带给用户更方便更快捷的体验。


美团外卖 -「再来一单」和「相似商家」

在美团外卖中用户可以在订单页面直接点击「再来一单」按钮选择和上次一模一样的商品加入购物车,如果一家店没有营业的话那么则会显示一个「相似商家」按钮。

结合实际我们操作的场景,外卖产品,我们重复下单的频率会比较高,当我们来到这个订单页面,「再来一单」的按钮可以更方便更快速的帮助我们下单,但当商家休息的时候,这个时候继续展示「再来一单」按钮对用户来说也是无效的,我们往往会回到首页去搜索相关类似的相关产品,然后再重新下单,而这时候「相似商家」按钮直接帮助用户一键定位到后续的一系列操作,真正的做到在分析用户行为中,预判用户操作。



2-3  符合用户行为的预判设计

——————————————


设计师做需求时,往往需要考虑在特定情景下,用户行为背后的思考与需求。因此符合情景的预判,我们也可称其为“符合用户感知的预判”。思考用户使用产品的情景,及时而高效的迎合用户对于当前场景的需求。


墨迹天气 - 降水雷达图

墨迹天气的降水雷达走势图,进入之后,放大、缩小屏幕就可以查看全中国的云图了,墨迹天气的云图可以查看到降水情况、闪电、积雪(冬天才有的功能),并且伴有文字提示,在未来两个小时的天气情况,方便了有出门需要的同学实时查看天气。


微信聊天 - 用户撤回消息/避免误点删除

在微信聊天功能中,我们可以对两分钟以内的消息进行撤回,但相信大家都有跟我一样的尴尬经历,发了错误的内容想要撤回,却一不小心点了删除,再也没有机会撤回了。

微信在这个功能上做了很好的改进,当我们的发出的消息小于两分钟时,该消息只能撤回,去掉了删除功能,在该消息超过两分钟后,则撤回按钮消失,只能进行删除操作,两个功能进行了互斥处理,很好的避免了这个场景下用户会误触。


宝 - 评价操作

当我们选择好评的时候,会自动勾选到“公开状态”,当我们勾选差评时,系统会自动取消”公开“状态勾选,默认匿名发送该评价,很好的保障了差评用户的人身安全问题和个人隐私问题。


宝 - 搜索结果页标签展示

当我们在淘宝搜索电脑包时,展示的内容下方会自动展示商品的容量标签“可放14寸电脑”,帮助用户在列表页面就能筛选到更合适自己的商品,当搜索玩具时,也会展示当前商品适用的年龄段。产品根据用户搜索的内容,自动匹配能够帮助用户进行筛选的标签。


小结

——

预判设计当中我们从三个层面进行了分析,从顺应用户行为的预判设计,到分析用户行为的预判设计和符合用户行为的预判设计。一个好的产品,往往会更多的使用用户语言,通俗易懂地让用户可以对整体的使用方式一目了然,而不是产生一系列的问题,迫使用户停下来,进行不必要的思考。用户的每一次停顿对我们来说可能都是一次用户流失。而预判设计要做的,是根据用户的行为/用户所在的场景,让功能主动找到用户,并让用户与之产生自然的交互。



场景化设计中,以情感化为目标的设计同样需要具体场景具体分析,通过细节上的改变使得产品在当前场景下能够与用户产生更多共鸣,主要从细节出发满足用户在当前场景下的情感需求,让用户感动,给用户惊喜。

其实用户在使用产品的过程中,同样渴望在使用产品时能够得到情感上的互动,这反映在设计上即是产品情感化设计。情感化把握得好的产品往往更能抓住用户的心。



3-1  本能层的情感化设计

————————————


躺平 - 空状态页面

躺平是一款阿里旗下的生活方式APP可爱的小人和拟人的语气,设计师让每一个空白枯燥的空页面瞬间变得可爱和有趣起来。


快手 - 节日开屏设计

快手在每一个特殊的节日都会给用户送来精美的开屏祝福,让用户在节日当天打开app就能接受感受到产品满满的心意和祝福。


B站/快手/网易云音乐 - 生日祝福

在用户生日的这个特定时间和特定场景下,很多产品都给予了用户不同的生日祝福,B站是一张有关于星座的动漫海报,快手给用户定制了专属生日开屏,网易云音乐的每日推荐为用户献上生日快乐歌,不同的产品结合自身不同的产品属性,给一位用户都带来了不同的生日祝福。



3-2 行为层的情感化设计

————————————


腾讯视频 - 夜深了提示

想必大家都有熬夜刷剧的经历,在腾讯视频中,在全屏模式下点击退出清屏模式下,页面上方的时间旁边会显示夜深了,只是简简单单的三个字,这深夜在这个场景下,感觉内心也有一瞬间被人关心的触动,体验了一个产品的人文关怀和对用户的体贴。


QQ音乐 - 会员到期弹窗

QQ音乐的绿钻到期挽留弹窗真的是别出心裁,推荐了4首歌曲,连起来就是VIP我们舍不得重要的你,用歌曲的的名字来表达对用户的诉求,趣味化的设计让这个小小的挽留弹窗不仅没有感觉到打扰,还感觉很有趣。


美团外卖 - 订单页面的天气

当有特殊天气时,我们打开美团外卖的配送页面时,页面会在页面中做当前天气的拟实物效果,下雨天整个页面也是下着大雨,下雪天整个页面飘着雪花,甚至雾霾天气整个页面是是伴着黄黄沉沉的云,设计师预判到用户打开该页面是想看外卖到了哪里,看到外面的天气如此糟糕,大家都不忍心催促外卖小哥了,大大减少了特殊天气下配送不及时的投诉率。


Bibilibi - 密码输入

在B站输入密码的时候,页面上方的小人会遮住眼睛,潜台词:我不看,你放心输入吧。在输入密码的情景下,设计师用趣味生动的卡通形象给用户带来了更信任更安全的感知。


Bibilibi - 黄油相机加载动画

黄油相机的加载动画,是一个可爱的切黄油的小人,并且加载当中的文案,会告诉用户当去前正在加载的内容是什么,能够让用户对于加载的时间有预期,让等待加载的过程不会枯燥。


3-3 反思层的情感化设计

————————————


苹果 - 残章人士emjio

苹果新增 13 个与残障人士相关的 emoji,包括导盲犬、轮椅、义肢、戴着助听器的耳朵等。有意思的是,苹果不仅按照以往的做法为涉及人物的 emoji 按照性别和肤色提供多个版本,而且在表示辅助器具的 emoji 中还做了细节上的区分,比如轮椅有手动和自动之分,不同导盲犬的导盲鞍样式也有所不同。

回看历年苹果emoji的更新,从肤色平等,到性别、性向平等,再到为残疾人设计,这让我想起了苹果为残章人士做的广告 - 科技属于任何人



豆瓣 - 悼念已故用户

最近,快手B站豆瓣等都陆续上线了“纪念账号”,产品的意义不仅仅是留住生者的精彩瞬间,更多的也是留住逝者的人生印记,对已故用户的账号进行保护,豆瓣在已故账号上做了悼念用户的活动“在他/她的头边放一束山茶花”的方式来纪念已故的用户。


腾讯公益 - 404页面

腾讯公益的404页面,这个项目的灵感源于欧洲失踪儿童联合会主导的,名为“NotFound Project”的网络公益工程。就是利用404页面展示那些被拐卖儿童、失踪儿童的信息,帮助那些孩子重新找到家人。


丁香园 - 404页面

丁香园404页面界面展现了因恶性医患遇害的医生同道,文案是“你所访问的页面就如那些遇害的同道,已离我们远去。”下面还会有这些白衣天使的照片和名字。以这样的方式悼念亡者,也侧面展现了丁香园的社会价值。

在页面走失的这种特殊场景下,404页面视作可被利用的空间,来呈现公益信息,这种方法暂时减弱了用户对产品页面走失的愤怒,将注意力转向对弱势群体或社会问题的关心,侧面感受产品的社会价值,这种方法适用于社会公益性质或相关业务的产品。以上的腾讯公益和丁香园对于这块的设计都是很好的案例参考。


快手 - 搜索页负面情绪引导

在快手搜索一些负面的情绪词汇时,会提示用户“别怕,我们都在”。并附有24消失免费心理危机咨询热线,从推荐位banner点击后会进入一个群聊,里面都是其他用户留下的暖心话语,这些情感化的设计让那些正在经历困难,或者想要终止生命的人传递以温暖。我们可以帮助你,你并不是孤单一人。微信/知乎等搜索引擎下都有不同的对于该情况的情感化设计。


京东/淘宝 - 搜索页面濒危动物保护

在京东搜索穿山甲,会直接挑战到保护濒危动物页面,传递出了一个企业对动物的保护意识。页面中的穿山甲≠治病,向全民科普濒危动物的现状和对于人们对于野生动物的错误认知。淘宝更是对野生动物保护启动了绿网计划,搜索穿山甲/象牙等都会进入到该活动页面。


小结

——

情感化离不开场景化设计,上面四个案例分别是两个404页面以及两个搜索引擎的不同设计,不同的产品赋予了不同的含义。不同的场景下设计师也需要有不同的思考,陪伴产品一同进步。

情感化设计更多的是带给用户瞬间感动,很难形成长期的用户激励或用户增长,因此情感化设计主要目的是通过情感累加,提升产品品牌形象;产品不仅是所有功能的集合,他们真正的价值可以是满足人们的情感需求,而其中最重要的需求就是建立自我形象与社会地位。 反思层是包含并超越前两个层次,我们要经常思考,为什么同类型的产品,我们要选择它,为什么它给我留下了很深刻的印象,这都是反思水平的设计需要做的。


文章来源:站酷  作者:刘狗蛋

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档