《电子产品交互设计PPT课件》由会员分享,可在线阅读,更多相关《电子产品交互设计PPT课件(38页珍藏版)》请在金锄头文库上搜索。
1、电子产品交互设计 Numal男25岁祖籍山东农村学历大学本科公司以及职业任职于知名互联网公司,从事设计相关工作性格活泼,爱开玩笑,有时候会多愁善感爱好足球、阅读、旅行、写blog补充由于生在农村,接触互联网的机会很少,直到高中毕业才知道互联网是什么。现在非常迷恋网络,每天闲暇的时候都想在互联网上闲逛。8年前,Numal高中毕业,朋友告诉他注册一个电子邮箱就可以方便的给人写信,让他也去弄一个。于是他就去上网了。他看到注册页面时,脑袋完全不清楚面前是什么东西。他有了一串疑问:电子邮箱是什么东西?新用户是什么?邮箱名是什么?他发现自己很笨,什么都不懂,非常的懊恼。两年前,Numal推荐一个不常上网的
2、人去使用自己设计的网站:豆瓣他朋友说发现豆瓣的注册很简洁。他朋友说很清楚自己要做什么事情他朋友说很放心他朋友说没有出错他朋友说很快完成了注册整个过程他朋友很愉快,很有安全感是什么让网站体验几年间变得这么好?是什么让Numal的朋友如此愉悦有安全感?是什么让原来使用繁琐的注册界面变成了简单毫不费力的应用?提问交互设计定义(一)简单的说,交互设计是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计与定义。不像传统的设计学科主要关注形式,最近则是关注内容和内涵,而交互设计首先旨在规划和描述事物的行为方式,然后描述传达这种行为的最有效形式。艾兰.库珀(alancooper)VB之父交互设计之
3、父微软视窗先锋奖软件梦幻奖得主库伯交互设计公司创始人交互设计六大原则1精简原则2就近原则3容错原则4帮助原则5习惯原则6响应原则精简原则这个比较难,大部分设计者都想把自己的想法,以及一切新颖潮流的展现形式,通通塞给用户,来证实自己的“见多识广”,这里其实需要考虑用户的接受度,而且和用户需求是紧密相关的,通常一个产品,初期,我们一般都是为了满足用户一个或两个的需求来建立的,去掉那些花花绿绿吧,现在已经不是雅虎的时代了,QQ横行,我们应该轻装上阵。 就近原则将同一类的功能组织放在页面相同的模块,这点同时需要考虑,最主要(常用)的功能要放在比较显眼(如第一视觉落脚点)以及便于点击的位置,假如内容过多
4、,可以将大部分用户(80%)用不到或大部分时间用不到的功能放置更深一层的结构中,容错原则总是会有一些犯错的用户,这种情况作为设计者应该未雨绸缪,允许只是个代词,这里首先要做到提示,即首先让用户明白,这样的操作是错误的,并且需要明确指出是在哪里出的错,为什么错。然后是引导,即告诉用户应该怎么样做,才可以完成这项任务。响应原则简单点说就是“所见即所得”,要明确的让用户感受到“他”的操作是有反应的,有效果的。但这种响应不适合太“简单粗暴”,要结合操作的类型和场景来设计,让用户觉得当前和“他”交流的是一个“感性的朋友”,而不是冰冷的程序。再深一层,可以考虑让用户在操作前,尽量对此操作有一定的可预见性。
5、 帮助原则提供适量的帮助;“适量”是这条中的重点,如果帮助信息过多或过于主动会让用户感到烦躁和不能清晰的找到准确的帮助,如果过少则可能无法覆盖用户的问题,所以在设定帮助信息及体现原则上,需要结合以往的经验和现产品的用户行为分析来确定。习惯原则符合用户使用习惯:用户使用习惯,其实用户本没有习惯,用的多了也就成了习惯。用户最初的习惯都是建立在最早出现的同类产品,或者来源于以往生活中的部分常识,假如你做的是创新性产品,就需要在这点上多下些功夫;假如是借鉴型产品,最好是沿用常见的方式;比较重要的是,你的设定肯定是需要有绝对的理由支撑的,切忌为了突出产品特点,故意挑战用户习惯。按ENTER键发送按ENT
6、ER键搜索交互设计的发展方向-人性化设计的定义专家普遍指出:人性化是指厂家在设计产品时力求从人体工程学、生态学和美学等角度达到完美,从而真正实现科技以人为本的目的。 影响产品人性化的要素产品造型的人性化设计产品色彩的人性化设计产品材料的人性化设计产品造型的人性化设计以前产品设计被称为产品造型设计,虽然不是很科学和规范,但至少说造型在产品设计中的重要性。在”产品语意学”中,造型成了重要的象征符号。任何产品都要通过造型来反应产品的语意内涵,再简单的产品都复合着许许多多的信息。设计师主要就是如何准确传递这些语言信息,如何吧产品设计的更生动,悦目,有情趣,方便适合于人们生活。产品材料的人性化设计材料是
7、造型设计的物质基础,它不仅制约着产品的结构、形状和大小,也使产品具有不同的外观质感、不同的装饰效果和不同的经济效益。优良的材质和正确的造型设计手段是塑造产品功能与形式的基础,产品的造型表现与材料的材质密切相关,因此,如何巧妙利用材料的特性,尽量的发挥材料本身的色泽、肌理与质感的美,体现出材料在产品人性化设计理念下的因素,并赋予相应的设计语言是造型设计者所关心的问题 产品色彩的人性化设计一件产品只有优美的外型式远远不够的,只有色形相结合,才能发出强烈的感情色彩。色彩可以唤起各种情绪,具有强大的精神影响。产品色彩的人性化,更多体现在各人的喜好上。因为不同的人受文化,教育,背景,经历影响的不同会对同
8、样的色彩产生不同的反应。电子产品人性化的体现 图形用户界面用户界面 实体用户界面 声音用户界面图形用户界面IWatch:http:/ 用户体验概念:http:/ - Introducing iPhone 4S善解人 :http:/ 二、对人群和社会的关怀二、对人群和社会的关怀 这是专为盲人设计了一款蜗牛这是专为盲人设计了一款蜗牛阅读器,只需将它套在手指上,阅读器,只需将它套在手指上,扫描盲文后,就能通过喇叭阅扫描盲文后,就能通过喇叭阅读出来。附带的蓝牙耳机,可读出来。附带的蓝牙耳机,可实现同步播听。此外,它还具实现同步播听。此外,它还具有记忆存储功能,盲人可以将有记忆存储功能,盲人可以将想阅读
9、内容预先存下来,需要想阅读内容预先存下来,需要的时候回放即可。的时候回放即可。液体多变金属人的雏形液体多变金属人的雏形 盲人电脑盲人电脑Siafu加州州长出演的终结者大家还有印象吧,第二集里面的加州州长出演的终结者大家还有印象吧,第二集里面的BOSS液液体多变金属人实在强悍啊,比变形金刚更变形金刚。其实,这未体多变金属人实在强悍啊,比变形金刚更变形金刚。其实,这未来机器人的制造原料离我们并不算非常遥远,这种被称作来机器人的制造原料离我们并不算非常遥远,这种被称作magneclay的电磁液体概念原料来自于石油提炼,可以受电磁信的电磁液体概念原料来自于石油提炼,可以受电磁信号控制改变形状,而且可在
10、液态和固态之间转换。现在设计师号控制改变形状,而且可在液态和固态之间转换。现在设计师Jonathan Lucas将它应用到了个人电脑上。将它应用到了个人电脑上。个人电脑个人电脑Siafu,专门为视觉有缺陷的人设计的。这台,专门为视觉有缺陷的人设计的。这台PC的用户的用户交互界面是一个平板,由交互界面是一个平板,由magneclay的电磁液态材料制作而成。的电磁液态材料制作而成。可以变形的,这样盲人得以清楚的感知电脑上的显示内容,并通可以变形的,这样盲人得以清楚的感知电脑上的显示内容,并通过盲文键盘进行指令输入。过盲文键盘进行指令输入。Siafu的主要输入界面是的主要输入界面是9键盲人键盘,键盲
11、人键盘,输入的指令可以即时显示平板界面上输入的指令可以即时显示平板界面上当然是以浮雕的状态,当然是以浮雕的状态,以方便检查输入内容的正确性。以方便检查输入内容的正确性。Siafu还拥有语音输入功能和配套软件,在下方的还拥有语音输入功能和配套软件,在下方的MIC里,用户里,用户只要清晰的说出单词,电脑就会进行语音分析,然后讲内容显示只要清晰的说出单词,电脑就会进行语音分析,然后讲内容显示出来。出来。前面展示了前面展示了Siafu非常强大的文字、输入输出功能,图片问题它非常强大的文字、输入输出功能,图片问题它的解决方式更厉害。的解决方式更厉害。Siafu通过对通过对2D图片处理,将其图片处理,将其
12、3D化,并浮化,并浮雕在平板上。雕在平板上。可以触摸的音乐可以触摸的音乐不要以为你看错了,音乐是可以触不要以为你看错了,音乐是可以触摸的,摸的,Jackson McConnellJackson McConnell的设计的设计为听力障碍的人设计了这款可以显为听力障碍的人设计了这款可以显示波形的扬声器,可以帮助他们来示波形的扬声器,可以帮助他们来感受音乐。感受音乐。这个设计不仅漂亮,更有实用性,这个设计不仅漂亮,更有实用性,让有听力障碍的人也能体会到音乐让有听力障碍的人也能体会到音乐的美好,这也正是人性化设计的体的美好,这也正是人性化设计的体现。现。三、高科技和高情感的结合这是一个可以作为戒指的蓝
13、牙耳机,是最具科技感的戒指。Orb Bluetooth蓝牙耳机在不使用的时候可以戴在手上作为戒指,电话来了把它转成S型戴在耳朵上就能立即通话,还是有个小小的FOLED屏幕专门显示来电和日期 。 台灯和平板电脑听起来相去甚远,如果台灯能变成平板,那听起来真的很不错!国外设计师Nari Lee就为我们提供了不同的解读。平板电脑平板电脑这款名为WAVIEW的产品Samsung(三星)设计的概念产品,乍看之下你可能一头雾水;这款产品大小上看起来像一款平板电脑或是智能手机,设计上预想留有灵活的LED显示屏做底座,屏幕看上去则像是一个弯曲的平板。它以大尺寸触控屏幕为主要架构,特别是整片屏幕采用可弯曲的弹性
14、材质,因此它不仅展开使用,还能卷成一个弧形来使用,特别的是它可以直接卷成一个像灯罩般的圆柱体,然后搭配台灯造型的充电底座使用,充电时还会发出白色的光,简直就是一款小夜灯!网页的网页的“前进前进”“”“后退后退”功功能能鼠标鼠标DPIDPI,3 3档位调节档位调节人机工程鼠标人机工程鼠标人性化人性化空气概念虚拟苹果笔记本空气概念虚拟苹果笔记本想象一下如空气般轻薄、以虚拟键盘代替真实键盘的苹果笔记本,两个触摸屏的使用已经使得鼠标毫无用处了,现在甚至不再有真实的键盘,小小的激光束可以在笔记本的平面上显示出一个虚拟键盘,使其比戴尔9.99概念更轻薄,当然旧式的苹果笔记本在它面前更会显得笨重无比。将集成
15、平台与编钟敲奏法技术结合的一款电脑将是任何一个沉重的电脑工作者梦寐以求的事情,苹果笔记本正在计划运用这两种技术。一但你看到它你将大吃一惊,你会意识到这个装置充满了个性,并且可以为你提供丰富的经验。 集成平台与编钟敲奏法集成技术笔记本集成平台与编钟敲奏法集成技术笔记本 某外国网站放出几款由设计师设计的未来iPod设计图纸。我们可以看到,这个设计把shuffle变成了腕式手表。shuffle的设计图看上去非常现代化,也非常亮丽时尚。如果真的通过设计审核并研制成功,批量生产后肯定会热卖。这个设计使得shuffle的便携性大大提高。想必爱运动的人们的腰包又要被掏空了。 ipod苹果公司正在开发的这种属于智能手机的iWatch配置iOS,未来将采用曲面玻璃,将提供通话功能,还内置有地图、计步器和健康指标传感器等,同时它还能通过连接智能手机来显示电子邮件、IM(即时通信)和其它数据等。 谷歌眼镜(GoogleGlass)是由谷歌公司于2012年4月发布的一款AugmentedReality(扩增实境)眼镜,它具有智能手机的功能,可以通过声音控制拍照,视频通话和辨明方向以及上网冲浪、处理文字信息和电子邮件等。 谷歌眼镜谷歌眼镜iwatch视频欣赏视频欣赏谷歌眼镜:http:/ 三星展示透明灵活AMOLED显示技术http:/