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