中南衡岳

L I M B O-X:

有一种习惯，叫每天打开N次QQ...登录N次微信，刻意的去寻找那份不舍与怀恋，有时候我在想某一天QQ不能用了...微信登不上了，我们还能正常的生活吗?

今天来谈谈我对QQ的部分认知，带着自己也带着大家倒推分析一下怎么写一份详细的PRD，感谢木木同学的指导......keep watching！！！

 

QQ版本号：V6.3.0.2730

 

测试手机：小米Note

体验时间：2016-4-6

 

1.截图取样

对QQ消息列表进行截图取样，尽量保留更多的交互控件状态，便于后面分析。

（QQ消息列表样本）

2.还原高保真RP

对于原型的保真度，不同设计师有不同的理解，看看我的

（还原之后的高保真RP）

3.输出《交互设计说明文档》

现在要做的工作就交给交互设计师去完成，将产品还原成相对标准的文档

首先，整个界面由三部分组成：标题栏Title、消息列表MsgList、标签式下导航TabNavi；主要操作有：Tap点击进入侧边栏、标题切换、添加（+）、对话搜索、Tap点击进入消息对话界面、标签切换等。

（QQ消息列表原型交互模式区分）

4.对话Block（消息列表隐藏交互操作）

其次，消息列表中，某一对话的通栏区块定义为[对话Block]交互组件，包含一个隐藏操作行为：置顶、切换已读/未读、删除对话  [注：ios习惯于滑动交互，而Android习惯于长按，但QQ消息列表的交互ios和Android是一致的，只是Android端还是保留了长按的操作交互]

（QQ消息列表隐藏交互操作）

再次，[对话Block] 这个组件包含图片Image、交谈对象 、当前对话摘要 、日期时间、未读提示五个交互控件；五个控件并且会根据交谈主体、新消息种类、开通免打搅功能而相互影响变化，交互规则异常复杂，于是将规则逐个列出。

5.1对话Block（图片）

 

（交互文档片段对话Block图片）

 

5.2对话Block(交谈对象）

(交互文档片段对话Block交谈对象规则)

5.3.对话Block（当前对象摘要）

（交互文档片段对话Block当前对话摘要）

5.4.对话Block（时间格式）

 

(交互文档片段对话Block日期时间)

 

5.5对话Block（消息提示）

（交互文档片段对话Block消息提示）

6.再来一张富有逼格的信息图，清晰地描述一下界面的内容逻辑

 

 

有些时候，总是觉得这应该很简单，但当你真正动手去做的时候，可能你就找不到方向了，看....我们都会，但做....就不一定了。

学会切饼干，把大饼干切成一块一块的，这样吃起来就没那么费劲了，希望对你、对我都有帮助。

这是一段从未走过的路…
just...keep writing...