最新优秀产品设计分析 3篇

IP·《王开照相》文创产品设计

王开照相馆是中国照相业老字号，是上海滩第一家照相馆，成立于1921年，位于上海南京东路;在历史的长河里，有无数的人来人往，久而久之，记忆便会模糊，照片是唯一可以让记忆再现的媒介;在那个几乎只有黑白的年代里，王开照相以独特的技术和着色工艺让人物立体感更强，更加明艳动人;王开照相成了上海滩最响亮的名字，从那一刻起，王开照相便开始了“用照相，留住时代的光影”的使命;一百年过去了，历史的车轮驶进了21世纪，无论时代如何变迁，王开照相依旧记录着上海的变迁，初心不变。

一、气泡

这是最常见的一种，最平凡的运用方式，就是当新上线了一个新功能，就冒个气泡出来提示一下用户，比如下面这个页面：

需要注意，气泡的文案一定要提供有价值的信息：这个功能能做什么、这个功能的操作有什么特别之处等等。

另外，这种提示气泡最多只能出现2个，超过2个就会对用户造成比较大的打扰。比这个高级的方式，是在特定的时间或操作之后，为用户提供可能对用户有帮助的提示。

比如百度地图的这个例子：

当我在下午17：08打开应用的时候，在“路况”按钮旁边冒出一个气泡，提示我现在是晚高峰，可以打开“路况”躲避拥堵，这是很贴心的一个设计。

再比如：Facebook的网页版，当我首次播放视频之后，页面会弹出一个气泡，提示我可以进行收藏。

还是Facebook，不过这次是手机端，当应用检测到我在一段时间内拍摄了许多新照片，会冒出一个气泡：

气泡里展示着最近拍的照片，用行动在引导着用户：快选择一张发个动态吧!

这样精巧的设计，不但不会让用户反感，反而会成为用户觉得贴心。如何才能做出这样的好设计呢?

有个办法可以帮到大家：用户体验地图，感兴趣的朋友可以去搜一下。

二、整个页面

这种方式一般用在用户第一次开始使用某个功能时，对于重要的信息，使用一整个页面来提示，防止用户错过。比如：当我首次打开这个相机应用的时候，会出现如下的提示——从右向左滑动录制视频。

还有这个例子，当首次打开这个视频录制应用时，会出现如下图的授权提示：

这样做的好处是让用户充分了解操作的意义，给用户充分的预期，带来掌控感。

一、双十一电商大促的流量与承接路径模型

双十一电商大促的本质虽然只是简单的促销(降价、满减、满送、包邮、捆绑优惠等)玩法，但整个项目策划与实施下来，却是牵扯到产品、运营、设计、研发、市场、BD等方方面面。这里仅仅简单地产品方面来谈谈。

与产品息息相关的就是流量，所谓的流量承接产品，通俗来说就是在各个电商平台看到的大促会场页、各类活动页、搜索页、店铺页、商品详情页、下单支付页面等。这里笔者将其前三类页面归为购物路径前端页面，后三类归为购物路径后端页面。

幻灯片1

购物路径前端页面：流量高但不精准，次级流量出口众多，用户的需求也是模糊的。产品设计时侧重关注本级流量的二次精准分配，提高每个次级出口的流量质量，也就是帮助用户完成正确的购物决策。

购物路径后端页面：流量较低但精准，次级流量出口单一，用户需求变得清晰。产品设计时侧重功能稳定性，确保下单过程中的每一步都是流畅的。当然店铺页、商品详情页关于大促的利益点也要足够鲜明，保证用户不会轻易跳出。

由于篇(能)幅(力)有限，本文着重讨论购物路径前端页面的。从产品层思考可以关联出几个关键字：流量、导航、页面布局、点击、跳转。

幻灯片23合并

其中流量是一切的源头，从来源上看，可以粗略分为：

1. 线下(间接)流量：海报、广告屏等(静态，主要目的多为品牌曝光，强化用户心智印象引导并在用户上网时触发)，也有一些线下流量是通过二维码的方式直接连接到线上页面

2. 线上直接(直接)流量：

进一步细分为站外流量：外部各种流量出入口的曝光banner、卡片和floating等。

站内流量：电商平台的各个栏目频道、导航tab、搜索等(对于大型企业来说，包括旗下其它兄弟产品的曝光banner、卡片和floating等)

流量进来之后，需要相应的动线设计来承接：是导航与页面布局。绝大部分流量从外部进入后变成内部流量进行二次分配，极少数外部流量直接进入商品详情页完成成交。从图2可以看到，外部流量进入电商APP后，首先会遇到两种分支情况：蒙层(弹框)和默认页。

幻灯片4

蒙层(弹框)类：

启动APP后进入第一个页面前会展示一个蒙层(或弹出一个对话框)，提示用户一些关键的大促信息或者引导用户参与一些互动。这种设计对于想直接逛逛页面或购物的用户来说肯定是一种阻断，所以一般会加上展示频率的限制规则，如：用户完成操作或点击不感兴趣后不予以展示之类。如下图的唯品会APP初始启动蒙层。

唯品会

评：好处是可以保证信息可以尽可能覆盖全部用户，对于那些希望告知用户“大促有特别玩法或某个时间段有重要优惠等等”情形，用这样的触达方式无疑是最高效的。但无疑也是最危险的，试想一下用户满怀购物欲望打开APP，却强插一段“广告”，那么“广告”的吸引性必然影响用户的跳失或后续的购物欲望。

默认页类：

启动APP后直接进入相应的大促会场、活动页或原来的主页嵌入大促页而面的入口。因为大促项目不是固化的产品，所以有关大促的页面一般不会做成native，采用APP的webview实现更快的部署和迭代。但是为了更好地烘托大促氛围，会更新一些公共部件的UI。如下图的苏宁易购APP默认tab。

苏宁

评：如果默认到大促会场页面而非APP原生主页，需要对大促会场的购物动线有着极高的要求，因为这会打破用户原有的体验认知。但因为这样的设计会使流量几乎全部承接到大促相关的页面，用户无需面对众多购物频道类目栏目的选择，直接进入的就是大促节日最核心的促销信息，路径更短，对于相关的转化可能会有一定提升。

京东微信购物

纵观大部分电商APP在大促期间的更新，采用的是增加大促专属tab、默认主页增加多处大促会场入口的设计。这样可以通过各个流量入口的展示开关和素材链接更换实现灵活调配大促期间的流量承接;对于用户体验来说，在原有购物路径基础上还有大促的活动可以选择，保证最大的体验自主性。

天猫

因为没有具体的数据对比，这样的产品页面又并非常见，不妨抛出个问题：以上两种动线设计，从体验和购物转化来说，哪一种会更有优势，为什么呢?

二、流量承接与分配的产品基础：大促相关会场

相信绝大部分参与过双十一大促的同学都体验过这样的页面，只是你们并不一定知道其术语叫作大促会场页面。那我们先从当当APP、蘑菇街APP的大促主会场页面一起回顾一下当前疯狂买买买的情景。

当当与蘑菇街合并_副本

结合上述两个例子对大促主会场页面进行流量出口分析，如下图：

幻灯片5

以大促主会场的流量出口为背景简单地进行需求分析：

分会场入口：按照商品、品牌、店铺的类目属性进行聚合与分割，形成垂直性的大促会场(分会场)，在主会场设置相应的入口。为满足双十一大促以分秒为单位的精细化运营，分会场入口的应该可以实时更换素材，保证各个类目的分会场能最大限度地击中用户需求。

大促玩法攻略展示：对于用户端来说，大促最核心的就是优惠信息，买家都希望尽早知道什么时候有什么优惠或是如何领取优惠券等。简单直接地传递这些信息必然成为大促主会场页面的首要需求。这里可以是简练的一句文案，扩展一点可以是一张大促玩法的内容卡片或是具体的双十一攻略页。

免单、包邮等基本玩法入口：老套路，但是对于这种严重不理性的节日，依然是必须有的促销子活动。

爆款品牌、单品、店铺坑位：无论是自营还是平台，都要一些重量级商家需要支持，给与特殊的流量坑位直接展示这些爆款，既可以满足商家的曝光，也能缩短消费者对于热销品牌的购物路径。

SNS活动入口：从简单的抢红包到好友凑团购，电商平台需要擅长在社交关系链传播的SNS活动进行双十一大促的造势和宣传，吸引更多流量进来。

其它活动入口：一些有“情怀”的电商平台继续抓取用户的购物信息，设计类似“我的1111”、“必抢清单”来展示用户、好友、KOL在大促期间的剁手经历和晒单推荐，以单品爆款为主，转化不一定高，但是胜在提高粘性。反观今年的双十一大促，不少电商平台纷纷请来网红、明星秀订单，利用明星效应带动销售。反正气势不能输。