欢迎来到加倍考研网! 北京 上海 广州 深圳 天津
微信二维码
在线客服 40004-98986
推荐适合你的在职研究生专业及院校
去英国学【交互设计】,五大名校优势和申请要求大盘点!夜与雾

去英国学【交互设计】,五大名校优势和申请要求大盘点!

随着交互设计越来越广泛的运用在人们的日常生活当中,从身边的电子产品到家用电器都能看到交互设计的身影,交互设计这种新兴专业也越来越受到企业和学生的关注。那么什么是交互设计呢?简单的说,交互设计就是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计与定义。不像传统的设计学科主要关注形式,内容和内涵,而交互设计首先旨在规划和描述事物的行为方式,然后描述传达这种行为的最有效形式。从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解"人"本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。交互设计是一个多领域、跨学科的专业,细分的方向很多,但是,方向一般分为UI方向,UX/UE方向、 HCI方向。所以,在选学校的时候建议先确定自己要往哪个方向发展,因为每个学校的喜好或者说专攻会不太一样,确定要往哪个方向发展之后,就要找相对应的院校,然后准备相关的申请材料。作为发达国家的英国,有众多院校开设了这个专业,我们根据大学和专业排名,为大家罗列出英国最靠前的top5院校,以供大家参考!Top1:皇家艺术学院皇家艺术学院作为世界著名的艺术院校,常年在世界院校排名中位列第一,也是无数学子的理想殿堂。这里的设计类专业非常全面,例如:建筑与设计学院、传达学院、设计制造学院、应用艺术学院多所学院里设有时装设计、珠宝设计、工业设计、交互设计、汽车设计,以及设计史理论研究等方向的课程。RCA的交互专业方向分为社会创新类、服务类交互设计。与其他艺术类院校相比,RCA的课程设置更注重于社会生活实践的结合,与业务伙伴之间的合作与联系。鼓励研究新的设计方法和新环境与角色的设计,其中涉及到社会、文化和伦理道德对当前和新兴技术的影响。许多从英国皇家艺术学院Royal College of Art毕业的学生已经对我们的日常生活产生了显著的影响,我们所穿的服装,参观的展览,驾驶的汽车以及购买的日用品,都有他们的设计作品。其毕业生在诸多创作性行业中成为领军人物。在皇艺学习的交互设计的学生背景来自不同行业,有交互,数字媒体,纯艺,产品,平面,家居,建筑,计算机,社会学等等,学生之间互补知识,拓展思路。在复杂的环境中解决复杂的问题,而不是仅仅为了满足用户的需求。那么,皇家艺术学院这样一所优秀的艺术院校,对于学生申请有着什么样的要求呢?作品集又该如何准备呢?申请要求要求具备设计相关背景,如果没有设计相关背景,需要具有专业经验或者相关工作经验1语言成绩研究生雅思7.02申请材料一般年龄要满21岁,拥有相关学士学位或同等学历,并需要在网上提交成绩单、语言成绩、所获奖项、作品集、个人陈述、个人简历和推荐信。可能会有面试3作品集作品集要求:考查申请者要有引领未来科技发展的能力;将复杂凌乱的想法转换成设计的能力; 作品的形式不限,无论是2D,3D,视频,还是装置,摄影,产品原型都是被接受的。Top2:伦敦传媒学院伦敦传媒学院是伦敦艺术大学的6所学院中的一所。提供广泛的课程:平面设计、交互设计、新闻、市场营销、电影(预科、本科、研究生和研究类课程)。2003年10月,伦敦传媒学院正式开放它的新教学楼,该楼拥有艺术级的媒体设备。LCC有着快节奏、催人上进的氛围,在这里,学生们在课程发展中扮演着非常积极的角色。由于学院和伦敦的许多出版传播机构和世界知名的零售公司有着紧密的联系,学生们除了完成课堂学习,还能通过在企业的实习增加实战经验。交互设计作为伦敦传媒学院的优势专业,无论在硬件设备提供还是软件配置上都有着独特的优势,作为一个跨学科多元化设计的专业,在LCC不仅是学习交互领域的知识,还有设计和传达,即关注设计的问题,又关注相应问题的解决方法获得。进入这个专业,你有机会运用各种媒介:高科技、低科技,甚至无科技。接触行业所需的各种专业技能,提升自信,为进入设计、互动和活动图象这一前沿行业做准备。在LCC的本科阶段高度强调人与设计之物间的关系,以及挖掘实际经验中的互动潜力。你将学到叙事、动态影像及电影的制作,设计典范原型及电脑运算方法。到了研究生阶段则注重为学生提供一个在设计领域持续探索物理和数字方面的机会。课程通过关注综合思考和严格的设计原型,数字进程和用户期望,反映出互1动实践在当代设计,媒体和交流工业中的重要性。所以,在准备LCC申请材料也是截然不同的,同学们要根据自己的学历来准备相关的申请材料。申请要求本科:1. 入学时年满18周岁2. 高中毕业生完成伦敦艺术大学预科课程3. 完成大学二年级以上相关课程的在读学生或本科毕业生可插读4. 雅思6.0分单项最低分数5.5分作品集视觉语言:组织技巧,线、型、尺寸、光、色彩和时间等的运用。创意表达:思想和概念的形成调查和运用:系统认证和恰当的设计来源材料和媒介的探索和实验:实验和检测材料,以此实现自己的观念情境意识:理解和应用专业知识和内容研究生1. 入学时年满18周岁2. 本科毕业生或同等学历者可申请3. 雅思6.5.单项最低分数5.5分4. 提交作品集作品集作品集要运用各类视觉语言,如构图配色等,展示想法的生成和研究过程。数量不得超过20张,来自两到三个项目。请使用Slideroom上传作品集。作品集可以包括素描本、记事本、以完成的作品、正在制作的作品、图片或是三维作品。Top3:爱丁堡艺术学院创建于1760年的爱丁堡艺术学院是英国六所最古老、最大的大学之一,也是在各种全球大学排行榜上多次名列全球前20强的著名大学,与牛津、剑桥一起,是最早名列罗素教育集团的多科性综合大学,超过2000名学生提供艺术与设计、建筑、艺术史和音乐学等高等教育。学院是一所充满生机的研究机构,以其独创能力和研究著称,与许多工业企业及国有部门都有联系。除此之外,还有世界级水平的建筑、园林建筑、艺术、设计、艺术史和音乐等科目。在爱丁堡大学,对于交互设计专业并没有明确的划分,其院校把交互设计归纳为“多媒体艺术”,就是我们所在交互设计专业中分类当中的数字媒体交互设计。因为交互设计是一个跨学科专业,爱丁堡大学整合艺术学院和信息学院的优势,爱大的信息学院在英国排名第一(超牛津、剑桥、帝国理工),是英国唯一的5A级计算机系,也是世界公认最好的计算机系之一,所以借助计算机方面的优势,爱丁堡大学多次在两个学院之间开设合作,大力促进交互设计的发展。如果想来英国学交互设计,爱大绝对是英国艺术留学中屈指可数的顶级院校之一。申请要求1截止日期本科生:1月15日研究生:rolling2语言成绩本科雅思6.5研究生雅思6.5,平均成绩在80-85%3申请材料本科:必须通过UCAS(高校招生服务)来申请,提交成绩单、语言成绩、个人陈述、推荐信和作品集等材料。研究生:在网上申请,提交成绩单、语言成绩、个人陈述、研究计划、推荐信和作品集等材料。4作品集本科:作品集需要展示你研究探索的方法,而非完美的成品。要求最多10幅素描册/手稿作品、最多10幅完成作品和最多5幅展示对的影响的作品(和你共同工作学习的人、和你兴趣相同的人、自然或人造现象等)。每张图可以有最多100个词作为文字介绍。研究生:作品集必须从网上提交,做成PDF格式(一个文件),A4大小,横向排列。在第一页写上你的名字,紧接着放个人简历和个人陈述。给项目起标题,给绘画做注释。将作品以易于理解的方式排列。作品集应包括在正式学习、实践、以及自主项目中完成的作品示例。作品集重点应放在最好和最新的作品上。最好的作品并不是说只需提交图形,应包括素描、 学习或工作绘画。如果可能的话,可以附上素描簿和笔记本。Top4:格拉斯哥艺术学院格拉斯哥艺术学院成立于1845年,被认为是世界上最先进的最有声望的研究和设计机构。格拉斯哥艺术学院主要是本科学生学习,开设有8个专业美术或设计部门和建筑学院。其中本科专业开设的专业课程有:建筑、室内设计、设计银器和珠宝纺织品设计、平面设计、产品设计等等。研究生其专业课程开设有美术研究、设计-设计实践:纺织品服装、建筑、动画、视觉音乐、哲学等等。其开设的交互专业是基于创意学科的基础上,形成了以数字媒体交互为主要的交互设计专业。GSA的交互设计专业旨在培养掌握创新用户技术的人才。使艺术和设计专业跨专业将代码基础课、创意思维和创造性解决问题等非常抽象的课程配合实践深入浅出的教授。目前的项目包括数字化进程、数据可视化、3D生成、当代叙事结构、交互设计、程序图、动画等等。教学方式包括调研考察、工作室、讲座、小组作业、论文等多种形式。越“电子”的边界,创造包括摄影、动画、3D、声音、图形、网站等在内的多学科融合的创新模式。对于申请这所院校的学生来说,你需要具备清晰的逻辑思维能力,数据分析能力等等。所以,在准备GSA申请材料时,要表现出来这种能力。申请要求1截止日期本科生:建议在1月15之前完成,但最后的截止日期为6月30研究生为Rolling2语言成绩本科雅思6.0-6.5研究生雅思6.0-7.03申请材料本科生需要通过UCAS申请。研究生:申请表、个人陈述(约500字)、学位学历证明、1-2封推荐信等。4作品集作品集要求:作品不限形式,建议申请者不要局限单一的形式或素材,体现综合能力是很重要的。创作作品集的过程虽不用特别去研发技术,但一定要有洞悉行业整体发展的技能。电子作品集中我们希望看到你的实践技能以及你如何探索和使用电子的或非电子的不同媒介和材料。作品形式可以包括绘画、油画(具象/抽象)、2D/3D作品、摄影、2D/3D电子作品、动画、视频、音频、交互设计、网页设计、游戏概念等等。我们对你作品背后的概念和创意以及他们如何成型发展感兴趣,向我们展示从最原始的灵感来源到成品的全过程。TOP5:伦敦大学金斯密斯学院伦敦大学金史密斯学院,又译金匠学院,于1891年成立,后于1904年并入伦敦大学,更名为伦敦大学金匠学院。金史密斯学院在许多学科领域学术水平很高,尤其是视觉艺术和表演艺术以及媒体和传播专业则蜚声海外。在最近的教学质量评估中,传媒和社会科学系,人类学,设计,英语,音乐和视觉艺术类课程均达到了顶尖标准。其传媒类专业是英国最顶尖的学科之一。根据来自英国教育部门的权威排名,2015年英国Research Excellence Framework,Goldsmiths传播与媒体综合排名全英前三名,传播与媒体学院的研究影响力位列全英第一。艺术与设计学科位列QS世界大学排名世界第11名,并且在卫报排名中全英第1名。在英国政府的科研水平评估Research Assessment Exercise (2008)中的世界级研究比例一栏位列全英第9名。金史密斯学院的设计硕士学位课程没有特定的主题,而是采用另外的批判性方法。学生将通过数据收集和分析形成个人设计风格,掌握前沿调查方法。学校提供给学生挑战实践的机会,培养学生在社会工作中的自信。交互研究设计课程为期15个月,由四个小学期组成。课程有核心课、选修课、田野调查和专业结课项目。课程结课项目平衡了设计实践和论文撰写,结课项目由学生的兴趣和能力决定。核心课程围绕这四个主题:交互设计、设计和社会科学&技术、设计调查研究和创造性设计方法。申请要求1语言成绩雅思≥6.5,托福92+2申请材料申请材料:教育经历列表,包括时间与考试成绩;一份电子版推荐信,或提供推荐人的详细联系方式个人简历:包括申请人的职业与教育背景。3作品集设计申请者需要提交包含5个相关项目的作品集和一个500-1000字的短文解说;非设计背景的申请者,提交一篇有一个相关主题的500-1000字的短文,及10页围绕本主题的视觉作品集,要体现你的创造性、独特的、有见地的观点。因为一些院校的申请每年都会有所更新,我们也会根据官网及时为大家更新相关信息,更好的帮助大家准备艺术留学的相关材料。艺术留学交流群有需要请教学哥学姐们或者找志同道合的小伙伴们,欢迎扫描下面的二维码,关注我们,让大家在艺术留学的道路上共同成长!扫一扫,关注我

三命而俯

交互设计有啥特别的?成都交互设计培训费用?

交互设计是什么?为什么要有这个东西?它的过去是怎么样的?为何这么重要却一直不火?为何现在却又火爆起来了?它擅长什么不擅长什么?它的未来在哪里?交互设计有啥特别的?成都交互设计培训费用?交互设计是为了解决便利性。它是对流程进行设计,让事情做起来更方便快捷,让产品使用效率高。简单说,交互设计是为了“省事”,不费力也不费脑,或者说交互设计就是“傻瓜式”设计。淘票票。选择电影、电影院、场次、座位,买票前的决策流程,在App中得以有效实现。这是个买票工具,讲究便利,决策和行动的便利,也就是不费脑不费力。一旦用手机实现了1分钟内的决策便利,基本上就达到设计目标了。因为再想进一步通过流程设计来提高便利就没必要或者很难了。流程的改进能节约多少时间?几秒钟吗?省力呢,还需要更省力吗?如果真想做交互优化,切换场次这个流程有较高的使用频率,可以继续优化这个流程。然而,这个优化只能节约几秒时间,也许就是眼睛眨一下手指头划一下的工夫。那么,对于这个购票App来说,这个几秒的价值太小了,还有非常重大的致命问题没解决呢。比如用户驻留时间的问题。电影生活精神生活。好设计=省钱+省事+有情感一个产品或服务,想要设计的好,应该表现在这几个方面:省钱,省事,有情感。不同的产品,对这三方面的要求有不同。比如工具产品更注重省钱和省事;内容产品,更注重情感;服务更注重省事和情感;奢侈品更注重情感。1、省钱,减少损失。从情感上看,花钱就是损失财富,如果买回的价值不如意,那么每多付的一块钱都是损失,反过来如果你用1000解决了2000的事,那你会庆幸。好设计应该让人感觉超值的。2、省事,减少挫折。省事就是不费精力省时间,不费力不费脑,从情感上看,费力和费脑都是不可容忍的阻碍和挫折。费力费脑的评价,可以借助人机工程学,人能感知到的量级差异,如几秒、几分钟、几小时的差别。好设计应该是更有效率的。3、情感,增加动力。情感就是人的一切活动的驱动力,情感甚至是无价的。好设计应该是打动人的。我们现在有很多不同的设计方法,各自擅长解决不同的问题,如价值工程、人机工程学、可用性设计、感性工学、交互设计、用户体验/情感设计,等等。有的设计方法是为了省事,有的是为了省钱,就像结构设计、工程设计等,在达到安全和功能要求基础上,好设计是经济实用的。而有的设计方法是为了“忽悠”人,比如品牌设计,总是在绞尽脑汁怎样卖的贵又有人肯买。

其在我乎

学习交互设计,这几个问题必须关注

对于非交互设计的同学,要怎么去学习交互设计呢?在其中要着重关注那些问题点呢?销售同学:想了解设计相关知识,有没有什么好的课程?或者推荐的链接学习下?市场同学:交互设计培训资料能不能发我看看?我想学习学习产品同学:这个地方我实在不知道该怎么画了,能不能帮我看看?这是我最近常遇到的问题,发现有越来越多非交互设计岗位的同学开始对交互设计感兴趣,这其中可能是对于个人能力的要求,也有可能是大家对于用户体验意识的增强,但不管怎么样交互设计、用户体验都在被越来越多的人关注。这里可能有人会问,为什么要面对其他岗位同学做交互设计培训?原因很简单:对于T型人才或者通才的能力要求;释放一定的交互设计师人力,产品自己产出功能简单的交互设计;小型公司没有交互设计师,产品需要自己出交互方案;扩大交互设计的影响力,让更多的人了解。回过头来,可以看出前面谈到的这几个岗位的同学大多是没有交互设计基础的,或者少数产品经理具备一点交互设计能力,但普遍比较薄弱,当这些同学想要学习交互设计时通常不知道如何下手。其次,再结合自己做交互设计培训的经历,发现有以下几个问题是普遍存在的,并且有一些是核心问题,需要重点关注。一、不清楚交互设计概念和工作流程在与其他岗位同事的接触过程中,发现很多人普遍不清楚交互设计是做什么的,也分不清交互设计和视觉设计有什么区别,甚至遇到过产品经理找交互设计师出视觉稿之类的事情。对于互联网公司而言,特别是大厂,交互设计和视觉设计有着各自明确的分工,包括工作内容、工作流程、产出物等方面。工作内容:交互设计师主要侧重于产品的业务逻辑、操作流程、信息架构、界面布局等。视觉设计则侧重于界面的视觉风格、样式、配色等。目的都是提升整个产品的用户体验。工作流程:交互设计和视觉设计均是项目流程中的一环,二者属于上下游的关系,即交互设计结束会进入到视觉设计阶段,具体可以参考下图的流程图。产出物:交互设计的主要产出物是交互稿,通常包含信息架构、流程设计、交互界面以及交互说明,其中交互界面主要以线框图的形式呈现。视觉设计主要产出的是视觉稿,即产品上线用户所看到的界面,除此之外还包括标注文档、视觉切图等。二、不了解设计原则设计与艺术不同,设计是一个更偏理性层面的概念,因此设计原则、规范尤为重要。对于交互零基础的同学而言设计原则、设计规范是很好的入门指导,它可以指导你的设计,让你下意识地去使用它,下意识地去控制页面,而不是不知所错或者盲目自信。通过不断的实践再去反复理解、验证。但凡事没有绝对,这些原则十分重要,但它们也只是一种“设计指导”,在遇到特殊问题,特别是复杂问题的时候不能死守规则生搬硬套。当你在工作中越来越有经验,你就会越来越灵活地运用。关于交互设计的原则有很多,比如尼尔森可用性十原则、交互设计七大定律等。平台规范如:苹果的Human Interface Guidelines等,对学习设计原则、设计规范都是很好的开始。三、信息架构能力薄弱绝大部分同学都有这个问题,包括设计师自己,在提需求/出设计方案的时候缺乏整个产品结构的思考,每次的迭代都是功能的简单堆砌、叠加,从而导致后续一系列的问题。这里我谈一下信息架构的重要性和工作内容,因为想要系统学习信息架构其实是一个很大的课题。(1)信息架构的重要性信息架构其实是整个交互设计中对于逻辑性和设计师整体结构化思维要求最高的部分。信息架构是一个产品的骨架,每个类型的产品都有自己特有的信息架构。对于整个产品而言,信息架构能让用户容易找到某个功能,理解产品形态最核心的部分。因此,做好信息架构设计,是非常重要的交互设计能力之一。而一个合理的信息架构,会大大减少用户对一个新产品的认知成本,在很短的时间内就成为一个操作相对熟练的用户,从而大大增加新用户的留存。特别是当我们的产品越做越大,功能越来越多的时候,一个合理的信息架构就越发重要。它可以起到两点核心作用:让用户一眼就明白你的产品能做什么,并马上学会如何使用;无论功能多复杂,用户都能在需要的时候快速的找到某个功能。这两点,会对一个产品的成功起到至关重要的作用,这也是我们需要做好信息架构的原因。(2)信息架构的工作内容主要有两点:设计组织分类和导航的结构,让用户可以高效率、有效地浏览信息及进行相关操作。这就要求设计师需要站在一个较高的角度去考量整个产品。但在实际工作当中,大家往往局限于自己手头的模块,缺乏对整体结构、层级主次的把握。从而导致产品结构不清晰、功能堆叠分类不合理等诸多问题。建议大家可以系统的去学习和了解信息架构的相关知识,这对提升交互设计核心能力有非常大的帮助。三、流程设计理不清交互设计另一个核心能力:流程设计。比较常见的流程有两种:业务流程和用户流程。二者出发点不太一样:业务流程是以业务所要达到的业务目标出发,用户流程则是从用户想完成的任务出发。虽然有些时候二者流程表现上可能会完全一致,但背后的出发点其实并不一样。一方面我们需要和产品经理一起梳理清楚业务流程,另一方面我们需要基于业务流程梳理好更符合用户心智模型的用户流程。当我们通过用户使用产品的目标、场景,整理出用户使用产品的流程时,你会发现设计可以变得更有条理,这就是用户流程在设计中的价值,它让你从用户的角度出发,梳理那些看似杂乱无章的设计点。一个好的流程设计,是将业务流程和用户流程完美结合的设计。让用户在合理顺畅的完成自己目标任务的同时,也能达成业务目标。好的流程能为产品带来什么:用户可以顺利完成任务,减少流失;凸显设计亮点,提升用户体验;帮助业务达成业务目标(如注册率、成交额等)。四、不会使用组件库交互稿是交互设计最重要的产出物,一份规范的交互文档既能很好的展示设计方案,也能大大提升协作过程中的工作效率。绘制交互页面快速提升效率的方法就是:组件库的应用。但在跟产品经理们培训的过程中,会发现两个问题:大部分产品同学自己绘制交互稿时往往不知该如何下手,或者绘制出来的页面简单粗暴,缺乏设计美感。即便是有现成的组件库,但不知道具体每个组件库的应用场景,用错组件库的情况经常发生。从上面两个问题可以发现:搭建组件库的重要性;学会如何使用组件库。这里所说的学会使用组件库并不是简单的拖拽复用,而是需要清楚的知道每个组件库的意义和使用场景。只有学会了组件库的应用,才能确保产品的一致性,提升产品、设计师、研发的工作效率。这点对于业务线较多、功能较复杂的产品尤为适用。下图是同一个产品经理,在未使用及使用组件库绘制交互稿的前后对比,可以明显的看出来页面要规整很多,基本上与交互设计师产出的页面没有太大差别。所以学会使用组件库,能让你快速搭建出规范的交互页面。以上就是结合设计培训中遇到的一些典型问题总结出来的5个可提升的点,希望对想要入门交互设计的同学有所帮助。作者:杨倩,网易UEDC资深交互设计师,参与过C端、B端多个产品的交互设计工作,从C端到B端,不忘设计初心,继续努力前行。本文来源于人人都是产品经理合作媒体@网易UEDC,作者@杨倩题图来自Unsplash,基于CC0协议

宋人围之

UI交互设计培训机构浅析UI设计和交互设计的不同之处

什么是用户界面交互设计?我们经常听说UI设计和交互设计。那么用户界面交互设计呢?是两者的结合吗?作为设计行业的新人或对设计有一定热情的人,理解不同设计术语的定义真的很头疼。别担心,今天上海非凡教育UI交互设计培训班会在很多方面对这两者进行比较,希望对同学们有所帮助!两者个关系图:从上图可以看出,UI交互设计实际上是UI设计和交互设计的结合。但是具体的区别是什么,让我们来看看两者的比较吧!一、UI设计和交互设计概念区别UI设计:界面设计或界面设计(英文UserInterface design,简称UID),是指软件的总体设计,用于人机交互、操作逻辑和美观的界面。UI设计主要分为物理UI和虚拟UI两种类型。互联网行业常用的用户界面设计是虚拟用户界面,简称用户界面。交互设计:交互设计(Interaction design,英文Interaction design,简称LCD),主要是指设计两个或两个以上的个体之间为了达到一定的设计目的而进行的交流和交互。交互设计的目标通常是从“可用性”和“用户体验”两个层面来帮助解决用户需求。广义地说,UI设计可以包括交互设计。简单地说,在UI界面上体现交互设计的概念就是UI交互设计。从设计的重点来看,UI设计的重点是色彩和视觉,具有美观的界面设计,主要考虑产品的外观。交互设计基于人机交互部分以用户为中心的设计,主要考虑产品的使用方式。UI交互设计要求设计UI和交互,交互的概念反映在UI界面上。二、UI设计与交互设计的人员区别UI设计相关组:界面设计师,界面设计师,网页设计师。交互设计相关的人员:用户体验设计师,交互设计师,用户体验设计师,产品经理,网页设计师,产品经理。从相关劳动人口的角度来看,不同类型的设计工作涉及不同的人群。用户界面设计的相关群体主要是那些将这部分内容纳入工作的人,除了专业的用户界面设计师、界面设计师、网页设计师等也是其工作群体。交互设计涉及到更广泛的人群,交互设计师和用户体验设计师当然更不用说了。此外,需要表达设计理念的产品经理运营人员也在其中。最后,界面交互设计的范围比二者稍宽,包括界面设计人群和大部分交互设计人群。三、UI设计和交互设计使用的工具区别UI设计工具:PS(Photoshop):适用于界面设计、图标设计、手绘等。AI(Illustrator):适用于创建徽标、图标、草图、排版和其他矢量图形。草图大师:适用于图标、界面设计,支持多文件分层、切片等插件。交互设计工具Asure:旧的原型设计工具,适合制作高保真的交互式原型。Mockplus:适合创建快速交互原型,简单高效,同时支持团队合作。摹客:适用于一键式绘图、生成智能注释、生成层代码、交互式表示和设计协作。UI是为了好看,交互设计是为了便于使用。如果你想从事UI交互设计,UI交互设计培训老师建议你在理解了它们的基本定义之后,可以开始学习一些技能并开始实践设计。这可以帮助你在UI交互设计的道路上快速成长!本文来源:网络。(版权声明:推送文章和图片我们都会注明作者和来源,除非无法确认。部分文章和图片推送时未能与原作者取得联系,若涉及版权,烦请原作者联系小编更正,谢谢!)web全栈开发培训中心分享虚拟主机的数据的备份和恢复功能技巧web全栈工程师培训中心教你绑定云虚拟主机域名web前端工程师培训机构教你备份网站文件和数据库web前端开发培训学校教你解析虚拟主机临时域名CNAME装修设计培训机构解读家居装修玄关设计要点

五事

下一个 10 年,交互设计的创新方向竟然是……

本文作者通过观察近些年交互设计的创新方向,大胆预言未来 10 年的“交互革命”的引爆点在于手机传感器。自从十多年前,苹果把人机交互从键盘拉到了手机屏幕上,这些年来,人机交互一直停留在“量变”的不断优化阶段。能突破用户现有行为模式的下一个“革命性交互”一直未出现;或者说已经出现了部分,但是还未成熟,以至于不被市场所接受。笔者观察近些年交互设计的创新方向,大胆预言未来 10 年的“交互革命”。先说结论:下一个“交互革命”的引爆点在手机传感器。人机交互的触点将不在屏幕,而在三维空间。更便捷的人机交互应该是“立体的交互”,而不是二维的屏幕交互。设想一个场景:现在我们想要拍照,需要先打开屏幕,然后再点击拍照APP;或者,更进一步的厂商设置了长按音量键快速拍照的功能。但是,在不久之后,你可能只需要拿起手机摇晃几下,手机即可快速进入拍照APP。看一个创新案例,以下是MOTO在前几年推出的一款手机。该手机支持了多种屏幕外的手势操作,包括挥手静音、甩动快速拍照、切动两次打开手电筒等快捷操作。在国产手机上,像VIVO这样的手机厂商也在系统里不断加入“智能体感”。包括智能亮屏息屏、隔空解锁等功能。所以,用户与机器的信息输入、输出方式将不再局限于屏幕,手机中的传感器将会包揽未来“用户将信息输入机器”的主要渠道。信息的输出方式也将不会局限于屏幕、扬声器、led灯、振动马达、闪光灯等传统硬件。或许将来,人们会创造出更犀利的传感器来承担信息的输入、输出工作也不一定。以下是笔者收集的部分传感器及其应用:像音量键,是手机外显硬件,它还不属于立体交互的范畴,对它的应用也很少。当下应用比较多的就是阅读软件的上下翻页(如下图)、快捷拍照等。但是,笔者认为,当手机外显可操作的按键只剩下“音量键”和“锁屏键”,音量键作为快捷按钮可以尝试应用到APP交互当中去。麦克风作为“自古以来”就存在的手机硬件,前几年也有厂家把它玩儿出了花样:像笛子APP、腾讯微博的“吹一吹”(如下图)等功能。但是,未来的麦克风肯定属于“语音交互”。特别是像“开车”这样的场景,用户需要把大部分注意力放在前方的道路上,语音交互可以最大程度释放用户的注意力。陀螺仪是当下手机普遍配置的传感器。最开始,把它玩儿的最溜的是苹果,像输入的时候摇一摇“撤销输入”等功能。后来,微信把摇一摇发扬光大,知乎等APP接着跟进。知乎的摇一摇是触发“问题反馈”(如下图),但是这个功能后来被砍掉了。NFC(近距离无线通讯)是老早以前就成熟的传感器,但是它的应用一直不温不火,笔者收集了网上的一段把NFC用于打卡签到的视频(如下)。NFC最近比较多的应用,像小米手机的公交卡、门禁卡等。当然,NFC可以应用于很多方面,像移动支付、电子票务、移动身份识别等。振动马达最近貌似又火了一把,因为苹果推出了它家的“线性振动马达”,后来一大波安卓厂家跟进。线性振动马达的结构、振动模式与以前的振动马达完全不一样,简单点说:它是个突破,振动的更给力了~~~振动作为信息输出的一种重要方式,笔者认为有很大的潜力。振动的不同强度、不同时长、不同频率都可作为特定的信息输出。接下来给大家安利一款鸡肋APP,叫振动按摩器什么的,有需要的同学请自己去寻找 =^_^=手机的传感器有许多,像文中未提到的温度传感器、气压传感器、血压传感器、心率传感器、血氧传感器、紫外线传感器,还有苹果为了面部识别新上的 3 个传感器等等。将来人们也可能会创造出更多的传感器,但是这些传感器不外乎都是为了让信息的输入更便捷或输入更多元化的信息。所以,下一个 10 年,交互设计的创新方向是?本文由 @南城 原创发布于人人都是产品经理。未经许可,禁止转载。题图来自pexels,基于CC0协议

道者

一招带你了解交互设计前沿理论

在我们日常生活中到处都充满着交互设计,有时候你在使用某个APP的时候,你觉得很好用,而有的却很难有,这是为什么呢?本文通过了两个实际案例,跟大家讲解了交互设计语言在实践中的作用!enjoy~一、我们生活中充满着交互设计每天滑手机的你,能想像在荧幕上做的那些简单的点击、滑动……等等动作都暗藏着玄机吗?你是否也曾经感受到某些App的界面很难用,某些却用的很舒服?上述所描述的问题,都是可以通过交互设计来解决。电脑的出现开启了另一波科技革命的时代,交互设计也应此而诞生。它是基于图形用户界面的基础,发展到现在仍是个较年轻的学科。相较于传统的工业设计,交互设计学科的很多知识体系尚不成熟和完善。也因此,在团队合作中常常出现沟通不良的问题,交互设计师想表示A,产品经理解释成B,程序员理解成C,最后的产物,令人感到惊吓的程度常常多过于令人惊喜呢!二、拖拽和甩动的区别是什么还记得第一次上交互设计课的我,所受到的冲击。当时教授问我们一个相当简单的问题:拖拽和甩动的区别是什么?台下所有的同学都举起手指,朝空气中划一划,皱着眉头和左右同学互看一下。大家七嘴八舌但没有一个标准。后来教授又出了一道题目,他请两个同学一组,面对面前后坐着,面向白板荧幕的同学能够看到Smartwatch界面图,请这位同学向背向白板的同学说明界面的样子并请他画出来。经过一番折腾,我的伙伴总算理解我的意思,但当她转过去面对白板时,“啊~”的一声,原来,我所描述的和她理解还是有些距离。于是我开始思考:交互设计不需要自身独特的语言去准确地传达设计师的意图吗?为了解决这个疑问,我去查了相关的资料,发现如何有效沟通交互设计的议题并不多,不过有一个比较完整的理论叫做“交互设计语言”。一开始不知道如何应用这门语言时,有种雾里看花的感觉; 然而,一但概念通了之后,对于交互设计有了更深层的见解,仿佛打开了交互设计领域的另一扇窗。三、交互设计语言的魔力在交互设计语言中,最基础的概念就是控件、联动和物件,当控件发生变化的时候,物件也随之发生变化,即控件通过联动控制了物件(如图) 。“控件”和“物件”作为“物”有着很多属性,例如大小,角度,颜色,位置等。当两个属性之间有对应关系,可以通过“控件的属性”来改变“物件的属性”,我们就可以感受到“控制力”。我们通过鼠标控制光标的位置,然后光标控制图标在桌面上的位置,这个过程有两个操控关系。在不同的操控关系中,光标可以是“物件”也可以是“控件”(如图); 而我们的双手,通常是控件,毕竟是我们在操控某个对象。交互设计语言里,将操控关系称为联动,在实际应用上,因为通常不只一个联动,而使情况变复杂。在交互设计语言中,还有像相对联动、绝对联动、循环边界等详细描述交互细节的概念。下面我们通过两个案例来说明交互设计语言在实践中的作用!四、实战的威力案例一:公交路线App大众交通类App是我们生活中不可或缺的工具。由于公车路线多且繁杂,所以每一条公交路线都需要单独界面来表示。公交路线的介面一般用两种形式来呈现。第一种是,将两个方向的终点站连起来,延展成一条长长的线(影片1);另一种方式则是,在路线介面上方,设置一个方向控制的按钮,来改变路线的方向(影片1-1)。但因为有些公车会从终点掉头返回起点,有些则不一定延着原路进行,这样的设计常常让使用者混淆而找不到目的地。该如何解决这个问题呢?影片1(左)·影片1-1(右)操控力视角的重要性我们以韩国的T map大众交通App的改进方案为例,来说明操控力视角的重要性。首先,交互设计语言在看待这个问题时,会先以“操控力视角”去着手。为了让公交路线更直观地显示方向,利用操控力的概念,通过滚动列表来“控制”路线图显示的方向。因为人们在向上滚列表的时候,会下意识去查看往下的站点,所以显示下行线,反之,往下滚列表时,则会下意识地查看往上的站点,所以显示上行线,因此用户可以透过滚动列表轻松地切换上下行线。然而,如果用户反复上下滚动,进行上下行线的来回切换,会对用户造成不必要的干扰,所以我们利用操控力视角的概念,用一个复选框来控制这个“操控关系”的开关 ( 如影片2)这样一来使用者在查询公交路线就可以快速达成目标。案例二:微信的返回方式当你沉浸在看微信里的文章时,突然收到一条新讯息必须确认,或是想到有一笔费用要缴,这时候的你,不得已要反覆操作“返回”的键去处理,这个过程中,不仅复杂,有时候还会发现讯息并不重要,读文章的思路还被打断 (如图)。交互设计语言在面对这个问题时,首先会以操控力的思维来思考。要如何利用操控力,快速地在不同层之间转换呢?经过一连串的交互设计语言来理清思路后,发展出新的解决方法。在从左至右拖动页面返回上级的过程中稍微停顿一会,就会激活层级预览和跳转菜单。然后手指垂直移动就可以“操控”相应的层级(收付款、微信、浮窗……等等),并且位于当前的页面会根据手指位置而产生页面变化。举例来说,当我们在阅读朋友圈的文章时,可以利用这个功能,不关闭当前的文章,“撇见”消息发送者及内容简要;又或者轮到我们结帐时,可以迅速地到收付款的页面。这样跨越式地完成了层级之间的跳转,大大缩短了操作步骤。(如影片)Part 5:起掌握与万物对话的艺术吧!其实与万物的交互都可以用“控制力”来解释,它是一个抽象的视角,从中有无限的可能性。我们很长时间,在物理规律的限制下简单地对物理实体进行“操控”。随着技术的进步,我们开始控制能量并开始更精确地“控制”物质。计算机技术更让我们对“操控力”有更近一步的理解。交互设计领域,确实需要一套语言来了解其奥理,让团队沟通更顺畅并创新。交互设计语言能够帮助交互设计师能更清楚理清问题的脉络,进而达成更有效的团队沟通。传统的设计流程需要多次的开发原型迭代才能不断改良,成本高且周期长( 图1); 应用交互设计语言的设计流程,则是在思维层面进行多次迭代,成本低且周期短,能够减少不必要的迭代,并且最大化每一次的价值 (图2)。传统设计流程:(图 1)应用交互设计语言的设计流程:(图2)注:微信案例、解锁案例中所用的交互设计,已在中国和韩国申请了设计专利。作者:Yvonne,曾在台湾新创、韩国科技公司担任 Marketing executive。目前就读韩国国民大学交互设计研究所。热爱科技设计、生活、旅行,期许能为社会带来美好。本文来源于人人都是产品经理合作媒体@网易UEDC,作者@Yvonne题图来自Unsplash,基于CC0协议

觚哉

一名交互设计师的日常思考方式

如果有一天,当你发现自己“较真又矫情,苛求又世故,倔强还言辞凿凿”,别否定自己,也许你已经开始有点交互设计师的意思了。一直有好多朋友问我许多关于交互设计师的工作状态的事情,其实对于交互设计,很多朋友都处于一种朦胧感知却又无法用语言表达的状态;除此之外,也有很多朋友好奇交互设计师的工作方式到底是怎样的,与其他的设计师到底有哪些差异。今天要疯兄正好在整理之前的一些好玩的小想法(平时会把随时想到的一些感想写到即时贴上并粘到墙上,到时一起整理),希望此文能以一种论文的精神和杂谈的形式讲给你听,让你能略微感受到一点交互设计师的思维到底是怎样的(其实很奇葩、很较真、很事儿、很八婆……)。“易用”和“效率”是产品用户体验最重要的评估标准之二,所以我们经常会通过用户调研、焦点小组、问卷待查、任务测试等方式发现并记录一些用户生活中的操作习惯,并把这种操作习惯与我们的产品交互方式结合,以达到降低学习成本的目的,并提高用户粘性和用户体验。但是,随着移动设备以及互联网不断渗入我们的生活,软件的操作习惯正在慢慢的侵蚀我们以前的一些生活习惯,我把这种有趣的现象称为“新人类交互语言”。要疯兄今天就跟大家分享几条用户在平时生活中的“全新变化”。在传统电视播放的过程中总会潜意识的想用遥控器快进某些片段或者在电影院看电影的时候会抬手试图点击屏幕调出进度条,了解播放时间以及剩余时间;在非触屏显示器看照片或者pdf文件时会在屏幕上通过滑动的方式企图来缩放文件;在电脑端阅读电子书(pdf类)时,会把翻页模式调整成纵向翻页,类似网页的浏览方式会让阅读速度大大加快;在录音或者录像的时候会长按功能键,并忘记在结束的时候通过再次点击来暂停录制;看公众号文章或者使用微信qq时会把浏览器或对话框调整成手机宽度,以达到类似手机阅读的特殊效果,据说阅读速度会更快,板式会更加好看;看书的时候会有长按的动作,希望可以选中并高亮。除了一些交互行为上的有趣**逆流**,生活方式上的一些变化也会让我们交互设计师若有所思(45度看天空状):遇到不好的服务会下意识的通过手机第三方平台差评的方式来给予反击;听到好听的歌曲会想了解其歌名并把它加入到自己的网易云音乐歌单里;感兴趣的人会搜他的微博,想了解的答案或者知识会搜索知乎,搜索方式越来越垂直化;对于不了解的产品不是百度而是通过查看淘宝的产品详情了解细节;拍照五分钟,p图两小时;越来越少在主流视频平台观看电视剧或电影,除了AB站外百度云资源成为了更多人看片的选择(无广告不收费可分享永久保存不占空间);即使戴了手表也会拿手机来看时间;会因为没有手机支付而放弃一些线下消费。要疯兄平时会对生活中的一些现象进行有趣的小思考。除此之外,偶尔也会换位思考的对于一些优秀的产品的设计思路进行反思,看看到底这些牛逼的设计师和产品经理到底是咋想的!这里拿微信作为例子跟大家分享下我最近的一些思考:1、qq与微信都是腾讯的及时行沟通软件,为什么在发展了这么多年的情况下两款软件都能够分得半壁江山?qq与微信对比最近看到“即刻”上一批95后对于微信的吐槽,大意就是微信无趣又不好玩,发条朋友圈还被亲戚告状,简直爱无能。但恰恰这种“无趣”形成了微信简洁和商业化的品牌语言,符合“大龄”用户的使用习惯——更加关注内容。微信的无差别对待让用户在沟通的时候能够以更加平等的心态参与到沟通中去,并且不会被各种特殊效果打断沟通思路(qq秀,厘米秀,各种聊天气泡等)。而对于低龄用户而言“彰显个性”是其社交的核心,各种颜色的钻石等级才能体现出用户“放荡不羁爱自由”的洒脱个性。除了以上战略目标的差异性外,一些交互细节也体现了不同目标用户的差异性对待:微信注册和登录以手机号为基础,这对于很多学生来说是不具备能力(很多学生没有属于自己的手机),而qq则可以注册很多个,成本很低;微信添加好友的方式之一是通过手机通讯录,更符合“大龄”用户的操作认知;qq有聊天记录云同步功能,这极符合95后的生活环境——无固定的登录端口,需要多平台的信息打通;微信的朋友圈在双方皆为好友的情况下才可以看到对方的留言,符合“大龄”用户的社交模型——注重隐私和圈子;而qq空间的低龄用户人际关系相对简单纯洁,互相之间的信息可见会增加其社交的趣味性和粘性。上面这些细节都可以看出腾讯产品经理的牛b之处,他们对于自己的用户画像认识清晰,十分了解目标用户的生活习惯及社交方式,对于其心理认知也是十分熟悉。所以两款产品都能在市场上保持如此高的用户数和活跃度是十分正常的。2、最近发现微信钱包里的红包功能被去除(在以前的版本里用户可以再聊天界面添加红包和在“零钱”模块下的红包功能为用户发红包两种操作流程的),变成了面对面红包,为什么?红包因为更符合我们用户的思考逻辑和操作流程:当我们要发单个红包或者群红包的时候我们一般会先选定群或个人后再为其发出相对应数额的红包,其是以“人”作为第一思考的,所以把“红包”这种功能放到聊天界面的附属功能是十分合理的;而“面对面”红包是以“钱”为第一思考,所以放在“零钱”模块之下是符合心理预期的。3、为什么微信不支持信息云端化,并且在对话列表里删除某一用户后,所有聊天记录会一并删除?添加方式除了技术上的一些限制和要求外,在交互的设计方面,我们可以发现这一点与我们功能机阶段使用的短信的交互方式十分相似:还记得高中的时候(暴露年龄了),当我们换手机的时候需要备份的内容除了通讯录以外还会把要好的朋友(女朋友)的短信储存在SIM卡或者SD卡上,在复制到新手机里。这种交互方式被借鉴到了微信的信息传输上了。这种方式不仅能够保证信息的安全性(在手机端存储)外,也十分符合微信对于其目标用户的定位。除此之外,微信在对话列表里删除某一用户后,所有聊天记录会一并删除的这种交互方式也与当年的短信如出一辙。这种有点复古的操作方式却十分符合用户的心理模型和其品牌特性的。(我们一直认为的云存储方便是因为我们这些低龄用户(不要脸)一定程度被一些软件惯坏了。)其实,看完全文的你会发现我作为一名交互设计师的日常思考方式主要包括三个方面:用户全新的操作方式(交互行为);用户全新的行为习惯(用户场景);主流产品的设计思路。如果有一天,当你发现自己“较真又矫情,苛求又世故,倔强还言辞凿凿”,别否定自己,也许你已经开始有点交互设计师的意思了。祝你“对产品理性点,对生活感性点。”作者:符要疯,前阿里巴巴交互设计师,现任职腾讯音乐设计师。本文由 @符要疯 授权发布于人人都是产品经理,未经作者许可,禁止转载。

别跟风,有些交互设计院校不一定适合你

谈起交互留学,英美绝对是很多同学心目中的首选。在上次和同学们分享过美国 8 大 HCI 牛校之后,不少同学悄悄咨询和创,要求出一期——关于英国的各大交互院校的介绍及其侧重点。毕竟,对于同学们来说,选对适合自己的院校专业会是难忘的学习体验,选错的话就变成了一两年的煎熬 time。今天,Joey 精心整理了9所英国交互院校,看看哪个才是你的本命吧?01、皇家艺术学院项目:Service Design MA时长:2 years特点:项目是服务设计,服务设计是设计实践对服务和经验的应用。服务设计解决问题,改变商业和工业的人类经验,并为复杂的社会问题、更好的公共服务和以公民为中心的政策制定有影响力的解决方案。项目有三个方向:1、创造新的消费者服务,重点在识别人类需求、转型服务和复杂组织(如零售、银行和酒店)的交付;2、公共服务的发展和交通、卫生和教育等领域的政策创新;3、在技术、环境和社会挑战的驱动下,设想全新的服务和用户体验。02、伦敦传播学院项目:MA Interaction Design Communication时长:15个月特点:偏设计研究实践,是基于交互理论和设计方法之上去探索人类发展历程中一些问题,并提出解决的方法,期间学生需要深入社区或者组织去深入调查实践,整个项目专注于探索数字技术和网络技术与世界的交叉,注重跨媒体、领域以及应用范围的实践。此外,项目业界资源非常广泛,包括英特尔、IBM、维多利亚和阿尔伯特博物馆(世界上最大的装饰艺术和设计博物馆)以及伦敦设计博物馆,可以为学生提供广泛的实践机会。每周举办各种各样的客座讲座,让学生深入了解潜在的职业,并与行业专家、学者、艺术家和设计师建立联系。期间,同学们还有机会去奥地利、西班牙、德国等地区游学,参与当地的研讨会和展览。03、金史密斯学院项目:MA in Design: Expanded Practice(时长:15个月)特点:该项目专注于学生本身已有的实践经验与其它领域的结合或者重叠,设计实践项目是以工作室形式展开的,工作室每年都会根据申请人的技能和专长进行调整,申请不限专业背景。以小组工作和单独工作展开,注重实验和探索的设计过程。课程分三个模块,第一学期在自己选择的工作室内授课,整个就读期间的工作室指导和活动,最后完成一个大的项目;学生将从六项目中挑选两个完成,学生将跳出个人舒适区去尝试更多实践,第三模块在暑假进行,学生可以选择实习、大师班、实地研究以及研讨会议。学生最终将在回到 Goldsmiths,整理工作和总结设计成果。04、爱丁堡艺术学院项目:Design Informatics时长:MFA(21months )/MA(1 year)要求申请者设计背景;MSc Advanced(2years)/Msc (1 year)要求申请者计算机背景特点:项目关注产品和服务,将科学的数据处理和创造性的概念开发结合在一起。学生将学习如何释放大数据的力量,利用大规模的连接、分析能力和工业强度模拟来设计改变生活的产品和服务。两个项目 MFA/MA 都专注设计、产品、媒体、时尚和建筑。在整个课程中,学生将分别在设计师和计算机科学家的团队中工作。在这门课上,每个人都要写代码、都要制作实物。有几门课程,包括论文,会涉及到展示个人所创造的人工制品、产品、服务或互动体验。项目也与业界优势企业有合作,学生将有机会参与实践。05、格拉斯哥艺术学院项目:MDes in Design Innovation and Interaction Design时长:1 year特点:格拉斯哥艺术学院的交互设计关注的是人,而不是技术。这个硕士项目着眼于通过使用各种方法改善利益相关者之间的互动和沟通来解决现实生活中的问题。通过实时项目,学生将对复杂环境中的交互设计有一定的了解,并学会分析设计过程中的行为。还将有机会与来自国际学校的同学交流,这是在福雷斯校园举办的年度冬季学校活动的一部分。这个季节性的活动将来自世界各地顶尖机构的学生和教师聚集在一起,进行为期两周的讲座、研讨会和网络机会,让他们深入了解设计作为一项全球性活动的职业是什么样子的。另外,项目是在苏格兰高地的 GSA 的校园里教授的,交通不是很方便。06、拉夫堡大学项目:User Experience Design时长: 1 year特点:该项目是 MA 用户体验项目,课程将结合各类实践项目,来培养学生的创造性和分析能力,包括在现实世界设计中嵌入数字体验、使用新兴技术,如人工智能(AI)和增强现实(AR)。学生将在用户体验设计原则和实践、定性和定量设计研究方法、基于交互屏幕的原型设计、交互设计、可用性测试、服务和社会设计、团队工作和项目管理等方面掌握关键技能。项目具有完备的设备支持学生的学习和研究,包括 Mac 实验室与广泛的设计和用户体验软件。学生将学习社会创新环境下的服务设计的理论和实践经验及能力。这包括在设计和开发可持续社会创新的服务解决方案的背景下的服务设计原则和实践,应用系统的思维和服务解决方案、关键利益相关者和最终服务用户之间的多个相互关联的接触点的设计。之后的模块学习会整合和应用知识,技能和价值从其他模块,并完成一个用户体验设计项目。在模块中,将涵盖项目简要标识、用户需求的开发、UX 远景声明的开发和迭代概念设计活动。07、3所 HCI 项目院校① 约克大学项目:MSc Human-Centred Interactive Technologies② 伯明翰大学项目:Human Computer Interaction Masters/MSc③ 诺丁汉大学项目:Human Computer Interaction MSc以上三个项目都是1年制的人机交互项目,人机交互(HCI)偏重交互的方法,用户的易用性。相对于创造力,绘画技巧,这个专业更加讲究逻辑顺序:从拿到命题的分析,大量的、各种途径的 research,到发现具体的问题,如何想出解决方法,初步的 sketch 拿出初稿, 到 usablity test,到如何权衡各种 test 的结果进行迭代,再到最后呈现出来的 final design,每一步前后关联。HCI 研究人机交互的技术,多数是在搞程序、编代码。看完这9所交互院校和侧重点,有没有让自己的院校倾向更清晰呢?文章首发于【作品集分享portfolio】

暗动画

对话式交互设计流程

上一篇文章《对话式交互设计:先了解自然对话的基础概念》介绍了自然对话的基础概念,学习了谷歌对于人类自然对话的研究和理解。本文将通过一个简单的案例来介绍谷歌推荐的对话式交互设计流程,以及本人对该流程与常规的体验设计流程异同之处的对比分析。一、设计流程1. 选择适合的使用场景对话式交互界面的使用场景通常是简单直观的。当考虑任务场景的时候会想到游戏,因为游戏是低风险的。但是游戏界面的设计必须要能够满足用户的期望,以免使用户感到无聊。猜数字的小游戏可以作为对话式界面设计的一个很好的例子,不要求用户有任何的背景知识,因此可以用来探索和测试对话式界面设计的边界。2. 创建虚拟角色画像考虑如何展示虚拟角色(机器人)的功能、形象。保持一致性、独特的品牌呈现和个性特征。虚拟角色画像可以帮助你设计、撰写对话,所以要尽早确定,这样就能更容易的选择正确的用词、语法和句子结构。我们猜数字游戏案例的虚拟画像具有以下特征:乐观、活泼和鼓舞人心。有吸引力的、机智的推动游戏的进程,鼓励探索。不那么正式、简单的语言,吸引不同年龄和群体。我们给它起个名字叫「数字精灵」,赋予它更多个性,并满足用户对于「魔法」含义的理解和对猜数字游戏的内在期望。需要注意的是,即使你没有赋予你的虚拟角色任何个性特征,用户在与它进行交流时也会感知到一个人物画像。3. 撰写对话写下用户可能会经历的不同对话情景。对于「数字精灵」游戏,我们想出了以下对话作为开始,帮助我们理解每段对话的设计思维与最佳实践。路径1:愉悦路径这段对话描述了一轮典型的对话,用户猜了三次:目前为止一切都很顺利,但是我们如果就此停止,开始开发这段「愉悦路径」,那么这个游戏就会变得非常无聊。用户可能在这段对话中猜99次,或者更多(用户猜的数字超出0到100),所以我们有很多机会增加游戏的趣味,持续吸引用户。路径2:玩两轮的愉悦路径这段对话描述了用户连续玩了两轮,产生更多猜测的回合:仔细观察我们是如何将个性特征注入到这段对话中的。与上一段对话相比,这段包括更多的回合对话。这样的设计使游戏更加独特,同时也增加了开发成本来实现这些特殊场景。路径3:探索性猜测这段对话描述了用户随机猜测,数字精灵通过暗示来让用户猜中正确的数字(本次答案为23):让用户一直处于正轨上。因为有些用户会故意测试系统的边界,看机器人如何回复。以上对话通过判断用户的输入变化,做出更加有吸引力的回复,引导用户朝着目标结果前进。路径4:游戏场景外的对话修复该路径下用户在进行游戏的过程中突然问了一个与游戏无关的问题:「长城有多长?」,机器人机智的回复用户:「你想要结束该轮游戏吗?」来请求确认,推进对话进程。路径5:超时的对话修复在以上对话中,用户长时间没有回应,机器人会根据时间长短主动作出不同的询问,并最终主动结束这轮对话。路径6:用户连续三次猜了相同的数字以上对话用户故意连续猜了三次数字50,但是机器人通过判断来给予合适的回复。既然这是一个游戏,我们可以用有趣的方式处理边缘场景,包括引导用户离开当前游戏场景。这些边缘场景值得去认真思考,因为我们的目标用户就是那些容易去「探索系统边界」的人。所以,我们可以更加关注如何去满足他们的这个需求。你也许会发现以上对话的场景与路径3非常相似。当开发实现这些对话时,需要注意这些相似的场景,看是否可以最优化你的代码设计来满足这些场景,同时又能够保留这种多样性。路径7:用户主动放弃游戏该对话中,用户主动提出结束游戏,机器人能识别出用户离开的意图,并告诉用户正确的答案。4. 进行测试大声的说出来你的对话,用谷歌模拟器工具测试,确保听起来自然。在进行用户测试时,你只需要找到一些开发团队以外的人,让他们在没有任何提示的情况下试用一下。经过几次测试,应该就能发现一些问题,例如哪个对话路径完成起来有困难,或是用户在语音交互时产生的感受。5. 实现迭代对测试结果进行整理,并用来指导优化之前的设计。两三轮测试优化后就可以进行开发实现了。可以使用 Dialogflow开发,或者使用自己的开发工具。二、谷歌对话式交互设计流程VS 体验设计流程从以上流程当中我们可以看出整体的对话式交互流程与通常的体验设计流程(用户画像、情景分析、设计、测试、开发实现)差异不大。个人觉得不同之处在于:对话式交互设计不仅需要考虑用户画像,还要考虑到虚拟角色的画像。撰写对话,在通常的界面设计中并不会涉及到自然语言对话的设计。总结我们在进行对话式交互设计的时候可以参考谷歌推荐的设计流程。但是,流程并不是绝对的,不同的团队可能会有自己实践出的流程规范,或者项目的不同阶段也会有不同的考量,时间周期、技术能力等。灵活运用各种设计方法可以帮助我们更合理高效的完成项目的设计任务。

不寻常

从这14个案例中了解2019年交互设计趋势!

过去的2018年里,iPhone 的产品线变得混乱,自动驾驶汽车变得无聊,美军从微软采购的 Hololens 也没有发生真正飞跃性的改变,而 Oculus Go 也只是将连着电脑的数据线彻底给切断了。我们距离想象中的未来还有很远,但是撇开这些众所周知的新产品,2018年依然是技术融合最重要的一年。新的交互和新的体验在刚刚过去的一年里,正在悄悄嬗变。有很多优秀但是低调的设计项目,它们以全新的方式构建用户界面,探索着新的交互方式,也许在不久的未来,会逐渐进入大众的视野,开始带来革命性的改变。接下来,我们一起来看看这些拥有着巨大潜力的设计项目。1. DeepfakesDeepfakes 从某种意义上来说,是2018年最值得关注也最重要的技术之一。最初它只是社区中的一个小型项目,任何人可以借助这一技术来训练AI,将视频中的人物的脸给替换掉。最初,它出名也是因为粉丝将某些AV中的角色脸换成明星,引起巨大的争议。不过很快,Deepfakes 开始逐渐影响到流行文化和影视行业,无论是星球大战电影的后期制作,还是在恶搞视频中制造一个假的奥巴马总统,它都非常称职地完成了工作。2. Microsoft Canetroller当我们在讨论世界上最有影响力的公司的时候,我们很容易忘记还有微软这一巨头。作为世界上最重要的科技公司,微软的研究机构仍然会定期输出一些非常惊艳的产品。微软的 CaneTroller 本质上是一个给盲人在虚拟现实环境中使用的手杖,它包含一系列的传感器,通过音频、震动等反馈告知盲人所处的虚拟现实环境的特点,它能够模拟不同的路况和环境。这一产品本身,就是在提醒设计师,在新技术所催生的数字化革命当中,任何人都不应该掉队。这本身当然也是工程学上的奇迹。3. Portable Lumipen现实增强确实是非常强大的平台,但是它本身也存在着巨大的障碍和体验上的缺陷。毕竟,还是有很多人并不适应带着巨大的 AR眼镜来同现实和虚拟层进行交互。不过,索尼和东京大学一同开发出 Portable Lumipen 这一全新的产品,它旨在以更加便捷的方式来解决现实增强体验的基本体验:将 AR 虚拟层直接投射到现实生活中。Lumipen 会实时地追踪世界本身的变化以及用户的眼睛和身体运动的轨迹,从而能够更加准确地向用户投射反馈信息。比如它可以以1000帧的速率,给墙上爬过的蟑螂头上加一个虚拟的标签。这一产品在提醒用户,AR 仍然没有找到完美的呈现方式,但是大量的产品已经在尽力逼近变革的界限了。4. Force Jacket这个名字听起来很有星球大战风格的装备,是麻省理工大学、卡耐基梅隆大学和迪士尼研究中心共同完成的一个体感设计项目,它使用一系列的气囊内置在外套当中,通过控制气囊来给设计以真实的触感。它甚至可以模拟让虫子在皮肤上爬过的感觉。这套装备会让你看起来非常壮实臃肿,距离《头号玩家》里模拟真实触感的贴身外套还有很远的距离,但是它依然可以让你管窥到未来的数字世界。5. 牙齿传感器现代人深受肥胖症的影响,这个问题复杂而深刻,并非朝夕之功可以解决。不过塔夫斯大学工程学院的研究人员还是想从他们力所能及的角度入手,试图解决这个问题。他们创造出一种2 x 2毫米的小型传感器,它能够粘在牙齿上,用来品尝和识别食物,并且将相关的信息直接传送到手机的客户端当中。这能够更精准地帮助人类了解吃下去的食物的能量和类型。这意味着传感器和终端不再完全在体外,而是可以以某种形式在人类体内,帮助人类调整和改善生活和健康。这种技术将会帮助我们开辟出新的个人数据传输通道。6. GridDronesGridDrones 是一群可以在你面前悬浮飞行的小型飞行机器人。你可以轻松地抓取其中的一个,挪动,调整,让它们按照特定的规则运动,所有的一切都是可以编程的。在它的基础上,结合足够多的 GridDrones 机器人,甚至可以构建成为一个悬浮的无人机显示器,每个机器人都是一个像素。目前,GridDrones 还处于比较早期的阶段,可用性不错,已经比较灵活了,但是接下来它还能做到什么事情,就要看如今设计师的想象力了。7. 带有纵深错觉的iPhone界面3D手机是个非常不错的噱头,多媒体艺术家 Peder Norrby 构建了一个应用程序,程序会让 iPhone X 识别眼动,带来极为逼真的带有纵深的错觉效果,让2D的屏幕上呈现出极为真实的3D景象。而这也是打破现实的界面魔力,在今后会越来越多地看到这样的设计。8. Nvidia AI自建的虚拟城市Nvidia 和加里福利亚大学一起借助深度学习来训练人工智能,让人工智能可以自己绘制城市的街道、建筑物和各种交通工具。这看起来好像没有什么特别,但是实际上,如今这个人工智能已经可以创造出越来越逼真的虚拟城市,一个无限拓展的城市。随着时间的推移,这个人工智能能够绘制出来的细节越来越多。当它成为一个「成熟的人工智能」的时候,就能够「自己构建让人沉浸进去的拟真的城市」了。9. Waymo One想象一下如果优步这样的服务没有司机,能够自动运行,它会是怎样?在今年晚些时候,一个名为Waymo One 的无人驾驶汽车服务将会在美国凤凰城地区向公众开放。这一服务是由Google 的母公司 Alphabet 所提供,从无人驾驶系统的开发,到用户界面,整个体系都在尽力为用户提供可靠、安全的体验。10. Spatial 全息投影会议全息投影技术早就出现在科幻电影当中,我们对于这一技术一直都非常迷恋。在很多企业当中,多人远程沟通通常会依赖电话会议,但是这种方式的体验并不理想。麻省理工学院媒体实验室和三星的 Jinha Lee 一同携手,在800万美元的开发成本支撑下,以 Spatial 公司的名义秘密开发出一套令人印象深刻的共享式全息投影会议系统,这让全息投影技术距离投产和广泛应用更近了一步。11. Friend UI 和深色模式越来越多的手机开始使用 OLED材质的屏幕,这种材质的屏幕黑色像素本身是不发光的,这也使得使用深色或者黑色的界面的时候会更加省电。而 Friend UI 就是基于这样的需求而诞生的,它的背景几乎全都是黑色的。在2018年,开始大规模使用深色或者黑色主题设计的UI界面并不少,最具有影响力的应该是千呼万唤始出来的 macOS Mojave 中的深色模式。而Google 最新的 Chrome 浏览器也匹配了 Mojave 的深色模式主题。深色主题的流行是一个非常重要的视觉设计趋势。12. Metalimbs Fusion虽然《攻壳机动队》中的义体可能还比较遥远,但是这种概念本身还是非常有意思的。去年,东京大学和庆应大学的合作项目 Metalimbs Fusion 就是在类似的理念下诞生的:将一双机械手臂和摄像机构成一个机械背包,可以背在人类的背后,而远在地球另一端的用户可以借助摄像机感知到另一个人的视角,可以操控这双机械手臂来与人和物进行互动。借助这样的义体,人类可以在世界的另外一个地方,以第一人称视角与人互动,以另外一种方式存在着。可以说这种方式非常独特了。13. 使用AI驱动一切的Google在过去的2018年,Google 开始极为灵活地利用人工智能来处理各式各样的问题,比如比航空公司更早预测航班晚点,并且告诉你为什么会延迟。通过将人工智能集成到已有的应用当中,Google 开始从诸多细小的环节来优化用户使用数字产品的体验。最典型的产品是 Google Pixel 3,在AI加持之下,有更加灵活智能的呼叫屏蔽功能,相机更是能够根据实际的场景自动调整拍摄参数,优化输出效果,最大程度降低人为的影响。14. Airbnb Backyard housing来自 Airbnb 的 Backyard housing 项目截至目前仍然没有完全对外公布。这个始于2016年的项目在2018年几乎已经完成,并且将于2019年正式上线。这个代号为「后院」的项目将会利用先进的制造技术、智能家居能力,为Airbnb 用户提供一个更加广泛、模块化的房屋居住方案,它并不是特定的一套房子,而是共享的、分散可组合的、更加环境友好的模块化的房屋系统。它具有更好的连接性,更优秀的重构性,更加智能,更加随心所欲。结语界面和交互并不止于屏幕上的图形界面和UI交互本身,从语音交互界面、VR、AR开始,设计师日常所需要面临的「用户界面」和「交互」就已经复杂了许多。这些实验性的界面和相应的交互,距离我们已经越来越近,我们应当多加了解,做好准备。