响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

网页交互设计分析()8篇

2024年网页交互设计分析 篇1

  一个初期的产品团队是不需要交互的,因为

  1,交互的KPI需要在很长一段时间才能体现。而产品创业团队只要上线,有了用户活跃度之后,才需要交互设计师。为什么?交互这个词是莫格里奇在上世纪提出来的,定义是人机交互,没有人何来交互?所以这也是交互为什么在WEB 2.0发展那么快的原因。

  2.有了用户的活跃度之后,用户就会使用软件不爽了,因为各种不舒服,这时候交互就出现了。而产品经理这时候这时候需要的是进行产品需求的迭代,做竞品分析,分析需求,分析数据。而产品优化或者规划页面原型,也就需要交互设计师了,也就是我们说的用户体验。

  用户体验这是个精神层面上的事儿,马斯洛需求而言,这是上层的需求。这也就解释了为什么交互需要心理学。精神层面的东西,只有满足了基层的建筑之后才能体会到它的好。你现在觉得交互不需要是因为你们的产品没有足够的用户群,或者你们不理解交互真正的意义,毕竟交互的KPI在短时间真心看不到。

  交互有两个核心的东西,:1,行为路径的设计2,用户反馈。

  1.行为路径的设计,指的是流程的简易。流程的舒适性。 打个比方,两个电商,一个是各种抖动的弹窗,让你购买,一个是根据你口味推荐。结果都是让你进入商品浏览页面。但是你觉得那种体验好?

  如何进行情感化引导,这需要感性设计。如何预知用户各种情况的发生,并给用户在面对软件无知的时候,缓解他的惶恐,这需要逻辑思维以及良好的推理能力。这就是我们说的交互。

  交互。交流和互动。有时候我会觉得交互是在对应现实生活中的服务业。

  2,用户反馈。

  互动性。每一个人的心理都需要反馈。这也是为什么苹果下拉加载会往上滑动的原因。

2024年网页交互设计分析 篇2

首先要明确汇报对象,根据不同的人制定不同的汇报思路和组织不同的语言。

一、向领导汇报。一般思路是先说结论,然后分析得到结论的过程。交互设计的话,我的工作习惯是第一次给出3个方案和一个主推方案的主要流程,然后询问领导对三个方案的意见,看是否有第四个方案,也就是老板想的集合三个方案的优点的方案。每个方案都要说明方案本身的优缺点,然后说明主推方案的优势,比如从开发成本、项目进度、可扩展性、统一性角度去说明。

二、向视觉同事汇报,也就是确定方案后的说明。这时需要告知同事项目背景和目的。同步共有几个需求点,简要讲解需求的流程,然后逐个页面的说明。此时要说明的是设计要点,风格统一性,页面模块优先级等,让设计同学知道自己应该重点关注哪些,哪些可以创意思考,哪些可以简单处理,哪些可以套用之前的格式。

三、向开发、测试汇报,这就是所谓的交互需求评审会。开发在乎的是逻辑,测试重点听的是流程细节,所以可以从大逻辑出发,先口述大体流程,然后逐个页面进行说明。当然首先还是要说明一下需求的背景目的,然后主要讲解一个页面中有哪些功能,哪些操作,每个操作后的展现形式。然后一个功能从开始到结束的流程进行说明,同时要说明哪些是新功能,哪些是旧功能的优化升级。哪些不需要更改,哪些需要优化等细节问题。

因为每个职位的人听取方案的重点不同,所以先搞清楚你汇报的对象,然后了解他想知道什么,他更在意什么,就把他关心的重点放在前边说明。

2024年网页交互设计分析 篇3

第一:常用产品提升用户操作效率的体现

自从360杀毒出现了一键查杀的功能后基本上所有的杀毒软件软件都采用了这个方式,用户不管杀毒的具体的工作原理,也不关心杀毒软件是怎么工作,我要的就是简单粗暴,一键操作即可。这种一键操作其实是对用户的一种“欺骗”,但是用户喜欢这种欺骗,用户只负责开始,剩下的就直接交给系统自动处理了。

第二:常用的提升效率的手段

其实,常用的提升的效率的手段可以主要分为下面几个分类:

字段合并/调整或者合并流程/删除流程三大类。

这三大类其实对应了交互设计工作的几个阶段:梳理流程,优化流程和创造流程

字段合并这种操作必然是提升了一部分效率,往往体现在填写表单上,在设计表达的时候我们是否可以考虑进行字段的合并?我见过这样的设计表单,婚姻状态:已婚/未婚 生育状态:已育/未育。其实思考过后这两个字段完全可以进行合并成已婚未育/已婚未育/未婚未育这三个状态。

我个人可以通过产品的流程方面来给交互设计进行评定。能够熟练的梳理产品流程这是一个初级交互设计师所应该具备的能力;梳理产品流程后进行流程的优化这个可以对应中级交互设计师;最后创造产品流程,这个能力就对应了高级交互设计师了。

在梳理使用流程方面,交互设计需要明确用户的行为路径,收集用户的使用流程,然后将用户的使用流程通过一定的工具具象化,最后分析用户行为的连续性,找出哪些流程是不合理的,降低用户效率的。

第三:人工智能时代交互设计师的机会是什么?

其实目前人工智能还是体现在行业应用上,也就是人工智能+行业,人工智能的应用解决了创作流程的痛点。也就是应用更好更便捷的技术去创造流程,例如指纹识别和人脸识别在手机解锁应用;人脸活体检测代替了上传照片的流程操作;语音转写成文字代替了手动的键盘操作;语音交互解放了双手提供了更灵活的交互方式。

所以,我个人认为在未来的十年,交互设计师的交互设计应该不仅仅限于互联网的产品的交互,了解行业产品和人工智能的具体的技术手段从而创造出更多的交互方式也是未来十年一个交互设计的发展方向。

2024年网页交互设计分析 篇4

首先要明确一点,“申请的作品集应该是好的作品集的子集”,就是你可以说按照自己想的来做出的作品集是非常好非常有想法的,但它不一定是招生老师想要看的作品集。

那么招生老师想看的是什么呢?他们想要看的是你的研究能力、设计能力以及协作能力。如果你没有这三样能力,那么你怎么在以后的学习中和其它学生协作完成一个产品设计、而且写出一个完美的报告,让老师在学校的学术竞争中有很大的竞争力,有拔得头筹的感觉。

作品集要点的第二点,是说你不能有那种“我就是我,是不一样的烟火”的感觉,永远都有跟你差不多的学生,有差不多的背景和资历。如果你想在这种情况中被录取,就要做同类中的number one。

第三点,但你参考作品集的时候,不是参考它的形式而是思路。你不要看某个人在这里用了某种研究方法,然后他被录取了,就觉得这种方法好自己也去用然后就会被录取,这是不对的。

具体到交互设计

1.Gallery的形式要做到三点

Gallery的形式要做到三点,就是“统一”、“直接”、“清晰”,数量3个以上,最重要的放在左一。为什么数量要在3个以上呢?因为放两个的话会很尴尬,因为会空一个,或者左右边各一个也很尴尬,所以我觉得3个及3个以上是可以的。但是也不要放得太多,除非你的作品都特别优秀,否则会让老师觉得有选择强迫症,所以选几个放上去就可以,不过最重要的一定要放在左一,因为左一是老师一定会点开的位置。

这两页是两个例子。第一个是我觉得非常好的例子,因为它用颜色这个背景很好得突出了主题,一看就知道做的是“爱”的主题,而且都用了手机的实体模型,看起来比较统一。实际的网站上的gallery是GIF的形式,是动态的,我记得鼠标悬停在每个块上就会出现文字标题,就是说hovering 时会出现一些文字标题和介绍。

下面的例子是可以提高的例子,在这个例子中文字和内容就没有拉开层次,看图也不知道他做的是什么东西让人不明所以,并且最左边本应该是最重要的内容,可是他做的也不怎么重要,让你觉得很空。

2.SKILL是什么

下面说一下skill,我刚才忘记提到的,在首页结构中有三个选项分别是“work”、“skill”、“about”。WORK就不用说了,点到那个就是,其实有时候没有也可以,只要点击logo也可以回到主页。

我想讲的是SKILL。SKILL是什么呢?大家可以看下面的例子,这是一个设计专业的学生,好像是CMU的,他在这里面详细地讲了做设计的基本方法论。其实没有什么创新的,就是基本的发现问题、解决问题、评估问题解决的效果,下面的每张图就是一个个的他自己平时解决问题喜欢用的方法,比如storyboard,这样就很好地告诉老师自己有哪些能力。

3.内页结构

下面是内页结构。点开一个work,基本上都是一个线性的过程,说白了就是一个分析问题解决问题的过程,其实这是一个有些废话的东西,因为世界上所有的事都是在分析问题解决问题。然而怎么去看分析得好还是坏、解决得好还是坏?关键是用合适的方法去分析问题然后得出了非常有说服力的解决方案,并且执行、评估了之后证明确实有效,这才是一个好的过程好的case。

我们可以看一下这个结构,刚才说的problem、solution就是这个内容,就是你要有一个分析问题和解决问题的有说服力的过程,你可以把这当作是两个抽象的概念。内部结构的主体是分为overview――总览,research――研究,还有design,这是一个基本的过程。你在做的过程中,可以考虑一下偏重,比如research多一些design少一些,或者相反。

4.Overview是一个总览

Overview是一个总览,它能让招生老师看到之后马上就能知道这个项目在研究什么、解决什么,所以你需要用一句话去总结你的产品。那么这句话是什么呢?这句话应该是:谁在什么情况下怎样使用了这个产品做了什么,其中“谁”就是用户。这个可能有点难,但是无论你是在做市场、广告还是产品,都必须有这个能力,需要用一句话去讲清楚你的产品。

其次是团队,要写上在团队里你的贡献是什么,这个必须要写。为什么呢?还记得之前在作品集的要点中就有讲过,老师会看你的团队协作能力。因为在你被录取后,就像是CMU、密歇根安娜堡还有乔治亚理工大学我所知道的做作品基本上都是小组合作,是studio的模式。就是几个人在一起做一个项目,每个人可能有不同的能力,这时候团队能力就非常重要,包括以后在工作中这种能力也很重要。所以你就要写清楚你的Team是怎样的,你做的贡献是什么。

5.Research的组成

下面就是作品中比重最大、最重要的一部分――Research。Research部分又可以简单地分为三个小部分:一个是problem――问题;一个是中间的research部分,一般每个中间的research部分的方法后面都有一个insight;最后可以有一个Journey map或者Touch point。

首先说一下problem,它也不一定必须叫“problem”,也可以换成“go”或者“question”。看一下给出这个例子,它是在第一句就说自己的研究问题就是“想要更了解用户”,但这并不是他调研方法的主要研究问题,因为这个问题太抽象、太空太大了,所以他就把这个问题细化成了一个个可以用W-H来表达的小问题,W-H就是用“WHAT”、“WHO”以及“HOW”等可以表达的问题。这样才能让研究更有针对性,你的研究才能真正地去回答问题。

6.Insight部分的讲解

Insight指的是研究的收获,是非常重要的部分。上面这个例子我觉得也不是特别好,但是它当时做的研究方法是问卷调研,所以罗列了一些数据,大概研究的是“学生缺洗衣机”的问题 ,然后他就罗列了一些研究结果去说明多少学生觉得这是个大问题,多少学生觉得没有洗衣机是很难受的。比如研究“学生为什么没有洗衣机”、“为什么大家都洗不上衣服”,用问卷调研的方式了解学生洗衣服的频率,最后得到的insight就可能是比如“时间太统一造成学生总在同一时间洗衣服”或者“学校洗衣机不够”才造成学生洗衣机满员的状态。如果你能得出一个原因结果型的insight,会显得研究更牛。

7.Journey map

现在给大家的这个顺序,比如Journey map放在最后,以及之后在Design里面的Persona放在前面,这都只是人机交互中采用的一个方法,你在采用方法的时候它的顺序并不是永远固定的,这只是一个大概的结构,你在具体面对自己的研究的时候还是要具体分析,要在合适的时候用合适的方法。在看别人的作品集的时候,一定要取其长处去其糟粕,要学习别人的思路而不是照搬某些方法。

希望能帮到题主。有需要的可以看看公众号【作品集分享Portfolio】,里面有很多艺术留学的干货。

2024年网页交互设计分析 篇5

谢谢邀请壹壹艺术留学培训机构。

交互设计的含义可以说是人机交互、人人交互、人与环境的交互等等。

交互设计专业涵盖的内容大致分为三个类别:人机交互,多媒体设计和偏UI、网页界面等视觉化表达的平面设计内容。

【交互设计专业就业前景】

交互设计师是在互联网的环境下应时而生,用户界面设计属于高新技术设计产业,国内外大量缺少符合此专业的人才,像国内外众多大型IT企业(例如:百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)更是对其供不应求,再者互联网工资普遍比较高,相信交互设计师在未来的就业前景还是非常好的。

【交互设计专业就业方向】

交互设计师通常又被称为用户界面设计师、可用性设计师、用户体验设计师等。 目前交互设计师是互联网公司里非常核心的岗位,决定着互联网产品的呈现方式、体验效果。

2024年网页交互设计分析 篇6

好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。 可以让网页变的更美,让图片变的更真实,而今,ui设计师成了一个公司不可或缺的职位,那么想要胜任ui设计师岗位要具备哪些技能呢?

UI设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。

如今,国内的UI设计日益发展,有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说,在这一领域,我们与西方发达国家间的差距仍是显而易见的。

软件领域不像物质产品那样,存在工艺、材料上的限制,其核心问题恰在于人。因此,提高软件UI设计师的个人能力,真正提升软件产品的人性化程度,已成为中国UI发展的重中之重。

UI设计师的工作内容主要包括:

1. 负责软件界面的美术设计、创意工作和制作工作;

2. 根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计;3.对页面进行优化,使用户操作更趋于人性化;

4.维护现有的应用软件产品;

5.收集和分析用户对于GUI的需求。

Ui设计师精通的技能:

在工作能力和实践经验上,一是要求从业人员精通Photoshop、Illustrator、Flash等图形软件,Html、Dreamweaver等网页制作工具,能够独立完成静态网页设计工作;熟练操作常用办公软件,且具备其他软件应用能力;熟悉Html,CSS,Javascript,Ajax。

二是要求对通用类软件或互联网应用产品的人机交互有自己的理解和认识。三是具备良好的审美能力、深厚的美术功底,有较强的平面设计和网页设计能力。四是具有敏锐的用户体验观察力,富有创新精神。

想要成为一个合格的ui设计师并不是简单的修修图片就可以的,还是更深入的学习才能学到精华所在, 专业的 ,每年培养数万优秀的学员,想要快速掌握ui设计技术的同学不妨去千锋看看。

2024年网页交互设计分析 篇7

交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。

就读学生感想

NO.1 Carneg ie Mellon University

我的感觉CMU的交互非常看重documentation也就是你的设计文档,着重解释你的设计思路以及你设计的产品是如何优化用户体验的。

建议在做自己项目之外没事可以多写写博客分析一下先流行的app在交互上的成功与不足,一方面锻炼自己的思辨,也可以作为portfolio很好的一部分。同时可以去看一下设计学院学生的作品集,分析下他们风格或许有很大帮助。

NO.2 California College of the Arts

有Frog、Method Design、Adaptive Path的资深师资和IDEO的系主任、加上旧金山湾区的设计资源,恐怕大部分研究所都没有这么得天独厚的资源让设计师打下扎实基础、形成人脉网络与各种专业的冲击。

相较于从人机工程、软件开发、工业设计、视觉设计、媒体艺术、批判、创新设计衍生出来的交互设计学校,这应该是第一个“比较原生”的互动设计系所,或是说第一个针对互动设计打全面性基础的地方。

NO.3 Parsons School of Design

总体来说,帕森斯设计学院的作品集要求并不是你的“美术基础”,而是多样性以及创新性,是否CREATIVE!!! 是最重要的,所以不是你在外面找个美术老师,教你如何画画,上色就能考上,除非你想报考罗德岛的艺术专业,否则帕森斯的话,玩儿的是创意,美术基础从零到能考上,在正确的指点下,几个月还是需要的。

1.你现在可以没有基础,找帕森斯毕业生开设的辅导班来教授你,网络辅导是足够的;

2.一般零基础需要几个月的辅导时间来提高;

3.作品集是综合要求,所以很多样得会做。

这个学校只适合对设计或者艺术真正感兴趣的人因为真的很苦,熬夜,通宵是常有的事情。如果没有激情和动力是撑不下来的。校方曾在教育展上给出申请的建议是:要强烈的诉说自己为何选择Parsons念的理由,不管是什么样的原因,都要好好的表现出来。”

NO.4 Pratt Institute

“它是纽约历史最悠久的世界级院校,也是艺术家的造梦天堂。”

有些学生进了普瑞特但托福没有100分,原因如下:

第一呢,是因为你非常幸运,这学期没有足够的学生申请普瑞特,所以他们需要学生,所以他们接受了你,不然咧! 要是这学期有足够的学生申请普瑞特,他们就会先踢掉托福不够的…

第二个理由就是你的作品集真的太赞了,让他们觉得非收你不可,不管你的英文是好是坏(因为反正你都得先考入学的ESL考试,然后上普瑞特的ESL英文补救课程)。

教授不会真正教你东西的,他们使用非常美式的教学,让你拥有自己的思想与点子,但是当你的观念不是很好的时候,他们会告诉你,还有,他们总是告诉你要自己去念书,所以我大部分都是从书上学,而不是跟教授学的,不过我真的有些在设计上的好点子是从教授那边学到的。

国际学生依法是不能在学时打工的哦!不过如果你拿的是H1签证,或是学生实习课程时,你才有办法在大苹果市工作,对于主修CGIM-3d动画的学生来说,毕业后在大苹果市找工作真的不容易!去洛杉矶找工作还比较轻松,不过如果你专业是网页设计,我告诉你,根本不用找工作啦!工作会自动来找你!

NO.5 Savannah College of Arts and Design

1、Do you have anything to tell me? About yourself, like, education experience...

面试官刚上来就问我有没有可以跟她讲的,关于自己的事情。可以介绍一下自己的基本情况,就读的学校以及任何你觉得有趣有特点的事情。

2、你为什么选择SCAD?请给我两点理由。

这个问题要围绕着你对SCAD的research,结合自身情况来说。比如SCAD的某知名校友是你的偶像人物,或者SCAD某个专业在该领域有影响力啥的。

3、能不能说说关于XXXX(我提交的一个作品)的事情?是什么给了你启发让你想出这样的设计?

请各位同学牢记自己给自己作品起的英文名字,要迅速地反映出来面试官问的是哪一个Project,因为她的电脑是背对着你的,不会让你看到。至于启发,稍微说点有影响力有深度的设计师或者设计品就好。

4、你认为你所提交的作品中哪一个是最好的?

一定要说第一眼看上去就最好的作品,最好讲讲设计过程和反响,可以扯一些自身挑战或者社会问题。

5、你说过你有半年的国外交流经历,请问在这半年中你最大的挑战是什么?你是如何应对的?

最好说语言。应对的方式是,我的室友都是外国人,我跟她们as much as possible地进行对话,并参加了一些clubs,来提高我的语言。如果没有过国外交流经历的同学,我猜测她大概会问去外地读书的挑战,可以讲homesick或人际关系以及学习方式的不习惯等等,解决办法就自己编一些,反正最后是解决了。

6、你觉得你身上突出的优点是什么?请讲两个。

最好说学习能力强有洞察力。

7、最后给你一分钟,请你跟我讲讲与专业无关的,让SCAD给你录取的理由。

泛泛地说SCAD的优势和我想来读书的愿望,但面试官显然不太满意,她又强调了一遍任何来SCAD的人都是这样想,请讲讲apart from your major的理由。我就说我来自一个普通家庭,父母并不富裕,我从高中、本科到研究生一直都拿到很好的rank,为了给他们一个better life。我希望SCAD也能给我机会让我在US实现梦想,报答父母。

NO.6 New York University

喜欢NYU的图书馆,十楼的研究生刷卡才能进自习室,可以说话可以吃东西,有沙发有板凳,有阵子我们闺蜜聚会都改到那里去了。六楼的刷卡自习室桌子大、隐私好,一人一个台灯。各个走廊都有沙发凳,坐着看中廊爽爽的。

你慢慢会发现ITP内部有不少小流派,有人想要做digital artist,有人想要成为creative technologist, 有人想要做一个有商业前景的产品做自己的business,有人想要做DJ, 有人想要做儿童教育……不管哪一种人,ITP都会提供海量的机会。

你的责任就是在第一年里面,不停的尝试,然后在第二年的时候,定下自己的方向。想要做artist的人就会开始更多的接触artist, 会去拿作品pitch gallery exhibition; 想当creative technologist的人,就会去接触大公司的media lab directors, 会学各种各样的技术,学习如何应用ITP的东西到商业世界;想要开Business的人,就会拿着一个idea参加各种start-up competition, pitch fund......不管如何,首先给自己OPEN的mind,敢于去尝试,然后专一的走向自己最为之激动的那条路。

如果你对你从未接触过的领域产生了兴趣,那也不要怕,大胆的上,技术不会是问题,老师同学会帮你一起攻克,你只有在你有兴趣的领域里,才能被激发出最有灵气的创造力。

公众号

作品集分享Portfolio

2024年网页交互设计分析 篇8

交互设计师的知识体系

交互设计是一门交叉学科,广义的交互设计涉及人机工程学、心理学、社会学、设计学等等知识,从狭义的角度看,交互设计主要指人机界面交互。涉及到用户研究能力、需求分析能力、信息架构设计能力、流程逻辑设计能力、原型设计能力、编写交互设计文档、了解设计原则以及一些其他能力。

▲交互设计师知识体系

01用户研究能力

在一个完整的UED团队中,其实是有专门的用户研究人员。用户研究人员负责做用户研究,并把研究结果制作成用户研究报告。在这里把用户研究放到交互设计师的知识体系中,是因为用户研究在整个设计的过程中有着至关重要的地位。

交互设计师虽然不是专职的用户研究人员,但是也需要掌握一定的用户研究知识,学会建立用户模型,分析用户研究数据,挖掘用户行为数据。这样有利于交互设计师在设计阶段对产品核心需求及价值的把握,常用的用户研究方法有问卷调查、深入访谈等。

02需求分析能力

当面对用户研究得到的数据时,交互设计师应该具有一定的需求分析能力。需求分析的目的是明确产品目标用户、使用场景、产品定位、产品功能优先级、并让开发、测试等相关人员能明确了解需求,便于日后印证设计。交互设计师需要在了解用户的主导需求之后能够挖掘出用户的潜在诉求,并对竞品和已有的产品版本进行分析。

03信息架构设计能力

信息架构是产品的骨架,是对产品功能进行的层级式的梳理。良好的信息架构可以对产品的功能进行明确的分类,并明确各个层级之间的功能关系,符合目标用户的心理模型。常用的信息架构模式包括层级结构、线型结构、自然结构、矩阵结构。交互设计师需要了解各个结构模式的特点并根据自己产品的特点选择合适的信息架构形式。

信息架构常用的梳理方法是卡片分类法。通常的操作过程是设计师准备一定量的功能卡片,让用户将这些类型进行分类,形成功能集群,并对每个功能集群进行功能性概括。

▲“最美应用”信息构架

04流程逻辑设计能力

流程逻辑设计是基于上步中的信息架构,也就是依据产品功能进行的。流程逻辑设计要表现用户使用产品过程中的关键点,明确产品的操作链,是对信息架构的逻辑梳理。

在流程设计过程中,可以使用Visio、Mindmanger等专业的流程图绘制软件进行绘制,在绘制流程图时要注意考虑流程节点的正常情况和异常情况。

05原型设计能力

产品的流程逻辑设计结束之后,就进入原型设计的环节。原型主要表现业务流程、产品的框架和布局以及交互规则,原型分为低保真原型和高保真原型。

低保真原型的设计主要是在设计的开始阶段,采用线框图的形式制作一个可演示的Demo,便于设计师与产品经理讨论修改。高保真原型是指更接近真实产品效果的Demo。在实际工作中,大部分项目都不需要高保真,只需要低保真原型的设计。

▲原型图示例

06编写交互设计文档

交互设计文档本质上是一种交互设计说明,是用来梳理交互事件、页面之间的逻辑关系、页面跳转等交互动作的文字和图片相结合的说明稿。交互设计说明书的阅读对象是产品经理、UI设计师、研发人员、测试人员。交互设计文档包括软件页面、页面状态、页面流程、交互动作说明文字。好的交互设计文档可以让团队中其他的人员能迅速了解产品的整体架构和逻辑关系,以便对产品进行评审和改进,避免产品设计的偏差。

▲交互设计文档示例

07了解设计原则

掌握一些交互设计原则是交互设计师必备的技能。交互设计不是无章可循,而是有一些设计的原则需要交互设计师遵守,如一致性原则、Jakob Nislsen的10条可用性原则、易用原则、中间用户原则、基于用户心理模型、2——8原则等等。基于交互设计原则的交互设计可以保证交互设计的流畅性。

08其他能力

除了上述讲到的能力之外,交互设计师需要了解不同设计平台的规范、有一定的文案设计能力,同时最好可以了解一些代码内容,建议学习一些HTML、CSS、JS、PHP、Android、C#、JSP、Java等知识,这样便于交互设计师与开发人员沟通,可以使项目的进展更加顺利。

交互设计师的工作流程

交互设计师这个角色通常会贯穿到整个项目的始终。交互设计师的工作流程可以分为以下几个步骤:

▲交互设计师工作流程

01参与需求评估

一个完整的设计团队一般有专业的需求分析师,需求分析一般由需求分析师根据用研结果提交需求说明书,而如果没有这样的角色,需求分析主要由产品经理或者交互设计师完成。参与需求评估的人员一般为老板、项目经理、产品经理、研发人员、交互设计师,每个人对需求进行评估,提出自己的意见,通过多次迭代最终形成最终的需求方案。

02功能设计

在需求确定之后,需要进行产品主要功能设计。这部分工作的主要负责人是项目的产品经理,产品经理需要根据需求、并综合商业等其他因素对产品功能进行设计。在大型项目中项目经理不负责执行时,就需要交互设计师进行产品功能设计。

03产品功能评估

在功能设计之后,需要对产品功能进行评估,主要是衡量产品功能设计是否按照需求来做,哪些需求已经提出、哪些需求的功能没有得到满足,明确产品方案是否通过。如果不能通过需要怎样修改。

04信息架构与流程图设计

此时交互设计师正式进入交互设计阶段。交互设计师需要根据产品功能进行信息架构的设计,细化功能细节,之后进行交互流程的设计。

▲“在线等”app流程图

05原型设计

在明确了产品的信息架构和流程图之后,交互设计师进入了原型设计阶段,在原型设计的过程中要明确产品的页面逻辑和跳转关系,明确交互动效,但不用纠结于细节交互的实现。在设计的过程中尽量不要使用色彩,以免给UI设计师的设计带来困扰。

▲原型图示例

06撰写交互设计文档

在原型设计完之后,交互设计师需要撰写交互设计文档。交互设计文档主要是用来梳理交互事件、页面流程逻辑和跳转等交互动作,主要以文字加图片的形式展示。交互设计文档是提供给UI设计师、研发团队及测试团队,便于整个团队对产品有深入的了解。

07交互设计方案评审

交互设计方案的评审与产品功能评审相似,明确交互部分哪些是按照需求做的,哪些地方还有不足,有不足的地方需要加以改进。

08与UI设计师、开发测试人员的协调沟通

交互设计师需要和UI设计师协调沟通,明确交互原型,并对UI设计师的视觉输出方案从交互的角度进行评估,有不一致或者遗漏的地方需要让UI设计师进行修改。在开发阶段,若开发对交互有疑问,交互设计师需要和开发人员进行沟通,并确定最终方案。在测试阶段,测试人员会考虑到一些更全面的使用场景,这时就需要交互设计师补充相应的交互设计说明。

案例:小红书设计

爱美的女生对小红书这款APP肯定不会陌生,它是一款国内移动跨境电商APP。在APP的设计过程中,首先就是要了解用户的需求,对目标用户的需求进行进行深入挖掘并进行需求评估。

小红书的目标用户集中在女性、职业主要以大城市白领、公务员、以及留学生为主。其主要需求是寻求一种安全便捷的境外购物途径,同时能解决选择难的问题。小红书的定位为社区型跨境电商。

小红书根据用户需求进行功能设计,其主要功能点是通过搜索内容笔记、获取产品的评价、性能等,从而促进用户在小红书上消费。

根据产品功能评估的结构完善产品功能,并进行信息架构和流程图的设计。之后进行原型设计,并进行交互设计方案的评审。与UI设计师沟通,UI设计师根据交互原型进行视觉设计。最后与开发测试人员协调,实现设计效果。小红书最后效果如下图:

了解交互设计师的知识体系和工作流程,可以帮助刚刚入门的交互设计师对交互设计有一个整体性的了解,方便对交互设计进行系统深入的学习。

猜你喜欢