买快手号_产品经理和设计师的反思:在H5的活动页面上做那些“坑”。

从一个简单的H5预约活动中,我们可以看到产品引领程序员,设计出婴儿曾经踩过的坑。

作为入门级产品“小司机”,他目前正在“开车带路”,与几位程序员“老司机”闭着眼睛踩坑。在我们教育产品的第一版中,花了两周的时间来启动预订H5的应用程序。借用这个简单的产品,我想和大家简单分享一下我在短短两周内踩过的“坑”!希望能警醒自己的同时也能帮助到你。

不想听我BB的朋友总结如下:

1. 加强沟通确保信息对称

建立需求沟通机制并严格执行;

信息透明,每个团队都知道彼此的工作节奏;

及时实施要求的关键节点;

管理需求方的产品期望;

2. 文档细致,逻辑清晰完整

小心点!小心点!小心点!原型输出采用真实数据;

确保文案精炼,设计风格预期清晰;

逻辑规则清晰,页面状态无遗漏;

3. 多动手,少动嘴;

4. 在产品设计时一定要明确触达用户的路径,在用户想唤醒产品的时候能够出现在用户预期的行为路径当中;

5. 上线前一定要在实际场景当中多角色体验产品。

这是H5活动页面。

坑一:沟通!沟通!沟通!

重要的事情说三遍!产品经理的工作就是从复杂的业务、场景、用户乱象中梳理出需求,然后利用研发宝宝的技术能力解决问题。网上流传着各种各样的骗子,我就不在这里教鱼游泳了。但笔者想强调一点:沟通!

作为需求方(老板甲方)和实现方之间的纽带,是产品经理的一项基本而重要的能力。沟通包括内部沟通和外部沟通。外部沟通帮助需求方理清业务逻辑,内部帮助设计、研发、测试宝宝更好地理解需求,促进产品实现。

1.需求

作者的业务团队与外界沟通的业务能力为Max,整体业务需求在半小时的需求会上敲定。从来没有遇到过这么顺利的需求会,单纯的认为需求“这么容易”,但事实告诉我,还是太顺利了!岁月啊!光!

为了快速落实需求,当晚在全公司进行了详细的需求讨论、任务拆解和开发进度评估。需求初稿是提前锁定业务团队冬季销售业绩的预约活动,只需要携带预约功能即可。作者输出需求的第一个版本,如下图所示:

但是我们发现,和同学一起疯狂的时候,用户的购买场景可能和线下团队的推广场景是分离的。只有这一页,谁来买单?

页面必须通过各种交流方式转发,这么简洁的解释说明不了什么。因此,我们需要添加另一个页面来介绍预订产品的详细信息.

2. 视觉

因为需求很迫切,为了节省开发时间,就让设计生和R&D生同时入手。设计生首先确定了活动详情页页眉的设计思路和配色方案,选择了紫色为基础色,白色为辅助色,绿色为强调色。然后开始功能页面的设计,比如预约,把耗时最多但相对容易开发的活动详情页放到最终设计中。

输出风格是酱:

但是,当与业务团队的同事确认需求时,页面顶部进度条的副本是酱料:

商界的同事们希望设计草案是酱料:

在讨论了si和bi之后,我们敲定了初稿的风格。

3.文案

一开始,来自商界的学生给出了两个建议:

冰雪王国没有黑魔法,但我控制着雪地上的“飞行”。

我会变成一个巨人,踩着滑雪板和风;

一开始觉得第二句还不错,就根据这个文案的感觉做了第一张图。但是这两句太文艺,主题表达不清楚,不适合页面主标题,所以打算作为辅助文案,主标题直接采用“2017万科梅沙冬令营预约开始”。

根据页面的设计效果,需要一个过渡副本来介绍以下细节。当时我们的产品同事给了很多文案

最后我们采用了文案“让我们再次相聚冰雪世界,体验飞上雪地”。输出风格是酱:

4.图片

大多数用户看不到页面是如何设计的(比如字体设计、配色等)。),但他们能理解图片所传达的内容和情感,所以图片的选择一定很重要。因为设计专业的学生本身只注重其他视觉效果的设计,而忽略了对页面内容和整体效果的控制,从而忽略了图片选择的重要性。

原来的单板滑雪图居然用了这个,是酱(冬令营在哪里,是老人在磕磕绊绊):

(老人走路变酱,如下图)比原来好,其实不尽如人意。我没办法。我拍的有版权的照片只比这张好。今年冬天,我想多拍一些冬令营的滑雪照.

雪圈(冰雪运动)原图是酱~

(收拾东西回家!改成了酱,如下图。)更换后,图片是否更高?

5.研发

小心点!小心点!小心点!内部沟通产品经理应能准确传达需求,帮助学生在设计、研发和测试中满足需求。在与业务团队的同事沟通确认需求后,Alex自信地输出了以下原型:

然而,在设计师同学看到了真正的OS之后:

为什么副本这么长.价格描述到底是什么.暂时的!准备!这个副本是什么意思.R&D学生看到了未来真正的操作系统.

为什么流程不能工作.这个功能不容易做.亚历克斯遭受了1亿次伤害,并在审查中死亡。

以下设计稿由si通过bi后输出,随后进入研发阶段:

然而,当经历接受时.

产品经理:我想点营期间的互动,不是滑~换…

程序员:

产品经理:选营点击按钮太小,容易误触发~换…

程序员:

产品经理:这个弹出提醒的副本不明确~修改.

这时程序员是这样的:

内部沟通请谨慎!小心点!小心点!作为内部沟通的工具,原型在输出时要尽量使用真实数据,确保文案精炼,设计风格预期清晰,逻辑规则清晰,页面状态不缺失。交流的时候,纸笔比嘴好,图文比嘴好,案例比嘴好!

经过一番改动!改变!改变!之后被业务团队的同事接受。然而,在接受时,结果是.

不能选择多个…一个人只能预约一次…不能退款…

对于对互联网产品的线上节奏缺乏了解的非专业学生来说,很容易想当然地认为产品实现的过程神秘或简单,同时在表达需求时也容易误入歧途。因此,在Alex与教育团队小伙伴确认需求时,小伙伴并没有意识到原型是产品的整体实现风格,导致产品实现的功能与需求方小伙伴在接受阶段的期望不一致。

为了保持高效的产品迭代节奏,在需求对接时请一定要共享各个配合团队之间的工作流程节奏,建立需求沟通反馈机制,明确需求的确认节点,同时及时同步需求方小伙伴的产品预期。.

坑二:不要让产品处于黑箱状态

制作产品时,很容易沉浸在逻辑细节中,而忽略实际场景的体验细节。团队对预约产品的需求是为了配合线下产品推广。线下场景的产品入口是二维码,用户实际购买场景多样。当用户脱离线下推广场景后想要再次购买时,他们发现。

找!不!到!产品入口!

从而失去这部分用户。同时,在用户完成产品的整个购买体验过程后,除了页面上成功的预约提醒外,用户并没有收到任何可以自动存档的预约信息,用户想要查看自己的预约信息时依然如此。

找!不!到!入口!

发现问题后,才能全面认识成本、产品特性、业务逻辑。笔者还拉着R&D学生熬夜访问产品预约通知短信和微信官方账号下添加二级标签的预约入口。

在产品设计时一定要明确产品触达用户的路径,在用户想唤醒产品的时候能够出现在用户预期的行为路径当中。

坑三:上线前一定要在实际场景当中体验产品

和R&D学生一起排队了这么多“坑”,成功把产品上线后,笔者才松了一口气。然而,服务团队的学生为作者剪了一张图片:

在底部,预订按钮在哪里?宽!苏!什么?姚!鬼!

看一张更清晰的图片。图片下方,运营商“中国电信”的广告从下方弹出,挡住了重要按钮。

被梅沙教育的学生拒绝后,网站被R&D学生识别后被劫持,协议需要从Http改为Https。

什么是Https?

大致可以理解为,我们在访问网页时,使用的浏览器应该与服务器进行信息交换,浏览器使用四川话,服务器使用东北话。为了保持沟通顺畅,双方约定沟通时统一使用普通话,这里的普通话大致可以理解为Http协议的意思。

当浏览器与服务器通信时。

在中间,消息将通过路由器发送。既然大家都说普通话,路由器就会被别人劫持,篡改服务器和浏览器的通信,所以我们看到的页面上就会有广告。

Https协议是浏览器和服务器约定的加密通信方式,可以理解为:浏览器和服务器都是刚在温州上学,两者都只会说温州话,而路由器不会说温州话,所以不能篡改服务器和浏览器之间的通信,从而保证了服务器和浏览器之间的对话环境,隔离了广告植入的可能!

Http是一种超文本传输协议,信息以明文传输,https是一种安全的ssl加密传输协议。Http和https使用完全不同的连接方式和不同的端口,前者是80,后者是443。

Http连接简单且无状态。HttpS协议是由SSL HTTP协议搭建的网络协议,可以进行加密传输和认证,比HTTP协议更安全。

在盲目踩坑之后,终于保证了产品开始有惊无险的满足客户。

BB终于得到了这么多,大概意思如下:

1.在需求阶段,需要与需求方(业务团队、Boss等)保持顺畅的沟通。).建议你先和需求方建立沟通机制。具体方法不限:可以是每天10分钟的会议,可以是邮件,可以是任何准确传达需求的方式等。

2.设计阶段需要准确传达设计要求,原型输出采用真实数据,确保文案精炼,设计风格预期清晰;

3.在R&D阶段,保证业务逻辑能够准确无误的传达,逻辑规则清晰,页面状态不遗漏。同时,及时同步R&D进度,确保实施进度;

以上,希望对你有所帮助。同时,作者目前正在探索我们教育产品的第一版,希望她以后能给大家带来一点快乐!

这是一位年轻的产品经理对成长过程的反思。在腾讯,从P2.1升级到P3.1通常需要3-5年;虽然初创公司等不了那么久,但他们需要促进产品经理的快速成长。

作者梅萨亚历克斯尼基。

本文最初由@ Mesa Alex Niki发布,大家都是产品经理。未经允许禁止复制。

奖励作者,鼓励TA努力!欣赏



新媒兔新媒体交易平台目前有 抖音号出售抖音号转让抖音号购买快手号购买等新媒体账号服务市场,并在新媒体服务的基础上将会开拓更多的虚拟资产服务业务。新媒兔对用户的需求提供信息匹配、账号估值、数据鉴定、资金担保、合同担保、运营指导等专业的虚拟资产服务配套服务! 还有问题补充欢迎评论与新媒兔小编互动哦~