-
2019-09-30 16:25:37
一、工具的认识
1. XD对标sketch
它们都是针对UI做高保真设计,给客户看“交互演示原型”,适用对象是交互设计师或UI,而非产品经理。
如果产品经理单单只是追求交互、演示的便利,反倒会增加产品在原型设计上花费的时间。
sketch只能在mac上使用。2. XD对标AI和PS PS:是图形编辑处理工具,主要应用平面设计、修复照片、广告摄影处理、影像创意(将原本风马牛不 相及的对象组合在一起)、网页制作等等。 https://www.jianshu.com/p/794e4ca2ef4c AI:是矢量图形工具,是图像创作软件,主要应用于印刷出版、海报书籍排版、专业插画、多媒体图 像处理和互联网页面的制作等。 XD和sketch软件为UI设计而诞生,简化PS的功能并强化了UI交互设计,能快速上手的UI设计软件。 3. AxureRP软件 AxureRP:专业的快速原型设计工具,更加侧重产品经理的使用。一般工作流中(除非给客户看)还是 比较少要出一个“交互演示原型”的,快速原型更多是替代prd(产品需求文档)的作用,在设计时,注 释(后台逻辑、交互逻辑等)功能会更加重要,侧重把页面逻辑、页面视觉优先级的定义更好得传递给 UI设计师与开发人员。
众所周知,Axure是一款老牌的设计软件。作为专业的原型设计工具,它能快速、高效的创建原型。而输入高保真原型,则需要把视觉设计师在Sketch中制作好的矢量素材,例如图标、控件、按钮等导入到Axure中提高交互设计的效率。
安装好Sketch插件AxureRP.sketchplugin,选中Sketch的素材,点击菜单的Plugins-AxureRP-Copy Selection。
二、自己的需求分析与学习计划
更多相关内容 -
华中科技大学软件学院人机交互技术结课作业:界面调研报告&交互界面设计.zip
2020-12-07 21:29:19软件学院人机交互技术结课作业:界面调研报告&交互界面设计。 实验内容: 1、界面改造:用Axure RP 9对热力学计算的界面实现三种风格的改造:对话框方式、菜单方式、Tab栏方式 2、界面仿制:用Axure RP 9仿造Word ... -
软件工程交互设计PPT学习教案.pptx
2021-10-06 04:04:31软件工程交互设计PPT学习教案.pptx -
交互设计是一种思维过程
2021-03-04 06:32:55最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件?我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法“说一不二”。工具... -
软件交互设计详细版.ppt
2020-08-20 22:11:44UI设计遵循的原则 信息最小化 避免使用...联创软件学院 53 * UI设计师的具体工作 擅长分析和理解用户的任务需求使控件和信息的 安排更合理简化产品复杂度能认识到用户在学习 或使用产品的过程中可能会在哪些地方遇到 -
软件设计 基础篇(二) 交互设计
2020-12-04 08:42:23提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加 例如:第一章 Python 机器学习入门之pandas的使用 提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录帮助文档 系列...软件设计 基础篇 系列文章目录
1. 软件设计
软件设计是从软件需求规格说明书出发,根据需求分析阶段确定的功能设计软件系统的整体结构、划分功能模块、确定每个模块的实现算法以及编写具体的代码,形成软件的具体设计方案。
软件设计是把许多事物和问题抽象起来,并且抽象它们不同的层次和角度。将问题或事物分解并模块化使得解决问题变得容易,分解的越细模块数量也就越多,它的副作用就是使得设计者考虑更多的模块之间耦合度的情况。
1.1 设计简介
软件设计是从软件需求规格说明出发,形成软件的具体设计方案的过程,也就是说在需求分析阶段明确软件是“做什么”的基础上,解决软件“怎么做”的问题。结构化设计方将把软件设计分为概要设计和详细设计两个阶段。概要设计的主要任务是,通过分析需求规格说明对软件进行功能分解,确定软件的总体结构;详细设计阶段确定每个模块功能所需要的算法和数据结构,设计出每个模块的逻辑结构。软件设计阶段结束时的工作成果是软件设计说明书,它描述软件系统的组成模块结、模块间的调用关系,以及每个模块的输入、输出和详细的过程描述。
1.2 设计基础
软件设计的基本目标是用比较抽象、概括的方式确定目标系统如何完成预定的任务,软件设计是确定系统的物理模型。软件设计是开发阶段最重要的步骤,是将需求准确地转化为完整的软件产品或系统的唯一途径。从技术观点上看,软件设计包括软件结构设计、数据设计、接口设计、过程设计;
- 结构设计定义软件系统各主要部件之间的关系;
- 数据设计将分析时创建的模型转化为数据结构的定义;
- 接口设计描述软件内部、软件和协作系统之间及软件与人之间如何通信;
- 过程设计则把系统结构部件交换为软件的过程性描述。
2. 交互设计
交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析,关注以人为本的用户需求。
2.1 交互概述
交互设计的思维方法建构于工业设计以用户为中心的方法,同时加以发展,更多地面向行为和过程,把产品看作一个事件,强调过程性思考的能力,流程图与状态转换图和故事板等成为重要设计表现手段,更重要的是掌握软件和硬件的原型实现的技巧方法和评估技术。
交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”,即交互设计。
2.2 交互起源
交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。
交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”,即交互设计。
总结
提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。 -
软件工程与计算-11-人机交互设计
2022-03-09 08:58:12软件工程与计算-11-人机交互设计11-人机交互设计
- 不良的界面会导致用户感到不适
1. 用户和不好的设计
- 系统用户通常通过系统界面而非功能来判断系统:用户界面的设计应与预期用户的技能,经验和期望相匹配。
- 界面设计不当会导致用户发生灾难性错误:不好的UI的设计往往是很多软件系统不被使用的原因。
- IPAD的良好的体验感和可操作性,而早期的Andriod操作系统则主要是从工程师角度出发的操作系统。
- 比如医院书写病历:老医生打字困难,所以我们我们应该针对性的进行设计。
2. 什么是人机交互设计(HCI)
- 人机交互设计旨在发现最有效的方法来设计人机界面之间的可用和有效的体验
2.1. 什么是好的人机交互
- 良好的HCI界面设计可鼓励用户与系统之间轻松,自然且引人入胜的交互。
- “当程序的行为完全符合用户的想法时,用户界面就会经过精心设计。”
- 它允许用户执行我们所需的任务。
- 一个好的界面应该是透明的。有了一个好的用户界面,用户会忘记自己正在使用计算机。
- 如何判断好坏? 唯一标准:可用性
2.2. HCI的重要组成:可用性 重要
- 可用性不是用户界面的单一一维属性,它包含以下维度。
- 易学性:新手用户容易学习,能够很快使用系统。
- 效率:熟练的用户可以高效使用它
- 易记性:使用过软件系统的用户,能够有效记忆或快速重新学会使用该系统。(超市可以缓存之前的信息)
- 出错率:几乎没有错误,可以从错误中快速恢复
- 主观满意度:让用户有良好的体验。
2.2.1. 不同的用户的学习曲线
- 易学性和效率是存在冲突的
- 大多数的GUI界面都是友好新手的,而命令界面是友好专家用户的。
2.2.2. 记忆
- 涉及编码和回忆知识并采取适当行动
- 我们不记得所有的事情:涉及过滤和处理
- 上下文对于影响我们的记忆很重要
- 我们认识事物比回忆事物好得多
- GUI在基于命令的界面上的兴起
- 相比文字,人们更加容易记住图片
- 使用图标而不是名称
3. 人机交互的三个因素
3.1. 人
- 什么是人机交互中的人?
- 用户 - 拥有一台笔记本电脑的人,一群一起或远程工作的人,一系列按顺序工作的人…
- 一个或多个试图使用计算技术完成工作的人
- 用户只想看到它想要看到的
3.1.1. 人的特性
- 短期记忆有限
- 7±2原则
- 电脑可以存储知识
- 人会犯错:避免,恢复,帮助
- 人是不同的:新手用户,知识渊博的间歇用户,专家频繁用户
- 人们有不同的互动偏好:有一些人喜欢照片,有一些人喜欢文本
3.1.2. 你看到了什么
- 用户答案
- 成绩
- 统计
- 技术答案
- 2维画面
- 可控的组件
- 文本和图片
- 图标和工具栏
- 可扩展栏和菜单栏
- 任务栏和状态信息
- 控制器和指针
- 颜色集合
- 文档的代表
- 软件功能的代表
- 进行人机交互设计师,一定要谨记从用户的角度来进行学习和分析
3.1.3. 精神模型 重要
- 尝试发现用户对程序帮助他们执行任务的心理模型
- 如何?请注意模型的固有隐喻,它们代表任务的概念性组成部分
- 隐喻:左上角的开关就应该是控制左上角的灯
- 精神模型就是用户进行人机交互时头脑中的任务模型。依据精神模型可以进行隐喻(Metaphor)设计:
- 隐喻又被称为视觉隐喻,是视觉上的图像,但会被用户映射为业务事物。用户在识别图像时,会依据隐喻将控件功能与已知的熟悉事物联系起来,形成任务模型;
- 隐喻本质上是在用户已有知识的基础上建立一组新的知识,实现界面视觉提示和系统功能之间的知觉联系。
- 进行人机交互设计时,要调查用户的目标和任务,分析用户的任务模型,并且据此设计界面隐喻。
3.1.4. 发现精神模型
- 发现用户的精神模型
- 找到用户在尝试去做什么!目标!
- 用户,目标,结果任务的需求
- 仅在确定有助于解决任务的功能时才应添加功能:诱惑:如果添加附加功能很便宜,那么通常要这样做-这会严重损害用户界面的概念!
- 与用户个人资料相关的任务的频率
3.1.5. 差异性
- 新手用户
- 是对业务不熟悉的⼈
- 例如新员工或者新接触系统的⼈。为新手用户设计系统时要关注易学性,进⾏业务导航,尽量避免出错。如果⼀个系统的⼤多数⽤户都是新手用户,整个系统的⼈机交互设计都要侧重易学性。
- 专家用户
- 是能够熟练操作计算机完成业务任务的⼈,⼀般都是⻓时间使⽤软件系统并且计算机操作技能熟练的人。
- 为专家用户设计系统时,要关注效率。如果⼀个系统的大多数用户都是专家⽤户,整个系统的⼈机交互设计都要侧重效率。
- 熟练用户:是介于新手用户和专家用户之间的⼈。为熟练用户设计⼈机交互系统要在易学性和效率之间进行折中。
- 好的人机交互应该为不同的用户群体提供差异化的交互机制。
- 既为新⼿用户提供易学性高的⼈机交互机制(图形界面)
- ⼜为专家用户提供效率高的⼈机交互机制(命令行、快捷方式、热键)
4. 人机交互设计中的计算机的因素
4.1. 计算机设备
- ⼈机交互设备
- 输入设备
- 键盘
- 鼠标
- ⼿写板
- 输出设备
- 显示屏
- 喇叭
- 打印机
- 输入设备
4.2. 可视化设计
- 从可视化设计语言Visual Basic开始,对可视化构件的布局就成为可视化设计的主要⼯作。
- 常⻅的可视化构件包括:窗⼝、菜单、标签(Tab)、表单、按钮、列表、树形控件、组合框、输⼊框等等,[Cooper2007]对此有详细的描述。
- 要点:
- 按照任务模型设计界⾯隐喻,同时不要把软件系统的内部构造机制暴露给⽤户
- 可视化设计还应该基于界面隐喻,尽可能地把功能和任务细节表现出来
4.3. 不要暴露内部结构
- 最初的压缩软件:只有这3个功能,很明白地全部显示了出来
- 现在的压缩软件:停到特定的文件的时候给出拉出菜单
- 功能和场景结合起来,而不是完全要全新选择,避免用户做出不当的行为
4.4. 展示细节
- 左侧选择字体没有更加细节的展示,而右侧则展示了其中的细节问题
4.5. 常见界面类型
4.6. 交互
- "交互"是双向的:
- ⼀⽅⾯⽤户主动向软件系统提出请求(输⼊信息),软件系统给予⽤户响应(输出信息);
- 另⼀⽅⾯,软件系统也应该主动告知⽤户相应的信息,并等待⽤户的响应。
4.6.1. 交互方式
- 直接操作(图形):视窗图标
- 菜单选择
- 表单输入
- 命令语言
- 自然语言
4.6.2. 直接操作
- 优点
- 用户感到可以控制计算机,而不会被计算机吓倒。
- 用户学习时间相对较短。
- 用户会立即收到有关其操作的反馈。错误经常可以被发现并迅速纠正。
- 问题
- 如何得出适当的信息模型和隐喻?
- 鉴于用户拥有很大的信息空间,他们如何在该空间中导航并始终了解其当前位置
- 接口通常很复杂。
4.6.3. 菜单系统
- 下拉式菜单
- 可预测的,但需要更多的屏幕空间
- 显示菜单标题。
- 用户可以通过此菜单选择命令。
- 弹出式菜单
- 灵活,量身定制,可能会引起用户惊讶
- 它们与实体(例如字段)相关联。
- 优点
- 用户不需要知道命令名称。
- 打字非常少。
- 可以避免一些用户错误。
- 可以提供上下文相关的帮助。
- 缺点
- 涉及逻辑结合(和)的动作:或析取(或)难以代表
- 注意大型菜单的结构。以下是解决方案
- 滚动菜单
- 层级菜单
- 步行菜单
- 相关的控制面板
4.6.4. 表单接口
- 优点:用于结构化数据表示和填充
- 缺点:仅仅是用于结构化数据表示和填充
4.6.5. 命令行模式
- 优点
- 由于语言处理,实现起来很简单。
- 它可以通过许多命令支持非常复杂的系统。
- 用户界面需要一些技巧。
- 打字非常少。
- 可以避免一些用户错误。
- 可以提供上下文相关的帮助。
- 缺点:
- 用户必须学习并记住所有命令。
- 难以学习的系统,操作起来不容易。
- 用户不可避免地会犯错误
4.6.6. 自然语言模式
- 用户以自然语言键入命令。通常,词汇量是有限的,并且这些系统仅限于特定的应用领域(例如,时间表查询)
- NL处理技术现在已经足够好,可以使这些接口对休闲用户有效,但是有经验的用户发现他们需要太多的输入
- 往往结合机器学习中的NLP技术
4.7. 总结
5. 人机设计的交互性
5.1. 导航 重要
- 好的人机交互设计就像⼀个服务周到的推销员,能够主动将自己的产品和服务简明扼要地告诉⽤户,这个就是导航。
- 好的导航就像⼀个好的餐厅菜单,餐厅菜单能够帮助顾客快速地找到喜欢的⻝物,软件系统导航也要能帮助⽤户找到任务的⼊⼝。
- 导航的⽬的就是为⽤户提供⼀个很好的完成任务的⼊⼝,好的导航会让这个⼊⼝⾮常符合⼈的精神模型。
- 全局结构按照任务模型将软件产品的功能组织起来,并区分不同的重要性和主题提供给 不同的⽤户。
- 全局结构常⽤的导航控件包括窗口、菜单、列表、快捷方法、热键等等。
- 全局结构的设计主要以功能分层和任务交互过程为主要依据。
- 局部结构通过安排界面布局细节,制造视觉上的线索来给⽤户提供导航。
- 局部结构常用的导航控件包括可视化控件布局与组合、按钮设置、文本颜色或字体大小等等。
- 局部结构的设计主要以⽤户关注的任务细节为主要依据。
标注部分详见课本189页
5.2. 反馈 重要
- 一定要有反馈,避免进行错误的操作
- ⽤户喜欢较短的响应时间;
- 较⻓的响应时间(>15秒)具有破坏性;
- ⽤户会根据响应时间的变化调整⾃⼰的⼯作⽅式;
- 较短的响应时间导致了较短的⽤户思考时间;
- 较快的节奏可能会提⾼效率,但也会增加出错率;
- 根据任务选择适当的响应时间:
- 打字、光标移动、⿏标定位:50~150毫秒
- 简单频繁的任务:1秒
- 普通的任务:2~4秒
- 复杂的任务:8~12秒
- 响应时间适度的变化是可接受的;
- 意外延迟可能具有破坏性;
- 经验测试有助于设置适当的响应时间。
5.3. 协作式设计 重要
- ⼈和计算机是⼈机交互的方法,其中⼈的因素是⽐较固定的,一定时期内不会发⽣⼤的变化,所以要让二者交互顺畅,就需要让计算机更多地适应⼈的因素,这也是⼈机交互设计以⽤户为中⼼的根本原因。
- 这种调整计算机因素以更好地适应并帮助⽤户的设计⽅式被称为协作式设计
6. 一些人机交互设计原则 重要(至少记住5条以上)
6.1. 简洁设计(7±2原则)
- 人类的信息处理能力是受限的,一般满足7±2原则
6.2. 一致性设计
- 用户在使用软件系统时,会为软件系统建立精神模型。
- 以下是一个不一致性设计的例子。
6.3. 低出错率设计
- 人机交互设计首先要帮助人们避免犯错,尽可能设计不让⽤户犯严重错误的系统
- 具体措施包括将不适当的菜单选项功能以灰色显示屏蔽
- 禁⽌在数值输入域中出现字母字符
- 当错误出现时,系统还要在⼈机交互中提供简洁、有建设性、具体的指导来帮助⽤户消除错误:填写表单时如果使用输⼊了无效的编码,那么系统应该引导他们对此进行修改,⽽不是要求⽤户重新填写整个表单。
- 出错信息应当遵循以下四个简单原则[Shneiderman1982]:
- 应当使用清晰的语言来表达,而不要使用难懂的代码;
- 使⽤的语言应当精炼准确,而不是空泛、模糊的;
- 应当对用户解决问题提供建设性的帮助;
- 出错信息应当友好,不要威胁或责备使用。
- 系统还应该提供错误恢复和故障解决帮助⼿册。
- 应当尽快的进行校验(检查用户名重复)
6.4. 易记性设计
- 减少短期记忆的负担
- 使用逐层递进的方式展示信息
- 使用直观的快捷方式
- 设置有意义的默认值
6.5. 可视化设计要点
- 按照任务模型设计界面隐喻,同时不要把软件系统的内部构造机制暴露给用户
- 可视化设计还应该基于界面隐喻,尽可能地把功能和任务细节表现出来。
7. 人机交互设计过程
7.1. ⼈机交互设计过程
- 导航设计:建立多次交互之间的逻辑衔接结构
- 页面设计:设计交互中的具体界面的细节
- 页面原型化:使用界面原型工具
- 页面的评估与修改:用户进行评估
7.2. 对话结构图
7.3. 页面设计
7.4. 原型化界面
8. GUI设计
- 关键点
- 常见的GUI元素
- 设计你的GUI
- 创建你的GUI
- 保证实用性
- 保证可行性
8.1. 在建立有效的GUI方面的关键点
- 在所有阶段吸引用户
- 去看看别人怎么做的
- 知道并且在你知道的限制内工作完成
- 保证你的GUI是可以使用的并且可行的
8.2. 常见的GUI元素
- 介绍和支持信息
- 获取内容的设施
- 主要收藏内容
- 扩展特点
8.2.1. 欢迎和支持信息
- 欢迎:通常情况下,彩色的"初始"页面反映了馆藏的某些内容
- 收藏的相关信息:谁生产的,它的范围,有时是它的制造方式
- 帮助信息:如何使用资源
- 联系信息:如何与负责资源的人取得联系
- 权利信息或使用条款:有关所有权,版权和用户义务的信息
8.3. 查找内容的设施
- 浏览信息的方式:用户可以通过单击超链接在集合中导航
- 查找信息的方式:用户可以在其中输入搜索查询并查看结果
8.4. 主要收藏内容
- 总结页:提供浏览或搜索结果的概述,通常带有缩略图
- 细节页:具有屏幕大小的图像,视频或音频播放器以及完整的元数据
8.5. 扩展功能
- 能够查看更大尺寸的数字图像:通常通过缩放
- 可以观看不同尺寸的视频流:取决于网络带宽
- 选择下载文件:到本地硬盘以供以后使用
- 嵌入文件的选项:用户将数字视频剪辑嵌入到另一个在线环境中
- 能够"标记"文件以供以后参考:通常称为"相册"或"收藏夹"
- 能够对图像,视频或音频文件进行注释或评论:供个人使用或公开展示的标签
8.6. 规划您的GUI
- 您的用户GUI是首先要考虑的事情-不是最后一件!
- 让您的用户参与其GUI的设计
- 找出别人做了什么或正在做什么
8.7. 建立您的GUI
- 使用"货架"解决方案
- 自己动手GUI
- 组合解决方案
8.8. 检查列表
8.8.1. 数据输入界面
- 您是否可以自定义数据输入界面以改善您的编目工作流(例如,重命名或重新排序字段,设置模板或下拉列表,从不使用的字段中删除)?
- 还有其他功能可以提高生产力或准确性吗(例如键盘快捷键,制表键,自动单词补全,拼写检查,数据验证)?
- 可以放大字体或更改颜色组合吗?
8.8.2. 可定制的视觉设计
- 您可以添加自己的图形和文本以使其外观和感觉与网站的其余部分一样吗?
- 它在不同的Web浏览器和操作系统上是否都能正常工作并且看起来不错?
8.8.3. 搜索和检索界面
- 您可以自定义搜索或浏览界面以更好地适合您的用户和收藏吗?
- 有高级搜索选项吗?
- 搜索结果显示良好吗?
8.8.4. 附加的用户功能
- 一些系统具有额外的功能,例如使用户能够收集和注释自己的选择,对项目进行分组的能力等。
8.8.5. 控制用户访问
- 您可以将集合的一部分限制为特定用户或用户组吗?
- 您能否根据用户提供不同的功能或功能级别或详细信息?
- 是否有数字版权管理(DRM)功能,例如自动水印?
8.8.6. 与其他集合的互操作性
- 是否支持链接内容和元数据?
- 用户可以搜索集合吗?
8.9. 确保可用性
- ISO 9241:视觉显示终端(VDT)的人机工程学要求,特别是第11部分:可用性指南(1998)
- ISO 13407:以人为本的交互式系统设计过程(1999年)
8.10. 评估您的GUI
- 实际用户的可用性测试。 向典型用户提供一些任务以执行并记录他们的工作以及对资源的看法。 这可能涉及观察用户的行为并记下他们的导航方式。
- 您或者专家的可用性评估。 他们可能会使用正式的准则,清单或问题(例如"可用性检查"或"启发式评估"),也可能会涉及扮演特定用户类型的角色(“认知演练”)。
- 收集用户反馈。这些方法涉及在用户使用资源后寻求用户的反馈。常见且简便的方法是调查用户,但访谈和焦点小组可能会提供更丰富的信息。
- 使用情况记录。许多有用的信息由用于传递资源的服务器或软件自动记录。通过分析用户访问了哪些页面以及他们的搜索成功程度,可以构建资源可用性的图景。
8.11. 为可用性而设计
- 看竞争对手的设计。让一些典型的最终用户评估与您正在开发的资源相似的资源;并告诉您他们对他们的喜好。
- 卡分类和标签。要求用户以最有意义的方式组织和标记您的内容和界面。不同的用户会提出不同的解决方案,但是这种方法可能会提供一些有用且令人惊讶的想法。
- 原型。要求用户评估资源的模型和模型。 这些可以在纸上或屏幕上创建,并且可以包括真实内容或虚拟内容。
8.12. 开发高质量和可用接口的过程(ISO 13407)
- 指定使用环境。了解谁将使用资源以及他们将如何使用它(例如,他们将使用哪个浏览器访问资源?)。
- 指定用户和组织要求。列出必须支持的任务(例如,搜索视频)以及一些可衡量的目标,以了解如何有效,有效和令人满意地执行这些任务(例如,"在70%的搜索中找到视频,两次单击即可获得90%的满意度 ")。
- 产生设计解决方案。设计资源以满足第2步中确定的要求。
- 根据用户要求评估设计。检查开发是否确实符合您在先前步骤中确定的要求和目标。
8.13. 确保可访问性
- 考虑无障碍性的法律义务
- 无障碍不仅是残疾人的问题
- 努力做到灵活
- 开发在线收藏时要考虑的一些事情
8.14. 开发在线收藏夹时要考虑的一些事情
8.14.1. 接口
- 可以通过各种设备和浏览器访问该界面吗?
- 用户是否可以更改颜色和字体大小?
- 是否使用样式表来格式化资源(而不是框架,表格或图形)?所有说明都写清楚吗?
- 文字信息是否以文字形式显示(而不只是文字图片)?
8.14.2. 导航
- 是否总是清楚您在哪里以及可以去哪里?
- 是否清楚地标识了超链接并以文本形式(而不是仅图形形式)提供超链接?
- 用户能否完全控制其导航和资源使用(例如,暂停任何视频或声音元素)?
8.14.3. 搜索和检索。
- 用户可以通过键盘访问搜索表单(还是取决于鼠标)?
- 搜索和结果是否以HTML或XML(或嵌入到其他应用程序,如Flash或Java)中显示?
8.14.4. 文件的尺寸和大小
- 是否有满足不同需求的图像/视频尺寸范围(尺寸和文件尺寸)?
- 当用户将要访问很大的文件时,用户是否知道?
- 是否可以详细查看图像(大图像,图像的放大部分或缩放功能)?
8.14.5. 文件说明
- 是否有所有视觉资源的文字说明?
- 是否有音频和视频文件的抄录?
- 在书写页面已被数字化的情况下,是否存在可搜索的等效文本?
8.15. 黄金法则
- 让用户掌控一切
- 减少用户的内存负载
- 始终如一
8.16. 十条原则
- 紧凑而自然的对话
- 设计图和颜色
- 简约就足够了
- 使用用户语言
- 用户所需的最小内存
- 一致的
- 反馈
- 识别退出清除
- 捷径
- 良好的错误讯息
- 避免错误
- 帮助和文件
-
基于Axure的手机界面交互设计与实现.rar
2022-03-23 20:46:192、学习目标:快速完成相关题目设计; 3、应用场景:课程设计、diy、毕业、参赛; 4、特点:直接可以编辑使用; 5、使用人群:设计参赛人员,学生,教师等。 6、使用说明:下载解压可直接使用。 -
5款优秀的交互动效设计软件推荐,让你用到爽
2021-06-13 01:27:55第一款动效设计软件:Adobe After EffectsAE这个软件我想大家都知道,火得一塌糊涂,如果没猜错的话,它目前属于设计师学动效的首选。目前市场上出现了很多AE培训的课程。也特别的多。报名人数也很多。它的特点就是.....当我们在看到一些漂亮的APP动效设计的时候,大家就会问,这些动效到底是用哪些动效设计软件制作的 呢?
今天学堂君给大家整理出了10款优秀的动效设计软件。你看哪些你听过或者用过呢?
第一款动效设计软件: Adobe After Effects
AE这个软件我想大家都知道,火得一塌糊涂,如果没猜错的话,它目前属于设计师学动效的首选。目前市场上出现了很多AE培训的课程。也特别的多。报名人数也很多。
它的特点就是强大且牛逼,基本上要的功能都有。UI动效制作其实只是用到了这个软件很小的一部分功能而已,要知道很多美国大片都是通过它来进行后期合成制作的,配合PS和AI等自家软件来说,更是得心应手。dribbble上炒鸡多的大神都是用这个软件在show哦,毕竟这个软件做demo那是牛牪犇逼的~
但是有些效果程序猿不见得能够帮你实现出来, 因为实际的项目产品受太多的制约,木有那么多程序猿会没事给你做动效的!
第二款动效设计制作软件: Adobe Photoshop
看到它,我想各位设计师小伙伴们不陌生,可以用ps来制作一些gif逐帧动画。
比如很多牛逼的设计大师就喜欢用ps来制作简单的表情动画,逐帧动画用得居多,如下图的表情~
第三款动效设计制作软件:principle
这是需要跟sketch配合使用才能发挥出最大动效设计魅力的。
它主要是做2个页面间过渡专场特效,元素切换,细节动效的工具。优点很明显,效率高,质感好,缺点就是不能做整套原型。
这类有一篇详细的介绍:http://www.zcool.com.cn/article/ZNDE0NDM2.html
有兴趣的小伙伴可以看下principle的动画演示视频:
第四款动效设计制作软件:Hype 3
hype 3也算是火了一小段时间的,号称无代码动效神器,像AE一样使用时间轴就做可互动的动画。PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF。3.0版还有物理特性和弹性曲线,可以发挥更强大的动画效果。
对中国人来讲,它原生支持中文这一点也非常棒!配合sketch效果也是杠杠的!
我们先来看看Hype 3制作的一些动效设计作品:
在这里,学堂君跟大家分享一个Hype3 教程 切换跟随效果视频
Hype3 也是最近比较火的一个工具,无论是设计师还是H5前端工程师,都又在学习该软件。
第五款动效设计软件:keynote
keynote相当于windows的powerpoint,是个幻灯片软件。也是一款跟SKETCH软件绝配的交互动效软件,
但是!但是!但是!或许你并不知道,据说苹果的交互设计师都是用keynote做交互演示的......只要能够熟练掌握这个软件,目前app里的绝大多数动效都是可以做出来的~但是相对复杂一点的动效实现起来就有点不够.......但是已经很屌了好吧~~笔者经常为了省事直接都是用它做个简单demo给程序猿看的,快捷方便啊~要知道时间就是金钱啊!
Keynote的主要优点体现在:
1. 它真的很快。在拿到相关视觉切图资源的情况下,一个基本动效的制作可以在15分钟内搞定。即使动效需要调整也很容易,可以很方便的进行创意表达和设计沟通。
2. 它很容易上手。Keynote是绝大多数用户体验设计师必备的工具,你不需要花时间来熟悉它。在扁平化大行其道的今天,更适合使用Keynote作为productivity工具。
3. 它不需要编程。即使不懂代码,也可以做出以假乱真的动效。
当然,Keynote也有其不足之处,比如:
1. 预览原型有些麻烦,你无法像AE那样逐帧调整每个细节。
2. 不支持分层,当元素较多时不容易管理。
3. 分享不太方便,需要将影响录制下来并转成gif图片,相对繁琐。
keynote官网:http://www.keynote.com/
以上就是25学堂的小编跟大家推荐的最常用的五款优秀的交互动效设计软件。目前设计网分享的那些app动效作品,也基本都是用这几个动效设计软件来制作完成的。
如果你想要让你的APP界面动起来,不妨也可以自学这些软件哦~
-
人工智能-机器学习-教学游戏软件中的交互设计研究.pdf
2022-05-08 14:59:04人工智能-机器学习-教学游戏软件中的交互设计研究.pdf -
人工智能-机器学习-教育游戏软件的用户体验模型和交互设计.pdf
2022-05-08 15:28:33人工智能-机器学习-教育游戏软件的用户体验模型和交互设计.pdf -
人机交互技术结课作业:界面调研报告&交互界面设计快速原型设计.zip
2020-03-31 16:29:45《人机交互技术》结课作业(华科软院) 作业内容概述: ● 一、界面调研报告:图文并茂,不少于15页(Word或PPT) ● 二、界面改造:用Auxre RP或GUI Design对热力学计算的界面实现三种风格的改造:对话框方式、... -
人工智能-机器学习-面向道路交通安全评估的交互仿真软件设计.pdf
2022-05-09 15:57:35人工智能-机器学习-面向道路交通安全评估的交互仿真软件设计.pdf -
交互设计理念下的教育产品设计研究
2019-03-03 10:47:44提出适用于教育电子产品的设计策略,设计出能够提高学生学习兴趣的电子产品...借鉴认知心理学和情感化交互设计的相关理论,为教育类产品的设计提出了若干方法和建议,以笔者设计的初中化学学习软件为例进行阐述和说明。 -
一种辅助性的制图工具交互图一种软件工程设计人员必学习的内容PPT学习教案.pptx
2021-10-01 11:43:54一种辅助性的制图工具交互图一种软件工程设计人员必学习的内容PPT学习教案.pptx -
多媒体教学软件交互界面和交互式设计.ppt
2020-09-28 00:34:07第10章多媒体教学软件交互界面与交互形式设计 学习目标 1.了解人机交互界面设计 2.掌握设计多媒体教学软件主界面的方法 3.掌握设计多媒体教学软件子...交互设计 交互设计( Interaction Design)作为一门关注交互体验的 -
工作报告之ui设计毕设开题报告_交互设计开题报告
2020-06-17 22:13:436/17/2020 ui ui设计毕设开题报告 设计毕设开题报告 -ui 篇一毕业论文-ui设计 篇一毕业论文 设计 西 南 林 学 院 西 南 林 学 院 本 科 毕 业 设计论 文 本 科 毕 业 设计论 文 题 目 题 目 分院系部 分院系部 专 业... -
读交互设计使用指南系列
2021-02-27 04:58:11一直在关注淘宝用户体验团队博客的《交互设计实用指南》系列文章,在这里做一个简单的学习总结。1.操作入口明确:“操作入口明确”,就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”,指的是产品内部... -
大厂设计师总结的交互设计心得
2022-01-07 14:26:18哪些便于协作、提升工作效果的UI设计软件? -
浅析软件界面设计与交互设计
2019-09-13 13:32:10软件界面是人机之间的信息界面,交互是一个结合计算机科学、美学、心理...由于现今交互越来越多地考虑人的因素,因而行为和构造就成为用户界面开发过程的两个重要的部分,即交互设计和软件界面设计,这都关系到用户... -
如何把无意识引入到交互设计中
2021-02-27 00:04:51“如今交互设计主要针对软件和屏幕,但我认为硬件设计,也就是那些能摸的着的实体,都是交互设计。”—深泽直人在做分享前,对于舒适的产品印象我让同学们做了头脑风暴,以下是大家的反馈:安全尺度优雅自然本源质感... -
UI设计、交互设计、UI交互设计的联系和区别是什么?
2020-09-02 15:42:58UI交互设计到底到底是什么?我们常常听说UI设计,交互设计,那UI交互设计又是什么呢?难道是两者的结合?作为一名初入设计行业的或者对设计有一定热忱的人来说,搞清不同设计术语的定义真的非常头疼。别担心,今天小... -
《软件架构设计》学习笔记
2021-03-02 06:29:28而决策派认为,软件架构保护了软件设计过程中一些列问题的重要决策,软件架构并不仅仅关注软件本身的结构和行为,还注重其他特性:使用、功能、性能、弹性、重用、可理解性、经济、和计算限制、权衡、以及美学等。... -
基于知识图谱(androdi版本)的学习类软件教育应用APP设计.zip
2022-06-12 17:01:09资源包含文件:设计报告word+开题文档+项目源码+展示PPT 客户端 o基于安卓实现 o主要面向移动端用户,这也是用户唯一可见的组件 通用后端 o基于Java Spring实现 o唯一与客户端进行直接交互的组件,根据客户端的... -
人机交互是什么意思?人机交互和交互设计的区别是什么?
2021-06-29 00:40:40描述笼统的来说就是人和计算机(或者其他电子设备)可以实现“交流”:...人机交互通俗的解释就是:容易学,高效实用,并具有丰富的用户体验,从用户角度出发的设计理念。人机交互技术(Human-Computer Interaction T... -
什么是交互设计?交互设计是用来干什么的?
2021-06-02 09:05:51交互设计是近几年在设计师领域中经常被提到的一个概念,也是很多大厂热门的职位之一,下面小千就来给大家介绍一下交互设计到底是干什么的。 何为交互设计? 百科的解释是:交互设计(英文Interaction Design, 缩写...