腾讯大讲堂62-拇指下的精彩（手机QQ交互设计经验分享）

腾讯大讲堂第六十二期研发管理部大讲堂主页：与讲师互动：目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么什么是移动终端软件交互移动终端软件交互特指人与手持设备终端软件的操作对话与体验过程。什么是移动终端手提电脑？遥控器？什么是移动终端软件交互移动终端软件交互包括了硬件与软件间的响应甚至在没有可视界面的情况下完成对软件特定功能的操作。一次洗头的灵感目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么交互与PC终端交互的差异硬件差异PC

交互与PC终端交互的差异操作系统差异PC

交互与PC终端交互的差异品牌在中国市场的格局结论：交互研究需要细化至品牌和型号。目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么QQ交互工作〞很简单〞QQ的交互不断追求简单。这并非煞有介事的传达什么高深概念，而是显示环境中，我们必须绞尽脑汁去解决操作可预期简化和功能全面的矛盾。QQ交互工作〞很简单〞QQ功能不断向PCQQ功能靠齐的今天，其中一份设计与用户体验中心的调查报告：2021下半年QQ用户体验考核汇总评价：网络问卷中“可学习性〞维度评分较高，到达4.39〔总体满意度为3.71〕。这说明用户觉得QQ功能设计简单易懂，用户比较容易上手。联系看“操作合理〞维度，操作是否合理与软件是否易学有着较强的关联性。操作合理的软件才会较易上手。从结果可见，“操作合理〞维度在众多分维度中为第三高分维度〔3.47〕，与“可学习性〞维度的结果有较高的一致性，也间接印证了“可学习性〞高的可信程度。另外，从现场用户测试的结果中也发现，新手用户在首次使用QQ的过程根本流畅，没有遇到较大问题。QQ交互工作〞很简单〞为什么本课件叫〞拇指工程〞？数字键盘为典型QQ交互工作〞很简单〞案例比照目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么QQ交互方法QQ交互开展〞很慢〞2003使用快捷键读取新消息和定位、滚屏QQ交互开展〞很慢〞2005奠定了四向键纵横的交互风格新消息到达和状态出现在菜单栏QQ交互开展〞很慢〞2007九宫格环绕切换内置浏览器QQ交互开展〞很慢〞2021采用隐藏Tab方式兼容WAP浏览多窗口聊天实现，通过焦点模块实现纵横切换组合键定位目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么我们的目标用户是〞文盲〞用户教育的目标不是〞扫盲〞，用户教育的目标是把用户变成〞文盲〞。印象使用“盲打〞交互统一性不看提示提示有效性无误操作可预期性我们的目标用户是〞文盲〞用户教育还把用户培养成〞圣斗士〞。我们不介意第一次会带着尝试的心情，但是我们很介意用户每次都带着尝试的心情，战战兢兢。我们的目标用户是〞文盲〞非必要别强迫用户阅读。目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么用户的意见〞不重要〞每天QQ在论坛上的意见多达数百条，我们不会按照用户所有要求进行改造。关键是透过各种诉求，分析出外表诉求背后的核心需求。看看用户想要什么？08的皮肤太压抑了那个白色背景的真扎眼我的QQ怎么变成黑色的？我喜欢粉红色Kawayiii有没有绿色的主题？我觉得QQ太男性化了用户的意见〞不重要〞案例分析用户诉求：能在QQ里打、收发短信？用户的意见〞不重要〞更多时候，用户是沉默的。所以我们更加要善于观察和发现。总用户群落找出核心价值用户群角色一角色二角色三用户的意见〞不重要〞案例分析目录什么是移动终端软件交互交互与PC终端交互的差异QQ交互工作很〞简单〞我们的开展很〞慢〞我们的目标用户是〞文盲〞用户的意见〞不重要〞QQ交互原那么QQ交互原那么和方法1.乐高肢解与合体原那么当交互进入工程分解后，必须联动主体体验设计。QQ交互原那么和方法1.乐高肢解与合体原那么流程分析QQ交互原那么和方法1.乐高肢解与合体原那么QQ交互原那么和方法2.交互无对错，唯效率优先每项操作都会有各种顾虑和情况。先确立任务目的、用户场景。以效率优先。不可逆转操作除外QQ交互原那么和方法2.交互无对错，唯效率优先每项操作都会有各种顾虑和情况。先确立任务目的、用户场景。以效率优先。不可逆转操作除外QQ交互原那么和方法2.交互无对错，唯效率优先每项操作都会有各种顾虑和情况。先确立任务目的、用户场景。以效率优先。不可逆转操作除外QQ交互原那么和方法3.不要为了解决问题而去放大问题可预见性或者可教育性的交互行为，可将操作控件轻量化、硬件化。本钱越低越好假设显示器可以一键关机？QQ交互原那么和方法4.菜单应当包含当前功能界面的所有期待操作由于界面有限，菜单是非界面功能的集合体。同时也是不可预期操作以及逆转操作的重要教育渠道。甚至可以弥补特殊硬件问题。QQ交互原那么和方法5.靠近操作原那么由于功能键的对应性，交互设计焦点移动应该防止跳跃或跨度过大。QQ交互原那么和方法5.靠近操作原那么案例分析QQ交互原那么和方法1.快捷键的使用有奖问答QQ交互原那么和方法2.快捷键的统一THANKYOU!目录A.开发平台

JAVA,Symbian,windowsmobile,mtk等

B.显示屏分辨率

128x128128x160176x220176x208240x320480x640

其中，176x208和240x320的屏幕最为常见

C.图标格式

bmp,gif,png，

D.可支持UI样式

简单的线性渐变，纯色填充，线面组合等约等方法论目录约等方法论约等方法论目录

的屏幕显示效果千差万别。偏黄，偏紫，偏灰是目前主要的屏幕偏色。

的使用场景移动多变，并不仅仅局限在室内使用，

而软件的显示在不同环境下也会打上折扣，并不是什么时候都是理想的。比方：在户外强光下，屏幕的内容很难识别，在黑暗的环境中操作，会觉得刺眼和疲劳等等.

与PC的差异

面对偏色问题，设计的过程中，需要增加互补色〔即颜色比照色〕来协调平衡颜色表现

如：偏黄---增加紫色或蓝色

偏紫---增加绿色或者黄色

偏灰---提高颜色的亮度和比照，不要过于暗淡。

由于种类繁多，屏幕表现效果也参差不齐，很难去固定把握设计稿在各种中的颜色，并且根据移动设备的特性，仍然需要采用一些相对保守的颜色。

相对电脑用户而言，屏幕大小使得用户的视线的集中度更高，任何细小的变化，也很难逃过用户〔起码是QQ用户〕的眼睛。他们对于一些间距，颜色，图标的变化都会非常敏感，同时，用户在使用软件时，也会考虑到流量消耗的资费问题，图片过多，也会增加流量

目录

色彩：深蓝色系的使用1.关于深色

户外、移动中，即使室内，使用时难以防止晃动。理论上在光范围捕捉移动黑点比黑范围捕捉移动白点困难。

但在日照下，白色底色文字阅读比深色底透射强，不过图像显示正好相反。2.关于蓝色

蓝色象征静，给人稳定的感觉。深邃的蓝色更适合长时间使用。

我们可以在历代Windows操作系统以及Apple机找到用蓝色的答案。3.适应操作系统

从近几年主流操作系统界面几乎都偏向深色甚至黑色的主基调。虽然作为软件无必要与操作系统一致。但是QQ具有其他软件不可比较的特殊性，就是QQ本身就具备平台性质4.同行比照性

目前软件主要竞争对手当中还没有采用深蓝色背景最为主基调的产品。防止审美同质化，吸引新用户。

深色基调容易出光的效果，能做出较多的特效。

系统的表现

QQ2006QQ2007QQ2021样式：用户对于流量的敏感，开发包的大小限制，取决于在设计过程中，尽量减少图片的使用，限制复杂质感表现，当然，随着开发环境的不断提升，08版增加简单的渐变质感优化

追求自然，舒适体验的设计趋势下，QQ推出了场景皮肤的概念，用户可根据环境的变化进行切换选择到最适宜的皮肤，功能化表达

改善场景变化带来的差异.

室外皮肤，白底黑字，比照强烈，

便于在强光下集中视线，易于识别

室内皮肤，深底可以增强内容表现，

弱化对于视觉的刺激

夜间皮肤，降低文字明亮度，加深

底色，在黑暗的环境中，防止刺激

视觉和疲劳感.

目录

目录用户关心是一个提升产品亲和度的重要手段，QQ从08年开始也打造启动闪屏

除了对于传统节日，公益日等传