咔片PPT · AI自动生成演示文稿,模板丰富、排版精美 讯飞智文 · 一键生成PPT和Word,高效应对学习与办公

内容导航:


一、交互设计师如何做交互


尽管很多谈及交互的书上都已经回答过了:发现用户需要,建立明确需求提出设计方案制作设计原型用户测试和评估还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节

其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别

下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步

发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户提出的想法,他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息,为灵感的迸发做储备

比如说日程管理项目,有不少用户跟我们的邮箱反应说,他们忙碌的时候会忘记一些重要的事情,比如一些会议或者约会,所以希望网易邮箱能提供一个专业的日程管理功能,能够帮助他们有效的管理和安排每天的日程

确认了用户的这一需要,我们的产品同事就会组织立项,把用研和设计组的同事呼唤过来一起进行调研,确定我们的目标用户

用研组会通过问卷调查等方式尽可能多的去收集信息,交互设计师也会参与分析调研,组织会议帮助用研组完善信息,我们会采取一些有趣的方式,比如一堆人在一起头脑风暴,大家回忆各种相关的生活场景,然后把一些关键词记录下来

这一步我们的目的是要知道:用户想要什么?通过这些步骤我们提炼出一些最重要的功能需求,接着产品组会整理出需求文档,设计师就位

通过调研,我们得到了大量数据信息,并建立了明确的需求,下一步就是开始提设计方案

这个阶段我会做一些概念设计,类似于做实物产品时设计一个水杯,我会描述它说:我要设计一个旅行用的水杯,它能叠成一个小圆盘,喝水的时候只需要把小圆盘的圆心部分往下按,就能变成一个杯子

互联网产品也是这样,需要赋予它一个概念,例如日程管理:这是一个专业的日程管理功能,通过使用它,我们可以有效的管理自己每天的日程和时间,以提高工作效率,并且不会再错过每个重要的约会!这些文字并不一定非是交互设计师所总结,但是交互设计师必须要做到对产品心里有数,明确我们要做什么

同时需要进行的还有初稿设计,在这里我所谓的初稿,并不一定是严格要求中的交互原型,可以是用Axure把主要的页面流程做出来,也可以手绘草图,只要能清晰表达设计构思的,什么样的方式都可以

制作设计原型,也就是常说的交互稿,区别于做设计方案时的初稿,这份交互稿我会尽可能细致的把流程和具体操作形式表达出来

考虑到做交互是一个迭代过程,我会在设计稿的首页为设计的产品做一份交互更新日志,记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人

这份更新日志的意义在于:更新时间-便于全程跟踪记录项目,掌握每个时间点版本名称-便于项目参与人员查找上一版本的交互稿更新类型-了解每次更新需求的性质更新内容-清晰呈现每一次更新的内容,并提供一个直接去到更新页面的链接,这样在进行迭代时我们的伙伴不用一页页去寻找更新点参考需求文档-便于项目参与人员查找对应的需求文档交互负责人-记录每次迭代的交互负责人,并能方便工作交接交互稿的制作过程,一般是用Axure做原型,像邮箱这样视觉比较成熟且相对稳定的产品,我会偏向做高保真模型,我们会整理一个控件库,这样能提高制作效率;做一个全新项目时,黑白稿线稿都是可用的方式,如果交互设计师能对大概的视觉效果有把握,也能做得精致些

这些我想大家都很了解,所以不多说了

之所以把这部分内容提出来单独写一段,是因为之前和很多做交互的朋友讨论过该怎样做好交互说明,大家各有看法,很难找到这部分工作的衡量标准

交互说明书在整个设计过程中,也许只会占用小部分工作量,但是作用不小,它能帮助我们减少沟通成本,辅助交互稿描述设计理念,表达交互流程,更细致的展现我们的设计

与做设计稿不同,个人认为,交互说明这部分工作,需要我们更多了解它作说明的对象,即产品经理、视觉设计师、开发人员的需求,从而达到真正的“辅助”效果,而不是盲目凭自己主观去长篇大论,否则我们要为此花费时间,而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字

为此我曾与合作过的各组同事进行沟通,提炼出一些他们对交互说明的需求,不求全面,但求能说明一些问题

1

交互说明最好是图文并茂(all)便于阅读和理解

2

页面跳转的说明(产品&程序)页面跳转是涉及多个页面关系的操作,产品人员在看交互稿时,会更多去关注多个目的性的任务操作流程,而对页面跳转的记忆是有限的,所以需要页面跳转说明

3

交互说明能否考虑与产品需求文档结合(产品)开发文档会涉及产品概念、技术方案、业务执行角色等内容,和交互设计稿有着紧密关联,所以交互说明书与开发文档是可以相互做补充,整理成一份文档,这样也能避免工作内容重复

4

对交互稿中不明显的交互动作或隐藏的设置项作说明(产品&视觉&页面构架)细节和动作需要描述清楚,比如说鼠标focus、click的动作,或click后是loading还是跳转,这些平时都是开会上讨论,但是参与项目的人员不一定都能记住,所以会需要在交互说明书里做说明,并需要考虑到页面构架组需要预留适应变化的结构

5

产品风格定位(视觉)商务风?休闲风?视觉需要一个准确的产品风格定位

这部分工作不一定是由交互人员来确定,但在产品孕育阶段中,设计稿讨论以及不定时更新的数据调查,会使得产品风格定位渐渐明确,视觉的同事更多是参与设计阶段的工作,这就需要交互人员将这些信息在交互说明中记录下来,以辅助视觉完成

6

极限状态(前端)比如一个列表最长和最短显示

7

异常/出错情况说明(程序)这一点在交互稿制作和与产品沟通过程中容易被忽略

有的设计师会疑惑:为什么我做的设计说明书会没人看?我写的很详细了,但是他们还是会问我一堆设计的问题!甚至,问我为什么要做这个文档?在这些情况面前,设计师应该做些思考,我们所制作的这份说明是否真正解决问题了呢?一些基本的逻辑判断和文字内容,产品人员已在需求文档中列出且在交互稿中已清晰呈现,例如原型中完整呈现的设置内容,或一个单选复选关系,这些内容我们再花时间去大篇描述,并无太大意义

所以我的理解是,交互说明并不一定是一份文本,它不该是设计师的舞文弄墨,更不该流于形式做交互设计原型的复制品

我们可以在交互原型上注释,在图上写说明,或者是在和项目组发邮件时写为邮件内容,当然也可以是word文档,PPT

总之,我们要做到的是真正解决问题,让交互说明书成为帮助项目中各组成员之间进行有效沟通、辅助理解设计内容从而达到提高项目效率的工具,并在需要的时候被制作

产品基本功能实现后,我们会做用户测试,设计是很主观的,并且会受各种因素影响,所以我们的产品难免会存在一些意料之外的问题,通过招募用户来使用我们的产品,我们能收集到一些使用场景中发现问题的反馈,并把这些整理成优化点,完善我们的产品

同时交互设计师也要多用自己的产品,保证上线内容与设计保持一致

这就是我对自己交互工作的一个相对完整的描述,交互设计师这个头衔我领了不到一年,但是这一年学到了很多

我的感觉是,这是一份不难的工作,因为我自己也是一个用户,我会在使用产品的过程中发现这样那样的问题,所以我也自然而然的想去解决这些问题,并在寻求方法中得到一定的积累;然而,这确实是一份很需要花心思的工作,设计方式自由,但是设计内容需严谨,疏忽了一个问题,就有可能为产品带来极大的负面影响,甚至失去用户的青睐



二、如何制作ppt


基本操作

创建课件页
(1)新建文稿
启动PowerPoint,在"新建演示文稿"对话框中选择"空演示文稿"。
(2) 选择版式
默认的是“标题幻灯片”。课根据自己的需要进行选择;
(3) 输入文本
选择"插入"菜单中"文本框"中"文本框"命令后,在编辑区拖动鼠标,绘出文本框,然后输入相应文字或者粘贴上你所需要的文字。
(4) 格式化文本
与其它字处理软件(如WORD)相似
(5) 调整文本位置
通过调整文本框的位置来调整文本的位置。先选中要调整的文本框,使其边框上出现8个控制点,然后根据需要拖动控制点,文本框随之改变大小。当鼠标指针放在文本框边上的任何不是控制点的位置时,鼠标指针附带十字箭头,这时拖动鼠标可调整文本框的位置。
通过调整文本框的位置来调整文本的位置。先选中要调整的文本框,使其边框上出现8个控制点,然后根据需要拖动控制点,文本框随之改变大小。当鼠标指针放在文本框边上的任何不是控制点的位置时,鼠标指针附带十字箭头,这时拖动鼠标可调整文本框的位置。
2、编排与修改
2.1 插入图片
(1)选择"插入"-"图片",选取合适的图片,然后单击"插入"按钮。
2.2 选取模板
单击"格式"菜单中的"幻灯片设计…"命令,选择合适的模板,也可在幻灯片上单击右键,通过快捷菜单选择"幻灯片…"命令。
2.3 应用背景
如果不想对课件页添加模板,而只是希望有一个背景颜色或者是图片,可以单击"格式"菜单中的"背景"命令,在"背景"对话框中,打开下拉列表框,或单击"其他颜色…"选择合适的颜色,也可以选择"填充效果"
2.4影片、声音
执行“文件——插入——影片和声音”选择文件中的影片或者文件中的声音进行操作,为了防止课件到拷贝其他电脑无法获取文件,可将声音或影片文件与幻灯片文件放在同一文件夹下;
2.5flash动画
使用“Shockwave Flash Object”控件法
1. 运行PowerPoint 2003,切换到要插入Flash动画的幻灯片。
2. 单击“视图”菜单,在弹出的下拉菜单中单击“工具栏”,再在弹出的子菜单中单击“控件工具箱”,便出现“控件工具箱”。
3. 单击“控件工具箱”中的“其他控件”(工具箱中的最后一个按钮,即上图中用圈圈住的),弹出ActiveX控件窗口,窗口中列出了系统已经安装的所有ActiveX控件。利用键盘上的光标控制键,在控件列表中找到“Shockwave Flash Object”并单击,此时系统会自动关闭控件窗口。
4. 将光标移动到PowerPoint的编辑区域中,光标变成“十”字形,按下鼠标并拖动,画出适当大小的矩形框,这个矩形区域就是播放动画的区域。
5. 右单击矩形框,在出现的快捷菜单中单击“属性”,出现“属性”窗口。
6. 单击“属性”窗口中的“自定义”一栏,此栏右端便出现一按钮。单击该按钮,出现“属性页”窗口,在“影片URL[M]”右侧文本框中输入“我的文件”Flash动画的完整路径(如果Flash动画与PowerPoint文件处于同一目录中,也可以只输入Flash动画文件名),且必须带后缀名“.swf”。别的项目采用系统默认的即可,最后按“确定” 返回PowerPoint。
7. 放映该幻灯片,你所期待的画面就出现了
3、创建交互
放映PowerPoint课件时的默认顺序是按照课件页的次序进行播放。通过对课件页中的对象设置动作(超级链接),可以改变课件的线性放映方式,从而提高课件的交互性。
3.1 动作按钮链接
PowerPoint包含12个内置的三维按钮,可以进行前进、后退、开始、结束、帮助、信息、声音和影片等动作。
在课件页上制作动作按钮的步骤:
(1) 选择动作按钮 单击"幻灯片放映"菜单中的"动作按钮"子菜单,选择所需的动作按钮。 (2) 制作动作按钮 鼠标指针变成十字形后,在课件页上拖动鼠标,即可制作出所需的动作按钮。
(3) 定义动作 在动作设置对话框中选择单击鼠标后将进行的动作。
3.2 图形对象链接
在要设置动作的图形对象上,单击右键,在快捷菜单上选择"动作设置",在动作设置对话框中选择单击鼠标后将进行的动作。
3.3 文字链接
选中文本,单击右键,在快捷菜单上选择"动作设置",其它设置同上。
注:如在动作设置中选择了播放声音,则在播放幻灯片的过程中单击对象,声音会播放一次,直到声音播放结束或者幻灯片放映结束才停止;
4.动画
4.1 PowerPoint动画基本特点
PowerPoint动画功能的基本特点是:
第一,动画对象多样化。包括文字、图形和图像等都可产生动画效果。
第二,动画动作模式化。无论动画对象是什么,其动作模式(或称动画方式)都被限制在PowerPoint所规定的50余种内。
第三,动画制作方法极其简单。
4.2 预设动画
(1) 在幻灯片视图下,单击幻灯片中要设置动画效果的对象。
(2) 单击"幻灯片放映"菜单中的"动画方案"命令,然后在子菜单中选择一种动画效果;
(3) 如果要修改某个对象的动画效果,只要选中该对象后,重新设置动画效果即可;如果要取消该对象的动画效果,单击"预设动画"子菜单中的"关闭"按钮即可。
4.3 自定义动画
(1) 在幻灯片视图下,单击幻灯片中要设置动画效果的对象。
(2) 单击"幻灯片放映"菜单中的"自定义动画"命令,然后在效果页面中选中合适的动画效果,
(3)单击"预览"可看到动画效果,单击"确定",完成设置
4.4绘制路径
PowerPoint中还提供了一种相当精彩的动画功能,它允许你在一幅幻灯片中为某个对象指定一条移动路线,这在PowerPoint中被称为“动作路径”。使用“动作路径”能够为你的演示文稿增加非常有趣的效果。例如,你可以让一个幻灯片对象跳动着把观众的眼光引向所要突出的重点。
为了方便你进行设计,PowerPoint中包含了相当多的预定义动作路径。
如果想要指定一条动作路径,选中某个对象,然后从菜单中选择“幻灯片放映” “自定义动画”。在“自定义动画”任务窗格中点击“添加效果”按钮。在下拉列表中选择“动作路径”然后再选择一种预定义的动作路径,比如“对角线向右上”或者“对角线向右下”。如果你不喜欢子菜单中列出的六种预置路径,还可以选择“其他动作路径”来打开“添加动作路径”对话框。确保“预览效果”复选框被选中,然后点击不同的路径效果进行预览。当你找到比较满意的方案,就选择它并按“确定”按钮。
5、课件页的切换
5.1 设置课件页的切换效果
(1) 选中第一张课件页,单击"幻灯片放映"菜单中的"幻灯片切换"命令。在"幻灯片切换"对话框中设置"单击鼠标"时课件页"从中间向左右""慢速"展开或其它切换效果,然后单击"应用"。
(2)若选中"单击鼠标换页"则在放映时,单击鼠标可连续播放下一张幻灯片,否则只能通过点按设置了动作的对象换页。