More Related Content Similar to 设计好的用户体验 郑磊 (10) 设计好的用户体验 郑磊23. Feature List
1. 场景
2. 用户
3. 任务 功能
4. 逻辑策略
5. 文案
6. 量化目标
思维导图
1. 整体架构
2. 对比竞品
3. 把握优势
4. 确定机会
可视.白板
1. 形象
2. 直观
3. 发散
4. 同步
25. 交互设计Interaction Design, 缩写 IxD 或 IaD。
UCD
UED
可用性
IDUR GUIHCI
UE
.org
职位
方法
理念
团队
用户体验
UED
UX
交互设计师: HCI 或IxDer
也不要称呼视觉叫美工!
UI
28. Discover
insight into
•customers,
•Competitors,
•client brand,
•key opportunities.
Design
a range of design approaches
and concepts to more fully
address the client’s challenge.
The concepts are reviewed,
tested, refined, and crafted into
a focused design direction
Deliver
Ideas Become Reality
In this phase we specify, document,
and deliver project details to the client
for implementation, or we get
involved directly in the production
process—
both guarantee the accurate
translation of ideas into reality
33. 注意 知觉 记忆
信息的检测和加工 记忆结构和过程
知识 思维 言语
高级的认知
认知心理学
• 研究信息是如何获得、贮存、加工和
使用的,表现在注意、知觉、表象、
记忆、思维和语言阶段的试验研究。
1. 有限容量;
2. 信息加工学说;
3. 格式塔完型学说。
44. Law of Common Fate
共同命运律
Law of Continuity
连续律
Law of Good Gestalt
秩序律
77. • reduce
• organize
• time
• learn
• difference
• context
• emotion
• trust
• failure
• the one
基础
中级
深度
总结
SHE
Shrink
Hide
Embody
5
Editor's Notes
熟悉同学们,产品线,学校,专业,哪儿人?
自我介绍。麦哥,兴趣,籍贯,经历。
如何理解产品岗位,
其实设计师也很苦逼
问题:
产品说404页面太单调了,我们做的好看点。
是不是太可爱了点,文案调整下
情景 找找问题 问题:产品沟通的不到位
正确的描述:
在用户访问页面意外状况下,缓解用户沮丧的情绪
要传达用户访问失败的现状
提供用户可操作的重新打开,和查看网页快照的需求
推荐用户访问类似的网页
最后是缓解用户沮丧情绪
听闻有32次修改的需求~ 问题
结论
看看需求都有什么样的?来个现实的例子。
传说还有改了30多次的需求。
设计师角度 最大的问题
需求怎么写的?大家举例 问题
避免展现具体方案,
比如关闭 是需求,按钮是形式,关闭的形式可以是按钮,可以是点击框外区域等,可确定需求但不必确定形式。
避免重复描述模式化的元素:比如弹窗元素,设计有规范不用赘述。
模块:整体需求,细分为避免崩溃,处理崩溃。 Why what when where how
共建需求的原因。 共建需求 脑补,
需求可视,表现场景感,流程更清晰,
问题暴露充分,需求更形象,
共做需求,参与强,成就感强
需求罗列,不遗漏,挑出重点
界面罗列,更好做统一
白板用于讨论,进程,to do list同步,项目进度,项目阻塞位置。
对设计师来说,是挥洒灵感,
竞品分析。 希望大家能有个好的项目合作体验。
得出的结论就是:提升体验的手段都是各种细节。后面我们就来系统的了解这些细节。
为什么不要称呼视觉为美工呢?
美工不会给你考虑开发难度,产品价值。 问题
没有打开和打开了的,放在桌上没人动,没人知道,打开后一会儿就没了。
不要让用户思考
Don’t make me think
Frog design,
由开到收
从找问题到传递解决方案
用户和需求之间的隔阂。
不要把自己的需求当成用户的需求。片面。用户有很多类,需求有很多情景。
问题
信息,information,
重点,过程
组织信息消费信息反馈信息 认知心理学放在最后作为保证可用性的知识点
达到高级认知就不是体验设计的事儿了,比如作词作曲,信息创作此类 问题
注意右下角按钮的位置,sogou浏览器或其它浏览器的问题,注定被忽略的。解决办法,按钮往上放置。避免底部被莫名的忽略
特异:特异依赖于秩序而存在 ,注意的唯一性
横向不如纵向好。
特异:特异依赖于秩序而存在 热区
问题 靠近 相似律的一个特例
1和2
2和3
一个界面来讲6个规律,目的是让界面更有整体感。
做个考题 如何快速记住
是人脑对感知过的事物,思考过的问题,体验过的情绪和做过的动作的反应。
记忆是个过程,它包括
信息的编码(识记)、储存(保持)和提取(回忆与再认)这三个环节。
按照信息加工学说的认知过程和保持时间的长短分为
感觉记忆、短时记忆、和长时记忆。
课堂中我们要分组的目的是什么?
是为了好看吗,是为了更好的找到你,定位到你,你
图和文字那个更有用? 给关键任务加图标
注意和记忆的结合 7+2 ,分组 长时记忆分为图形等画面,文字等抽象理解的元素,位置
:画面记忆能力比文字记忆能力强得多,斯丹丁(Anderson,1990)曾做过一个实验,人们可以记忆一万幅画面的73%;
感觉记忆:不到1s 感觉残像 为认知提供广泛的素材
短时记忆:不到20s 将重要的少数刺激提取来进行精细加工的准备期
长时记忆:超过1m
信息多了,就得有重点
人的理解是有限的,理解是需要过程的,所以我们要简单
完型心里告诉我们,信息设计是有规律可行的。
马桶阅读理论:不要给用户超过马桶上看不完的内容
举例揭晓 有什么问题?
如何解决?提问
文案统一 问题? 交互方式统一
问题到提炼规律 组件统一
浏览器4.2时间都3年了,
最重要 的是? 腾讯可用性的42章经 比如,客户端的设计师和运营需求的设计师是两个team
开发分为web和native两个team
对通知体系的规划不足,浏览器4.2时间都3年了,
动作的反馈 状态的反馈,加上动效就更好了。
交互过程的重要一环就是要有反馈。 内容在不同界面上的通用展现。 窗口变化&横竖屏
三个按钮,明显没有按需求把用户区分 个性需求 问题 哪儿有问题 平台的差异。
用户习惯的差异
左右手差异
对于Android的建议
左右滑动切换tab是Android大屏手机上必要的快捷方式
Android中长按列表出现context menu它的一个特性
长按和滑动
Android早期适应PC windows 的界面,左确定右取消,3.0之后逐步借鉴ios,左取消,右确定
左右手的问题
系统平台的习惯问题
文案的问题
为什么北京出租车的配色会是那么多?五方五行五色四季
故宫有黄,红,绿,黑,
左舵车
打破惯例的收益
More is less
谨慎加功能
加上去是很难拿下来的。
在众多功能中做好调查,凸显用户常用的功能。
不用第一时间展示全部功能和内容,情境下出现功能和菜单。
转移给系统,你能看到更多,更好做决策,省了我们在界面中的设计,开发和数据同步会出现的bug等坑。
Android系统比ios强一点的就是开放的众多接口能让一些模块相互调用,比如账号登录,内容分享,可以不再自建,而依赖别家,这种转移是中简化,保证可用缩短研发。
10条原则彼此独立,可叠加使用
简化 在界面体验中,包括
简化 reduce记得要through thoughtful reduction
SHE shrink hide embody
we tend to have a more forgiving attitude toward smaller ones
another rule"fear the large, endear the small"
突出内容,弱化界面
第二个关键词 导向 前面讲到的流程中,有意图的引导用户操作,让用户减少思考的时间。
详解对话框按钮的设计。
首先我们看到一个 确定和取消的按钮,没有给出足够的引导 好的体验在于给用户引导。 电影和Android Android guide 中有 do one thing and do it well.
目前来说,做大而全的产品基本是不会有好下场的。
也是需要众多细节形成整体体验的。
QQ聊天
ADS 网上有苹果的布道师会介绍个十字坐标讲解ads,比较难以实用,回归到app design guideline 中的要求,就是statement。
从若干任务中,我们筛选出来。比如复制网页文本,扫描二维码, 首要展示谁?
设置很重要吗?
最吸引你的是?
设置tab 没有必要与前3个在同一层级,弱化C=强化A
换位号码展示,并直接提供标记陌生号码功能。 问题
不一致
无重点 底部方便,
核心功能,凸显
hero的强烈意义。 Make first thing first and get done
引导用户操作更可能做的 修复工具 问题?
这些都是多任务的切换,或者浏览器多窗口的切换页面,
哪个更好,为什么?
Focus:让功能更聚焦更单纯,就更便捷。收藏功能单纯,导航更单纯,menu更单纯
convenience :常用的命令设计长按调出,收藏历史的入口长按收藏图标,长按tab切换按钮,调出新建tab。
No disabled:当前页面无效的功能不再灰色显示,直接不显示,首页没有返回,就不显示返回。
Delight:新想法放在home按钮上,切换分屏,色彩转圈,同时打开分屏循环
智能,想你所想,贴心置腹。
首次启动提示一键安装,排除已安装
安装一个后提示有更多推荐
Wifi自动离线
自动夜间模式
文字的大小,
行距的宽松
按钮的安排
动画的节奏
所有的细节决定了体验的成败。
跟设计师们讨论问题,多用这些词汇。 Distinguished:我们搜狗的浏览器,跟pc浏览器的dna继承,圆,彩色。
印象深刻的细节 path 的“+”
微信的朋友圈评论只看到自己朋友的
拉灯和色板自定义 semob iPhone2.0-阅读模块交互设计方案0515 精确传达设计意图,避免设计师,产品,视觉,开发等角色对细节的遗忘,误解 Axure画手机界面尺寸建议:360x640