PRD!透视9个功能点原理:聊天、音效、表情、滑屏、分享…(送SOUL、陌陌PRD实例)
唧唧歪歪PM
共 5587字,需浏览 12分钟
· 2021-08-03
文末送SOUL、陌陌PRD
↖(^ω^)↗
对常见的9个方面的设计要点和原理,
进行摘要分享。
关注干货公众号,文末有福利
1
社交App设计「音效」实现机制
QQ的咳嗽声和消息通知是否勾起了回忆呢?
一来是因为音效变动不大,你看QQ的加好友的咳嗽声用了那么多年。 所以在客户端写死并不影响实际需要。 二来牵扯到触发后,对交互的时效性要求较高。 因为音频文件会比图标大很多。
2
「聊天」发表情,是怎样的机制
实际这与实现原理有关系。
此外,客户端还要存表情名称和ID。
3
社区动态的时间格式的定义
一类是展示在外层的,不需要很精准的时间。比如聊天环境下的时间、用户动态外层显示的时间; 另一种作为严格的时间落款,比如账单明细。
刚刚(T<1分钟); XX分钟前(1≤T<1h),比如53分钟前; XX小时前(1h≤T<24h),比如23小时前; 昨天+点钟(24h≤T<48h),比如 昨天 12:20。 日期+点钟(48h≤T<1年) 比如:6-5 14:52,跨年则加上年 2018-12-9 16:21 年-月(1年≤T) 比如:2018-5
4
【消息】模块的设计
让目标信息曝光增加,同时让消息有条理。
类于“文件夹”。点击,则打开系统消息列表。
将用户的【互动通知】默认展开。
实际显示99也可以,对用户而言已无差异。
非紧急的通知可以不显示具体数字。
哪怕眼前条只展出了1条,哪怕没来得及看就手机掉线了,也都当做已读处理。
一类是整个聊天条目的删除。
大家用微信就知道。
永久保存在服务器,用户可以通过加载,分批查看历史消息。
此外,需考虑聊天消息的复制、转发、失败重发等按钮。
长按可以转发、删除、复制。
点击,打开预览大图,长按大图,弹出保存按钮。
5
左右滑动切换Tab页签
那么是不是在设计Tab页签的时候都要这样规划呢?
在确定这个方案时,产品经理需要考虑如下:
只是通常来看,滑动操作比点击操作难度稍低,毕竟点击需要找到触发区。
比如有时候本来是想上下滑动的,但是手指一不小心就滑歪了,于是无意识触发了滑动事件,跳到了另一个页面去。
可能就打断用户沉浸式体验。
比如电商商品的【参数】、【评论】之间的切换。
(3)除了左右滑动切换Tab,还可以结合下翻切换:
如果页面内容较短,那么在下翻至Tab页内容结束的时候,紧接着就切换下一页的内容。比如:
6
分享功能的“借尸还魂”
即:第三方支持什么,分享出去才能做什么。
这种格式不由产品经理设计,而是第三方平台规定的。(产品经理需要确认要展示的内容)。
通常都会引导用户触发打开App,或到应用市场下载App。
未授权的情况下做分享,会有类似下图的提示:
若不能支持,那么就要借助其他方式间接实现需求。
3、产品经理要确认的
网页分享(带有网页缩略图的)。
以分享到微信为例,分享过去的网页有自己的格式。
比如:同一个内容,从APP或外部浏览器分享到微信,会显示APP的名称和缩略内容,从微信内置浏览器分享的就不会展示这些信息。
另外注意:分享网页和分享链接是不同的分享形式。前者带有网页自身的缩略内容,后者属于文本范畴的分享,简单原始。
因此,设计时候考虑增加提示“使用本地浏览器打开”(假设浏览器是支持的)。这样就借助一个新的桥梁“假途灭虢”实现需求了。如下图这样:。
让用户获得优惠,得到好处(如「哈罗单车」通过分享获得红包);
辅助业务实时共享(如「滴滴」可以分享行程给他人共享实时位置);
邀请好友,分享快乐(如「王者荣耀」邀请朋友一起组团开黑);
分享成就(如游戏获得了九连胜等)。
7
页面刷新加载的“萝卜和泥”
要么是手动触发刷新,要么是定时任务触发。
对于瀑布流的内容为主的产品,刷新较为频繁,除了使用滑动加载之外,还可配合按钮加载。
比如:【抖音】,可以双击底部菜单实现页面刷新。
目前流行的交互方式,是左右平移或覆盖平移,比较符合用户对线性操作流程的的直观感受。
加载发生在翻页的前还是后呢?
适用于需要判断及验证处理的页面中。例如:表单信息判断和登录验证等。
而绝大部分app采用翻过去之后加载,这样可以极大的增强页面的流畅感。
(2)loading标示的位置
比如:最迟不超过2s、要求某些内容先加载出来等等。
8
Web在手机端的适配
因此需要一定程度的适配,大概会有以下几种形式:
当然,Pc端的官网有时候体量太大,在适配到手机端的时候也要有删减。
9
App第三方登录的注意事项
随着社交类霸主的稳固,很少注册账号密码(与产品的定位和用户群有关),多的是第三账号登录。
第三方登录就是借助第三方应用的接口实现用户登记,比如常见的三家:微信、QQ、微博。
毫无疑问,这是看上了小三的大腿,可以抱。
借助已经形成的社交生态之火,去点燃另一团社交生态。
(1)简化注册环节,减少可能因为注册繁琐带来的用户损失
比如:用户可以把平台上的某些内容一键分享到第三方平台;
用户在使用多个应用时,只需使用第三方登录即可,无需记得每个平台的账户和密码。
因为相关法规的要求很多APP是需要用户手机号的,而第三方登录并不能获取用户已经提供给第三方的手机号(用户隐私)。
SOU App的PRD局部:
扫码加管理员:
PRD语法、形式、自查(附大厂模板)
评论
酷开科技确认出席「长江论道」,引领智能大屏新体验
5月23-24日,长江论道诚邀您的参与主办单位流媒体网协办单位湖北长江云新媒体集团举办时间2024年5月23-24日举办地点武汉富力威斯汀酒店酷开科技公司介绍LUNDAO深圳市酷开网络科技股份有限公司是一家专注于智能电视系统研发和智能电视增值服务运营的高科技公司,也是论道重要的合作伙伴。此次「长江论
流媒体网
0
React Playground 实现原理揭秘
大家应该都用过在线写代码的工具,比如 vue 的 playground:左边写代码,右边实时预览。右边还可以看到编译后的代码:这是一个纯前端项目。类似的,也有 React Playground。那它是怎么实现的呢?我们自己能实现一个么?可以的,今天我们来分析下实现思路。首先是编译:编译用的
全栈前端精选
0
刚刚!ChatGPT绘图:新增一个令人惊喜的功能!
你好,我是郭震ChatGPT绘图刚刚增加一个新功能,支持在生成图中进行再编辑,这篇文章我来详细总结下这个功能。1 初步使用按照正常提问,绘制小猫和草坪。过一会,它会生成这样一幅图片:接下来,点击这张图片,会弹出这个窗口,右上角有三个按钮,第一个按钮是select,也就是选择图片中的某个区域,支持选择
Python与算法社区
0
C#实现图片防盗链功能
随着互联网技术的飞速发展,图片资源在网络传播中扮演着越来越重要的角色。然而,这也带来了一个问题:图片盗链。所谓图片盗链,即其他网站直接链接到你的图片资源,从而消耗你的服务器带宽和资源,而你却无法从这些流量中获得任何收益。为了保护自己的图片资源,防止盗链行为的发生,我们可以通过C#编程语言来实现图片防
Stephen
0
太敢穿了!透视纱裙!性感火辣的身材
绝了呀今天的厂花:吴宣仪1995年1月26日,吴宣仪出生于海南省海口市,中国内地流行乐女歌手、影视演员。2016年2月,吴宣仪随宇宙少女发行首张迷你专辑正式出道。2018年4月,她参加《创造101》综艺选秀,获得第二名,成功加入火箭少女101组合。吴宣仪的颜值一直备受称赞,她的五官立体精致,皮肤白皙
逆锋起笔
0
机械臂抓取/6D位姿估计/三维点云/缺陷检测方向交流群成立啦
点击下方卡片,关注「3D视觉工坊」公众号选择星标,干货第一时间送达添加小助理: dddvision,备注:研究方向+学校/公司+昵称(如机械臂抓取+清华+小草莓)▲长按扫码添加助理大家好,我是小草莓!我们3D视觉工坊成立了计算机视觉各个方向的交流群,详细如下所示,欢迎添加小助理,邀请你加群!3D视觉
3D视觉工坊
0
聊一聊我最常关注的9个计算机视觉、自动驾驶、AI方向高质量圈子
随着计算机视觉(2D/3D)、SLAM、自动驾驶、AI技术的快速迭代更新,可落地的技术也成为人们争先学习的重点。这使得从业者对于最前沿技术的获取能力变得至关重要。微信公众号便是一个非常有效的前沿信息分享平台。这里给大家推荐9个最常打开的计算机视觉、自动驾驶、SLAM、机器学习和AI方向的优质公众号平
机器学习初学者
0