UI与交互设计介绍.ppt

寻谊 就到这里啦~ 谢谢大家 UI与交互设计 UI相关概念 UI设计 则是指对软件的人机交互、操作逻辑、界面美观的整体设计。 　UE　即User Experience，用户体验，它是指用户访问网站或者使用软件产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再次使用。他们能够忍受的问题，疑惑和BUG的程度。 交互设计是指设计人和产品或服务互动的一种机制 。 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。 交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。 UI的应用范围 电脑的软件界面。 比如操作系统 、软件界面、网页、多媒体光盘。 手机的界面。 数字电视的界面。 空调等家电摇控器上的界面。 银行、移动等柜员机上的界面。 …… UI设计在中国的现状 目前在国内UI还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。 我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，只是做一些图标，配下颜色等工作，缺乏对用户交互的重要性的理解，事实上UI设计的工作包括更广泛的内容。 另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，忽视了良好的UI设计是提升用户体验的主要途径，是提升产品竞争力的重要法宝。 UI的设计师（工作内容） 研究用户。 我们所开发的软件等产品，最终都是为人而做的，所谓以人为本，这不能是句空话，所以我们UI设计，必须研究人，研究我们的用户，要了解我们的用户想要什么，要利用我们的产品解决什么问题，喜欢什么，不喜欢什么等等。 研究用户与界面的关系。 即人机交互，研究如何让用户更好的更方便的使用软件，则是我们常说的“易用性”。 从事该行业的人，我们称之为“交互设计师”，主要做的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范等。 一个软件产品在编码之前需要作的就是交互设计，并确立交互模型，交互规范。 研究界面的视觉效果。 国内目前大部分UI工作者都是从事这个行业。也有人称之为“美工”，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。从事该行业的人，我们可以称之为“软件图形设计师 ” UI设计的基本原则 可以说，UI设计的所有基本原则，都是建立在“易用性”的基础上。 那什么是“易用性”？ 包括三个方面，按重要程度排列如下： 　　1.产品执行用户所需的功能。（快速使用） 　 　　2.快速安全地执行这些功能。（相对无错） 　 　　3.容易掌握使用这些功能。（易于学习） 　 易用性不佳的例子 用户身边充斥着专业术语 万能软件 不良的交互实例 vivi（薇 薇，26岁，一位优雅迷人的OL）打开钱包，从卡夹层里拿出那张有着金黄葵花的银行卡，又了到发工资的时候，不知道今天到帐了没有，还约好了明天和死党一 起买！买！买！买!呢！刚才路过银行想查一下余额，但是排队的人太多了，不过还有电话银行嘛，vivi一边想，一边拿出手机，拨通了电话银行的号码： 一个温柔礼貌的MM语音提示：“您好，欢迎使用招商银行电话银行系统，1，自动语音服务，2人工服务；” vivi把手机从耳边拿下来，找到1号键，按了一下； “1个人银行服务，2公司银行服务，3银证通功能，4个人外汇买卖服务，5基金服务，0退出；” vivi又按了1； “1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询 0 退出；” vivi按下了1旁边的2号键； “请输入一卡通卡号，以#号结束；” “1080 80699”，vivi连忙输入了卡号，按#号键； “请输入查询密码，以#号结束；” 因为开户不久，刚设的密码，vivi稍微想了一下，才把密码输进去，输完又看了一眼，按了#号键； “1帐务查询，2转账，3修改密码，4电话挂失，5通讯业务，6自助贷款，7自助缴费及一卡通上网，8神州行充值服务，9凭证式国债，0退出” 汗……这都是些什么呀？vivi皱了皱眉，再次按了一下1； “10人民币，21港币，32美元；35欧元，65日元，43英镑，29澳大利亚元，87瑞士法郎39加拿大元，69新加坡元，00退出；” “10，拜托，我可只有人民币……” 电话里仍然是温柔礼貌而不折不扣的录音提示：“1活期，2 整存整取，3零存整取，4整存零取，5存本取息，6定活两便，7大额定期，8通知存款，9教育