优秀产品设计分析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原生主页，需要对大促会场的购物动线有着极高的要求，因为这会打破用户原有的体验认知。

但因为这样的设计会使流量儿乎全部承接到大促相关的页面，用户无需面对众多购物频道类L1栏LI的选择，直接进入的就是大促节日最核心的促销信息，路径更短，对于相关的转化可能会有一定提升。

京东微信购物
纵观大部分电商APP在大促期间的更新，采用的是增加大促专属tab、默认主页增加多处大促会场入口的设计。

这样可以通过各个流量入口的展示开关和素材链接
更换实现灵活调配大促期间的流量承接;对于用户体验来说，在原有购物路径基础上还有大促的活动可以选择，保证最大的体验自主性。

天猫
因为没有具体的数据对比，这样的产品页面乂并非常见，不妨抛出个问题：以上两种动线设计，从体验和购物转化来说，哪一种会更有优势，为什么呢？
二、流量承接与分配的产品基础：大促相关会场
相信绝大部分参与过双十一大促的同学都体验过这样的页面，只是你们并不一定知道其术语叫作大促会场页面。

那我们先从当当APP、蘑菇街APP的大促主会场页面一起回顾一下当前疯狂买买买的情景。

当当与蘑菇街合并—副本
结合上述两个例子对大促主会场页面进行流量出口分析，如下图：
幻灯片5
以大促主会场的流量出口为背景简单地进行需求分析：
分会场入口：按照商品、品牌、丿占铺的类目属性进行聚合与分割，形成垂直性的大促会场（分会场），在主会场设置相应的入口。

为满足双十一大促以分秒为单位的精细化运营，分会场入口的应该可以实时更换素材，保证各个类U的分会场能最大限度地击中用户需求。

大促玩法攻略展示：对于用户端来说，大促最核心的就是优惠信息，买家都希望尽早知道什么时候有什么优惠或是如何领取优惠券等。

简单直接地传递这些信息必然成为大促主会场页面的首要需求。

这里可以是简练的一句文案，扩展一点可以是一张大促玩法的内容卡片或是具体的双十一攻略页。

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

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

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

其它活动入口：一些有“情怀”的电商平台继续抓取用户的购物信息，设计类
似“我的1111"、“必抢清单”来展示用户、好友、KOL在大促期间的剁手经历和晒单推荐，以单品爆款为主，转化不一定高，但是胜在提高粘性。

反观今年的双十一大促，不少电商平台纷纷请来网红、明星秀订单，利用明星效应带动销售。

反正气势不能输。