UI设计-绝对经典ppt课件.ppt
《UI设计-绝对经典ppt课件.ppt》由会员分享,可在线阅读,更多相关《UI设计-绝对经典ppt课件.ppt(58页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。Better User Experience Colourful Future用户体验、交互设计及案例介绍王志军 2010 /10/23“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。几张看似不相关的图片“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公
2、共安全视频监控联网应用为重点的“群众性治安防控工程”。几个网站“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。主要内容 用户体验?交互设计?设计? 实现模型和心理模型 用户体验与交互设计基本原则介绍 交互细节案例介绍 小任务 交互设计所需要技能“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。概念区分 用户体验:UE 用户体验并不是指产品本身是如何工作的,而是指产
3、品如何和外界联系并发挥作用,也就是人们如何“接触“或者“使用”它。 Web中的用户体验是指用户在访问平台的过程中的全部体验,它包括平台是否有用,疑惑或者bug程度,功能是否易用、简约,界面设计和交互设计是否友好等方面。用户体验的核心是UCD,即“以用户为中心的设计”。“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。 “AJAX之父”的Jesse James Garrett早在2000年就提出了以用户为中心的Web设计的流程和用户体验的要素“雪亮工程是以区(县)、乡(镇)、村(社
4、区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。交互设计 交互:用户通过某种方式发出指令,且系统对此作出相应的反应 交互设计是关于创建新的用户体验的问题,目的在于增强和扩充人们的工作、通信及交互方式,使他们能够更加有效地进行日常工作和学习。“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。UI设计 User Interface Design 用户界面设计,在很大程度上就是在探讨如何让产品的界面更加具有可
5、用性,如何让用户有更良好的体验。这是一种优化后的界面,通过这种界面,用户能更方面地完成任务,获得良好的感觉。 例如:一个按钮的设计,美工设计考虑如何好看,而用户界面设计师则考虑按钮如何摆放,上面显示什么文字,甚至到底要不要这个按钮的问题。“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。软件设计,设计,交互设计 软件设计的艺术Terry Winograd (2004年度的ACM人机交互院士)开发软件建房子土木工程师装修设计师建筑设计师软件设计设计交互设计“雪亮工程是以区(县)、乡
6、(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。实现模型和心理模型心理模型表现模型实现模型容易使用,体验良好记忆负担,体验较差最好的技术是消失在生活当中的技术“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。几个通用的原则 就进设计原则对功能进行恰当的分类和组织“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网
7、应用为重点的“群众性治安防控工程”。帮助用户探索和尝试“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。允许用户犯错误 让用户可以撤销动作 在执行具体的破坏性操作中要求用户确认。“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。提供实用的帮助 设计帮助系统 入门和学习部分 使用指南 参考手册 疑难解答 术语解释 语言表达:采用具体的例子,帮助用户理解 表达方式:按照
8、使用流程来。“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。设计一个优秀的向导式界面“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。帮助用户高效地完成操作支持批处理操作(google的picasa图像处理软件)提高常用操作的效率4A中的作业模块“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视
9、频监控联网应用为重点的“群众性治安防控工程”。布置手工作业流程“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。使界面符合用户的使用习惯 被动调整策略:例如功能定制,界面定制 主动自适应调整策略:例如sogou拼音输入法 根据其他用户的使用行为来主动进行自适应调整 购物网中,购买这本书的用户还购买了以下书, 在长尾理论中安德森叫过滤器法则,它是长尾现象形成的一个因素 介于主动自适应和被动调整之间的混合策略“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信
10、息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。减少用户在使用软件时出现错误(一) 让用户能有效地看出或者知道如何进行正确操作 减少用户记忆的负担; 自然匹配和预设用途; 尽可能采取一致性的设计 采用限制级因素防止用户出错“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。减少用户在使用软件时出现错误(一) 利用某种方式提醒用户可能出错 如何设置出错信息 不要只告诉用户操作无法完成或者操作失败 不要仅仅给出出错代码,还应当给出该错误的含义
11、不要在出错信息中使用用户无法理解的术语 错误要尽可能明确 错误信息要有建设性,要让用户看出怎样才是正确的 不要给出误导性的出错信息 向用户提出解决问题的建议“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。减少用户的等待感 Robert B miller 1968 Response time in man-computer conversational transactions 0.1秒钟、1秒钟、10秒钟“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治
12、信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。总结 就进设计原则 对功能进行组织和分类 帮助用户探索和尝试 允许用户犯错 提供实用的帮助 设计一个优秀的向导界面 使界面符合用户的使用习惯 减少用户出错 减少等待感“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。交互细节案例介绍“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工
13、程”。案例一 Tecent 交互设计Dont make me think “返回”的位置和做法很重要:这是整个QQMail的交互的“枢纽”,如同围棋中的“玉柱”,也定义了邮箱的交互风格。 帮用户自动选中:在输入独立密码或加密folder输入密码时错误后,应该把输入框内的内容select上,这样就可以直接打入而不用清除了 光标定位:之前的点回复时光标focus到正文的问题改好了,但却没有注意到点转发时光标,反而应是在收件人处而不是正文处, 因为一般总要填写转发人, 而回复(包括回复全部)则是直接输入内容.“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网
14、格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。交互设计符合用户习惯与预期 先字母排序,再优先显示最近联系人,减少键盘操作。“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。交互设计符合用户习惯与预期 兼容客户端邮件菜单习惯在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来,但右键则不能。 不随意去掉用户正在使用的功能原来mail在做出了“HTML方式查看”后,去掉了“打开”功能 符合用户预期点击其他地方,WEBQQ的浮
15、动窗口隐藏到固定位置“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。交互设计适时的提醒 没必要的提醒不需要出现 而适时出现的提示或功能,用得好,不但不会骚扰用户,还是对用户的细致的关怀“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。交互设计操作便利 QQ魔法表情“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为
16、基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。交互设计操作便利 问卷星的设计页面“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治信息化为支撑、以网格化管理为基础、以公共安全视频监控联网应用为重点的“群众性治安防控工程”。视觉设计制定规范,维持统一 文字使用要规范,语法,大小,颜色,大小写都需要注意 能用一个词表达的,不用一句话。能用一句话表达清楚的,不用两句话 每个概念都只有唯一一种表达。如”VIP”的概念 能用一种字体颜色的,不多用一种颜色 能用一种字体大小的,不多用一种大小“雪亮工程是以区(县)、乡(镇)、村(社区)三级综治中心为指挥平台、以综治
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UI 设计 绝对 经典 ppt 课件
限制150内