用户体验原理与实践

上传人:xzh****18 文档编号:50621773 上传时间:2018-08-09 格式:PPT 页数:95 大小:6.61MB
返回 下载 相关 举报
用户体验原理与实践_第1页
第1页 / 共95页
用户体验原理与实践_第2页
第2页 / 共95页
用户体验原理与实践_第3页
第3页 / 共95页
用户体验原理与实践_第4页
第4页 / 共95页
用户体验原理与实践_第5页
第5页 / 共95页
点击查看更多>>
资源描述

《用户体验原理与实践》由会员分享,可在线阅读,更多相关《用户体验原理与实践(95页珍藏版)》请在金锄头文库上搜索。

1、1用户体验原理与实践王武佳 08年9月 带着“复制课程”的心态来听课23Question: 什么是用户体验?4汽车刹车系统原理图5Tips 用户并不需要知道系统运行的真实原理。 需要知道操作和结果之间的联系。6左侧是淘宝,右侧是百度 汽车 糖果 粉底液 HIFI音响 散热架 泰迪熊 螺旋藻 西湖 奥运会 连连看 奋斗 林心如 哈士奇 永远的朋友7Tips 人们若是能找出两件事物的联系,那么就 很容易将它们记住即便这种联系事实上 并不存在。 这在交互设计中,被称为建立用户的心理 模型。 8例子 空调的温度调节 倒车时的转向。 汽车左右转向灯的控制。 鼠标滚轮上下控制与滚动条、Google Ear

2、th 缩放的关系9车窗 手摇式车窗 掀按式电动车窗 按键式电动车窗 10隐喻 隐喻:一个事物来表示另一个事物。分为 抽象隐喻和形象隐喻。11桌面12文件夹 13标签卡 14位置隐喻15抽象隐喻16玻璃为何 常被砸碎 ?17启示 启示(预设用途):物体本身的性质为人 们提供了操作上的明显线索. 玻璃是透明、光滑、易碎的,通常更适合做透 光的窗户,而较少用做承重的地板; 钢材通常坚固、强硬,可用于支撑; 圆的是用来转的; 狭长的方孔是用来插的; 球是用来抛掷或者弹跳的1819科罗拉多大峡谷的玻璃走廊 20门把手 21古老的搜索引擎22按钮23日记vs随便说说24Tips 产品设计中,不仅要考虑产品

3、设计在逻辑 上的合理性,更要考虑设计给用户造成的 心理感觉。 25 用户是扫描而不是阅读26 金字塔式写作原则27一致性原则 视觉感受 布局 颜色 操作方式 鼠标响应方式 流程 功能 文字描述 命名 内部一致&通用标准28 对于百度贴吧的“帖子”,可以在网站中找到三种 术语来描述:“帖子”、“留言”、“发言”。对新用户 危害特别大。29“W西?”30“中华人民共和国中央人民政府”网站 你知道哪个是链接,哪个不是么?31“联系我们”32点“无”会发生什么?33反馈 及时 反馈 状态 结果 原因&对策 易见 有输入的地方就有输出34反馈及时性35注册表单逐项提示36反馈状态37反馈状态“建议在红绿

4、灯交通设施处加装停发计时装置,让司机能 掌握暂停和启动的时间,避免停滞和提前启动。”38引申阅读 “现在在红绿灯转换时发生的事故特别多,很多车主看见 绿灯还有最后几秒钟要跳红了,赶紧一踩油门加速过去。 ”交警说,还有很多司机远看见红绿灯的计时秒数,算算 时间可能会来不及,就开始抢速度过去。结果往往不注意 看跟他交叉路口过来的车子,有时车子驶到路口中间,两 车就碰撞了。“这样的事故,今年发生了很多。”交警说, 他们就取消了倒计时,这样做让车主心里没有秒数的“担 忧”。驾驶员不知道还有几秒会跳红灯,所以驾驶起来也 会“心平气和”。看见绿灯时,开过去就是了,到最后有几 秒钟的绿闪,就是提醒驾驶员,马

5、上要转红灯了。39“我得和引擎说话”40反馈结果41打印机的噩梦42反馈原因&对策43反馈可见性44解决反馈可见性的办法 公理:有输入的地方就有输出45容错 防错 及时校验 隐藏、深埋危险操作入口 警告 标识 确认Confirm 限制 出错处理 可撤销 尽量减少用户损失46隐藏、深埋危险操作入口另例:防骚扰设置47警告48标识49Confirm50限制51出错处理可撤销昨日从武当山返回云梦,一路上他跟女友谈笑风生,结 果到了云梦出口时竟忘了下高速。当行驶到60KM附近时,突 然发现自己错过了出口,为了省事,他竟然不顾交通安全, 在高速公路上逆向行驶,幸好被民警及时发现,才避免了意 外的发生。

6、最后,民警对李某无视交通法规,不顾自身安全的严重 违法行为给予了罚款200元,扣6分的处罚52出错处理尽量减少用户损失53操作效率 提供快捷方式/热键响应 合理合并步骤,但反对 一味减少步骤,造成理解困难 一个界面上任务过多 多一个步骤,多一份流失 流程没有终点 操作按钮的位置54快捷方式55快捷方式56反例:不提供快捷方式57Tips 层、窗口、页面打开时,第一个表单控件 应自动获得鼠标焦点 tab键自动切换焦点(Tab键的顺序与控件 排列顺序要一致。从上到下,从左到右的 方式)58Ex.59减少流程数60操作按钮、链接的位置61“下一页”62版式版面 同类相聚 排列顺序 轻重分明 分隔明晰

7、、适度留白 行间距 段落间距 模块间距 页边距 分割线 对齐636465666768色彩 颜色数量不宜过多 慎重使用警告色 重视前景、背景对比69文字文案70反对 机器语言 英式中文 啰嗦 繁复的帮助文件 重复性文字 显而易见的 错别字 晦涩、过分书面化 歧义71机器语言72恐怖的翻译73显而易见的事实74晦涩难懂75本县?本市区?还是整个城市辖区76提倡 简洁 及时提示 Tips77表现 使用对比色 列表优于整段 大段变小段 长句变短句 在重要、关键文字用加粗或使用不同颜色 砍掉一半,然后再砍一半 尽量14px或以上7879易见性 大字体 Tips提示 不要被遮住8081VS82Tips 选项数相同时优先考虑选框而不用下拉列 表框; 界面空间较小时使用下拉框而不用选项框 ; 选项数叫少时使用选项框,相反使用下拉 列表83反例84最后,请注意不要陷入过分理性8586请不要互相辱骂,这样有失身份 :87请不要贴广告,这样破坏环境:88我们要团结起来:89共同抵制坏行为:90发扬积极奉献的精神,经常发帖子 ,一份耕耘,必然一份收获:91还要勤回帖子,帮助别人,让大家 感受温暖:92让我们大家一起来做社区的主人, 创造一个新的大家庭!93我同意,马上加入这个大家庭! 还是算了吧+94Q&A欢迎提问95End

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > IT计算机/网络 > 计算机原理

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号