在你身边 为你设计
2022-02-27 16:14:31 1 举报AI智能生成
在你身边 为你设计（第2版）-腾讯的移动用户体验设计之道CD
作者其他创作
大纲/内容
第三章 设计还原
新时代的重构
设计师
重构工程师
更偏重于良好页面结构（HTML、CSS）
致力于界面层，负责保证网页的标准和良好的拓展性，
将前端工程师从界面布局中解放出来把精力集中在逻辑实现上。
将前端工程师从界面布局中解放出来把精力集中在逻辑实现上。
比设计更懂开发，比开发更懂设计
前端工程师
偏重于网页行为（Javascript）
重构工程师怎样介入项目开发？
降低开发与设计的沟通成本
维护view层的接口统一
UI控件的抽取
界面性能优化
子主题
纵横不出方圆，万变不离其宗：腾讯网的个性化之路
移动页面研发流程指南
页面仔和他的小创新
先扛住，再优化
小步快跑，先扛住实现需求，再迭代优化上线。
小步快跑，先扛住实现需求，再迭代优化上线。
真正的创新
在合适的实机，做出合适的决策，利用合适的技术
最快地将想法落地。
在合适的实机，做出合适的决策，利用合适的技术
最快地将想法落地。
第四章 优秀案例
设计有爱—手机QQ背后的设计故事
仅仅是点亮头像那么简单吗？
富媒体活动
用户评论的趋势分析
挑战的不只是用户习惯，情感是更重要的因素
有生命的通讯录
真实生活的设计
1、让自己接近和体验真实角色，用体验派演员的方式理解用户
进入角色技巧
（功能点、心理活动、观看/使用需求）
（功能点、心理活动、观看/使用需求）
接近并观察你的目标用户
说用户说的话
做用户做的事
放下你的拘谨，尽量把每一个细节都体验到，
让自己成为参与其中的角色，经历里面的喜怒哀乐。
让自己成为参与其中的角色，经历里面的喜怒哀乐。
2、根据真实的使用情况，解决用户对内容的需求
3、设计的过程中坚持使用真实的内容
关于占位符（该使用无意义）
设计过程中坚持使用真实的内容
真实内容可以帮助验证场景的对与错，特别是独具创新性的方案
沟通起来更省时间
杜绝以完美的展现掩盖方案的缺点
促进推动把优化日常运营的图片也纳入日常流程
下一代腾讯网——为你而来
娱乐：游戏
子主题
子主题
照片也能讲故事——水印相机设计小结
毕业生问：“怎样成为一名及格的设计师？”
第一章 用户变化
QQ用户与互联网用户的变化
QQ用户群的变化及其与网民群体的差异
不同年代的QQ用户使用互联网的差异
人口特征
喜好与行为特征
生活变迁与即时通信的使用
离开父母
恋爱
结婚
工作
生小孩
再到孩子离开家
移动互联网将我们带去何处
从PC到移动
从功能机到智能机
诺基亚
中国的特殊理解
任何东西都有一个中国式。
智能概念：大屏幕、触屏、快、拍照效果更好
智能概念：大屏幕、触屏、快、拍照效果更好
通话功能被弱化了。
仍保留功能机的人
老年人（可能使用的是高级功能机）
不在意设备的人，以及和智能手机搭配使用的人
复古潮的年轻人
生活贫困的人
从Android到iphone
智能系统之争
（QQ用户手机系统）
（QQ用户手机系统）
ios
Android
Symbian塞班
Windows phone微软
Blackberry OS黑莓
其他/不清楚
手机品牌之争
低端智能机的市场
（功能）
（功能）
处理器性能
摄像头像素
外观
储存容量
价格
屏幕分辨率
品牌
待机时长
屏幕大小
支持双卡双待
其他
用户如何使用智能手机
智能手机对用户的新挑战
应用（App）管理
App安装方式
自己摸索
朋友指导
网上搜索有关说明
店员指导
看官方说明
自己从未安装过App
App管理方式
（寻找、下载、卸载）
（寻找、下载、卸载）
直接用手机进行管理
用iTunes进行管理
使用第三方工具进行管理
暂时还不会管理App
子主题
对于流量的担忧
越狱、刷机和root
越狱：意义在于免费的游戏和九宫格输入法
（在ios7.0以前，对于iPhone用户来说）
（在ios7.0以前，对于iPhone用户来说）
root：是Android用户获得手机最高权限的操作。
目的：删掉手机里无法删除的预装程序。
目的：删掉手机里无法删除的预装程序。
从细节看用户
手机桌面
打字
物理键（HOME键）
安卓用户
安卓用户
返回键
主页按钮
菜单按钮
搜索键
哪些应用备受青睐
（选择App关注的因素）
（选择App关注的因素）
App评论
App介绍
App星级
朋友推荐
App Store/应用商城的推荐
App的大小
App的下载次数
App开发商
用户研究的ROI
体验设计与用户研究的初心
体验设计和用户研究的ROI
用户体验的理论框架
创建用户模型
任务分析
场景分析
低保真原型评估
高保真原型评估
对用户研究员的要求
流程上：做好日常的积累和准备，让用户研究变得更加敏捷。
效率上：走进大数据时代，及时高效的利用大数据解决海量数据的收集和分析问题。
落地上：加强主动推动的意识，切入核心问题，更好地将用户研究结论传递和落地。
工具上：参与研发自助式用户解决方案的服务，让更多专业和非专业用户研究人员收益。
速食年代的用户研究
每半年/定时用户画像分析
了解与跟踪用户属性与使用场景
基础性研究
用户手持设备的方式
安卓与ios用户的使用差异
广大白领用户用户的生存状态与需求
操作热区在哪里？
平常习惯使用双手操作的用户比例是怎样的？
使用场景下的痛点有哪些？
流程化生产
需求邮件
需求讨论会议纪要
可用性测试的任务提纲与记录表
访谈纪要
可用性问题列表
报告模板
满意度维度
问卷分析语法
与大数据做朋友
用户研究，关注推动和落地
用户研究环路
选题
确定研究的主题或者假设
确定研究的主题或者假设
选方法
确定适宜的方法，如访谈、可用性测试、建立用户角色模
问卷调查等。
确定适宜的方法，如访谈、可用性测试、建立用户角色模
问卷调查等。
执行
确保调研过程效率、信度和效果
确保调研过程效率、信度和效果
推动落地
将调研结果传达给团队，形成产品策略或设计调整
将调研结果传达给团队，形成产品策略或设计调整
评估效果
评估产品策略或设计调整的效果
评估产品策略或设计调整的效果
反思和优化
分享和推广
将项目成功和失败的经验分享
将项目成功和失败的经验分享
困境的思考
思考一：有多少人接受了你的报告信息？
思考二：用户研究是你一个人的任务吗？
思考三：你的任务到哪里算完成？
实践尝试
案例一：3分钟能读完的邮件
案例二：将用户研究结果贴在墙上
案例三：坚持跟进项目
海量文本研究在产品体验评估和改进中的实践
查看各大网站论坛，整合数据并集中处理反馈
从自然语言中快速提取出用户的反馈热点、问题
研究海量文本处理方法的起因
快速了解评论的热门关键点及态度倾向性如何
编码方式进行分类处理
海量文本研究在产品体验评估和改进中的实践
近期用户讨论了产品那些方面的问题？
改版前后他们关注的热点是否发生变化？
不同平台用户的关注热点是否相同？
产品经理也可依据用户评论的情感倾向、评价热词了解最近的口碑变动
通过对行业其他产品的口碑及讨论点的对比，更加清晰地规划自身产品
自动化微趋势分析
热点关注分析：用户谈论热点集中在哪些方面
口碑词分析：用户对产品关注点的情感倾向
建议文本分析：提取用户需求及建议型文本
问题定位：了解用户讨论较多或者变动较大的热点评价，找到引起口碑变动的功能问题点
问题定位模型
https://www.processon.com/mindmap/621afd0ce401fd520c1762f6
https://www.processon.com/mindmap/621afd0ce401fd520c1762f6
用户评论
热词
正负口碑词
应用案例介绍
（产品日常监控）
（产品日常监控）
https://www.processon.com/mindmap/621aff63637689370a3217d0
https://www.processon.com/view/621b02630791293390cf3d98
换个角度看用户——生理数据与传统数据的解读
用户行为习惯沉淀出：自有的心理和生理评判标准
良好产品设计细节让用户体验有惊喜，对产品生出好感；
蹩脚交互设计让用户萌生“用着累”生理反馈，产生负面情绪；
基于对用户底层认知模式研究诉求：更多维度数据洞察用户心理和生理微秒变化，
提供更多用户视角的使用体验；
提供更多用户视角的使用体验；
网络时代情感营销
以情感为纽带吸引用户融入并沉浸其中。
用户接触和营销需要更具人性化和情感化的触达，
使用户产生使用的共鸣。
使用户产生使用的共鸣。
态度和行为数据的结合
从用户每日产生的行为大数据中，探索群体用户的使用习惯
如何以高效率、低投入的方式，
敏捷地反映出市场趋势和竞品威胁的数据？
敏捷地反映出市场趋势和竞品威胁的数据？
结合用户标签，对样本人群长期观察，分析他们的态度和行为数据，
建立想、说、做的一套量化评估体系，从品牌认知、实际操作体验、
用户可用性体验和内容层面进行多维度的综合量化评估。
建立想、说、做的一套量化评估体系，从品牌认知、实际操作体验、
用户可用性体验和内容层面进行多维度的综合量化评估。
触达并反映互联网大盘样本人群，结合后台行为和前端的用户反馈，
提供全面深入用户行为画像和市场大盘趋势。
提供全面深入用户行为画像和市场大盘趋势。
第二章 设计指引与经验
效率与环境
提高产品使用效率：整理、分类、重要级排序、提高专注度
不同的场景，不同的设计
合理布局
（设计原则）
（设计原则）
亲密
就banner距离而言，腾讯简介、公司愿景、
播放视频是一样的，这些内容层级是一致的。
播放视频是一样的，这些内容层级是一致的。
对齐
指任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。
首页遵循的是文字左对齐原则，同时内容等宽对齐，这样的页面看起来整洁、有序、舒服。
首页遵循的是文字左对齐原则，同时内容等宽对齐，这样的页面看起来整洁、有序、舒服。
重复
这里重复最多的是腾讯蓝，强调品牌色，内页里可操作的超链接同样也是腾讯蓝，
让用户形成心理暗示，蓝色为可操作内容。
让用户形成心理暗示，蓝色为可操作内容。
对比
网站banner区域下和下面的内容区域形成对比，突出主次，让人视觉重心由上至下。
减少步骤，精准操作
操持简洁，不要过度设计
及时反馈
辅助手段
手势
手势交互是利用计算机形学等技术识别人的肢体语言，并转化为命令来操作设备。
手势交互是继鼠标、键盘和触屏之后新的人机交互方式。
手势在移动互联网的运营具有提交效率、优化用户体验等优点。
手势交互是继鼠标、键盘和触屏之后新的人机交互方式。
手势在移动互联网的运营具有提交效率、优化用户体验等优点。
帮助与教育
如第一次使用keynote时的基本教学，此教学常驻在演示文档列表页的左上角，供你随时查阅。
在幻灯片编辑的过程中，如有疑问，还可打开“工具”选项卡，里面也会提供相关的帮助。
在幻灯片编辑的过程中，如有疑问，还可打开“工具”选项卡，里面也会提供相关的帮助。
最佳方案
不是彩蛋那么简单——贴近场景的环境切换
传统意义的硬环境和软环境
硬环境：指由传播活动所需要的那些物质条件、有形条件之和构筑而成的环境；
软环境：指由传播活动所需要的那些非物质条件、无形条件之和构筑而成的环境；
互联网产品环境
自然环境
产品承载物
（手机、ipad、计算机等）
（手机、ipad、计算机等）
硬环境：系统
软环境：系统技术支持（电量、网络等）、人
隐私
基于个人资料的隐私
基于社交的隐私
移动时代的新课题：手机安全与隐私
（用户对于金融类、个人健康类、教育类等有强烈的二次密码需求）
（用户对于金融类、个人健康类、教育类等有强烈的二次密码需求）
如何规划产品的统一体验
为什么要进行产品的统一体验规划？
出逃“功能控”思维怪圈
有魅力的物品更好用
品牌基因角度
为企业多个产品建立关联性，引起用户对该品牌美好印象的联想
为企业多个产品建立关联性，引起用户对该品牌美好印象的联想
使用效率角度
统一体验三个层次
产品与系统、平台间的统一体验
windows系统中具有5种状态：
normal-默认状态、highlight-高亮状态
mouseover-鼠标悬停状态、down-鼠标单击状态、disable-不可单击状态
normal-默认状态、highlight-高亮状态
mouseover-鼠标悬停状态、down-鼠标单击状态、disable-不可单击状态
Mac和mobile中有4种状态：
normal-默认状态、highlight-高亮状态、down-鼠标单击状态
disable-不可单击状态
normal-默认状态、highlight-高亮状态、down-鼠标单击状态
disable-不可单击状态
好的设计师设计不同系统时
从大到小的表现都应了解
知道什么要和系统统一
什么是适合自由发挥的
产品的平台规划
一个产品最讲究的是保持核心体验，不关注怎么移植和优化都要留住其核心。
企业多产品的全局规划
从本质理念出发统一体验
关联母品牌基因统一体验
设计可持续延展统一体验
怎样处理统一与创新的关系？
趋势
市场
用户
公司策略变化
多尺寸屏幕设计
什么是“多屏幕尺寸”？
优秀的界面设计应该是可通用所有屏幕尺寸的？
在不同的屏幕分辨率下，确保你设计的用户界面风格一致
主流屏幕分辨率
主流的操作系统体验差异
区分手机与平板电脑
手机的分辨率
设计准则
背景尽量采用纯色
操作控件的尺寸可以随意调节
功能与操作位置固定
图片尺寸预留更大
未来发展趋势
如何设计好用的触控手势
什么是触控手势？
是自然用户界面（NUI）的一种表现形式
（natural user interface，NUI）指无形的用户界面。
只需要人们以最自然的交流方式（如语言和文字）与机器互动。
不需要键盘和鼠标。
（natural user interface，NUI）指无形的用户界面。
只需要人们以最自然的交流方式（如语言和文字）与机器互动。
不需要键盘和鼠标。
触控手势带来的是自然用户界面，支持触控的移动设备能够自然、直观地被所有年龄层
不同技能水平的人使用。使用multi-touch多点触控式接口技术，取代目前所使用的键盘（按键）
鼠标，将进一步体现出人性化操控接口的未来趋势。
不同技能水平的人使用。使用multi-touch多点触控式接口技术，取代目前所使用的键盘（按键）
鼠标，将进一步体现出人性化操控接口的未来趋势。
触控手势的使用情景（移动的情景）
https://www.processon.com/view/621b15930791293390cf561d
https://www.processon.com/view/621b15930791293390cf561d
各种移动环境下会影响到用户使用触屏设备
完成任务的效率和准确度因素有：
完成任务的效率和准确度因素有：
移动情境下，注意力容易被分散（如交谈、观察周围环境等）
操作手机的时间碎片化（被各种事情打扰）
任务容易被中断（意外情况的影响）
肢体可能被其他物体占用（如遛狗、拎包）
噪声分散注意力（车水马龙、人声鼎沸的路边）
触控手势的基本操作
好用手势的特征
简单易用。不仅动作简单，还要能在拥挤的交通工具上单手操作
容易记忆。手势好记，要让人愿意记住。
符合认知习惯。一方面要遵循人的自然习惯和意识，一方面要契合手势即将产生的操作。
实用。让用户感到舒服，少有用户愿意点击两次才看到想看的东西，会让他们感觉麻烦。
愉悦的体验。
及时反馈。进行手势操作后有明确的状态信息反馈。
手势设计应用过程中需要注意的事项
（手势设计准侧）
（手势设计准侧）
符合认知习惯
记忆力限制
不同应用场景采用不同的手势设计
适度应用手势
提供及时反馈
使操作可逆
不要让你的手势触发区域远离拇指热区
（拇指法则）
（拇指法则）
保持手势的全局性
腾讯CDC，全称“腾讯用户研究与体验设计中心
（customer Reacher & User Experience Design Center）”
（customer Reacher & User Experience Design Center）”
0 条评论
下一页
