1、什么是情感化设计?情感化设计的目标是什么?

情感化设计是旨在抓住用户注意力、诱发情绪反应,以提高执行特定行为的可能性的设计。通俗的讲,就是设计以某种方式去刺激用户,让其有情感上的波动。例如通过产品的外观(本能层)、功能、产品的某些操作行为(行为层)或者产品本身的某种气质(反思层),让用户产生情绪上的唤醒和认同,最终使用户对产品产生某种认知,并在用户心目中形成独特的定位。情感化设计可以运用在任何的产品设计当中,针对于功能性产品或非功能性产品,情感化设计在界面设计中的等待、页面出错的错误反馈困惑通常能起到很好的作用。

情感和情绪在日常决策中起着至关重要的作用。我们的认知负责帮助我们诠释周围的世界,而情绪则是让我们对事物快速作出判断。通常情况下,在我们对某一事件/事物作出正确理性评估之前,我们已经在情绪上作出了反应,而这一反应是出于生理上的,即人脑处理信息的第一系统(但并不排除一些认知先行的情况)。

情感化把握得好,产品往往更能抓住用户的心。在很多情况下可以缓解用户负面情绪,帮助用户快速熟悉产品,引导用户行为等。所以做任何产品设计,用户对产品的情感都将直接关乎产品的购买、使用、留存、传播等...

2、根据三位一体大脑假说提出的情感设计的模型是什么?

"Triune brain "假说的主要内容:“三位一体的大脑”(triune brain)假说是Paul MacLean于上世纪六十年代提出的理论,此理论根据在进化史上出现的先后顺序,将人类大脑分成“爬行动物脑”(Reptilian brain)、“古哺乳动物脑”(paleomammalian brain)和“新哺乳动物脑”(neomammalian brain)三大部分。

3、影响注意力的心理因素有哪些?

一、注意的广度:1.注意对象的特点;2.活动的性质和任务;3.个体的知只经验

二、注意的稳定性:1.注意对象的特点;2.主体的精神状态;3.主体的意志力水平

三、注意的分配:1.同时进行的几种活动至少有一种应是高度熟练的;2.同时进行的几种活动必须有内在联系;

四、注意的转移:1.对原活动的注意集中程度;2.新注意对象的吸引力;3.明确的信号提示;4.个体的神经类型和自控能力

4、举例说明色彩设计与UI界面设计之间的关系?

UI即User Interface(用户界面)的简称。泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。UI可以让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析,关注以人为本的用户需求 。

从专业分工来看,UX和UI的工作内容有不同之处,但也有重合的部分。

  UI关注产品功能,UX关注用户情感。

  UI则是布局设计,视觉设计,品牌形象。UX职责包括用户画像,用户故事,用户调研,可用性测试。连接两者的是线框图。

  UI涉及人机交互、工业设计、视觉和声音设计等。而UX则包含信息架构、内容策略在内的更多部分,他需要从整体动态流程上考虑产品是否能解决用户的问题。UI属于UX的一部分。

  UI设计重心则是色彩、排版等视觉方面。UX设计以用户为中心,关注任务流和使用场景。相似之处是两人都留着大胡子。

  UI设计师关注按钮的颜色,考虑的是视觉的部分,是产品看起来如何。而UX设计师则关注按钮放置的位置是否合适,终出发点是用户的感受,想要弄清楚人类想要使用的是什么,解决用户痛点。

5、什么是功能可见性?如何在UI设计中应用功能可见性?

什么是功能可见性?

功能可见性是物体的一个属性或特征,它提示着我们可以对这个物体做什么。简而言之,功能可见性提示用户如何与某物互动,无论是它是真实物体或是数字界面。例如,当你看见一个门把手时,它就是一个你可以用它开门的提示。当你看到一个听筒图标,它就提示着你可以用它来打电话。功能可见性使我们的世界更加简单,在它的帮助下,我们可以成功的与物质世界和虚拟物体进行交互。

请看下面的洒水追踪器的界面。你瞬间就能明白所需执行的行动已经完成——因为有符号“√”的提示。标签栏中的图标给了你可以用这个app做些什么的线索:检查你的一套植物(这个标签是活跃的,因为它是有色的,而其他的不是)、添加一个新的植物或者查看你的账户信息。这些都是动作的功能可见性。

洒水追踪器

用户界面中功能可见性的类型

UI中的功能可见性可以根据他们的表现和展示分类。不管怎样,主要目标就是利用人们已经有的知识和经验,来实现简化交互流程。

显性的和隐形的功能可见性

我们可以在用户界面中根据表现找到明显的和隐藏的提示。

明确的功能可见性是基于广为人知的和典型的提示,来引导用户进行特定的行动。例如,当你看到一个按钮被设计成一个明显的可点击的元素,在视觉上类似于物理世界中的按钮,你知道你可以点击它来进行交互。如果按钮中还有文本或图标,启示就变得更加清晰:它告诉你系统会如何进行反馈。

美食网站的网页:CTA(call to action)按钮作为一个可点击的元素是清晰的,并且文案也说明了这个按钮使用户能够做什么

隐性的启示并不那么明显。它们是隐藏的,只有在用户行为的特定流程中才能被揭示出来。当我们鼠标悬停在页面元素上时,得到的工具提示或解释就是这样的。另外一个例子是各种多层导航元素,比如下拉菜单或可扩展按钮,这些下级元素一开始没有被看到,但是在特定的操作之后显示出来。也许,汉堡包导航也许是最有争议的隐形导航之一了,它把可用的功能隐藏在了一个特殊的图标背后。

Slopes网站顶部的汉堡包按钮隐藏了扩展的网站菜单

图形的功能可见性

图形的功能可见性通过视觉应用展现在界面中,帮助用户浏览界面功能。相比文案,用户对各种各样的图形感知速度更快,记忆效果更好,故而图形的重要性不能被忽视,其中,我们提到一下几点:

(1)照片

主题照片,物品照片,头像或标题图片都是一种视觉辅助,从帮助用户感知在App或网页可以进行社么操作(如购买、沟通、展示、观看、学习、写作等)到体现某项具体的功能。举个例子,如果一个App能够让用户保存或共享菜谱,那么像下面图中那样配以和菜谱相关的食材照片就会很棒。

素食配方应用

(2)品牌标志

Logo、公司标志和应用在网站或app的颜色,立即展示出了用户界面与特定品牌的连接,这对忠实客户来说可能是个强有力的功能可见性。

珠宝电商app中,开屏及标题栏上的logo建立了品牌的连接

(3)插图

主题插图和吉祥物形象很有可能成为一个相当明确的用户提示。在下面的图尼闹钟中,你可以看到一个弹窗,用万圣节南瓜,一个众所周知的视觉提示,来通知用户关于万圣节贴纸的事情。

图尼闹钟

(4)图标

界面图标,也许是视觉的功能可见性中最多样化的。这些象形符号是高度象征性的,并且大多使用来自现实世界的提示,以便用户能够快速地理解它们。即使有些图标形象已经和它曾经代表的实际物体失去了关联性,但只要有大量用户已经记住了这个物体的功能,它的图标就依旧可以有效地展现其所指代的功能可见性。有个最好的例子:软盘不再代表软盘这个物体,而是代表了“保存”这个操作。一颗心或一颗星星会立刻让你把它和收藏夹联系起来,放大镜会提示它是一个搜索,而一个相机图标是用来拍照的,不会花费你太久的时间来理解。

学习汉语app

图标也被用作分类内容的有效提示:在适当的图形支持下,可以更快的区分类别和章节。

博客app

(5)按钮

作为核心交互元素,按钮已经成为界面上最易识别的元素。在GUI时代之前,按钮被用在各种物理事物中,从简单的计算器到复杂的仪表板。我们都知道怎么用按钮。重点是让它可见,并且明显地被视为用户界面中的按钮。形状、对比度、颜色和文案都对此有很大帮助。

洒水追踪器

(6)输入框

基本上,输入框是一个空白区域用来暗示用户可以在这里输入所需的数据信息。为了使它们有效,设计师也激活了功能可见性的能力:输入框应该看起来是交互式的,这样人们就可以立即理解他们可以在里面键入文本。下面的完美菜谱APP界面显示了搜索输入框:由于它的形状和对比度,很明显该输入框是一个交互式元素,并且还有搜索图标和提示文本的帮助。

完美菜谱app

(7)通知

有许多方法来提示用户,有一些错过的或值得注意的东西。看看下面界面中的购物车图标:上面一个黄色的点,就快速的提示了购物车不是空的。

美味汉堡app

文案的功能可见性

虽然用户感知图像比单词快得多,但是文案在交互流程中的影响也有着不能忽视的位置。关键是图像有时需要借助文本进行解释,以避免误解。另一方面,不是一切都可以用图片来显示。最后,文案在传递信息、标记指令和调用动作、解释功能和支持自动布局的排版层次方面具有难以置信的多样性潜力。然而,我们应该合理平衡的使用文字,而不要让页面中文字过多。

与文案的交互对于日常生活中的人们来说是非常自然的,比图形用户界面存在的时间要长得多。文案线索和提示有助于帮助用户了解该做什么或期待什么,记住什么信息:我们从符号,广告,还有报纸,手册和书籍中读了很多文本。在数字用户界面中,文案的工作原理是一样的。这是一种直截了当的交流方式。例如,下面医疗保健app的日程界面的文案,显示了多样的功能可见性:除了关于患者的主要信息外,我们可以看到搜索框内的提示字段、按钮上的调用指令文字,还有日历的空旷字段中给出了文字线索,用户只需要点击一下这个区域,就可以添加一个日程。

健康保障app

模式的功能可见性

模式的功能可见性是基于习惯的力量,是提出有效的交互设计的巨大因素。它最大的优势是让用户不需要多想,而是在脑中回忆惯性操作。正如我们在一篇文章中提到的人类记忆机制对UX设计师的启示,短期记忆的能力是有限的。因此,用户习得的模式越多,导航对于他们来说就越清晰,对页面的新信息也更易理解。

这种类型有很多典型的功能可见性:例如,我们都习惯于点击网站顶部的logo可以打开网站的首页。我们知道下划线文案通常是可点击的链接,可以从一个页面到另一个页面。网站的联系人和隐私策略等信息通常可以在网站底部找到,还有在app中的三个点意味着显示更多的附加功能。保留这些模式可以让用户感觉他们是理解界面的。因此,如果有必要打破功能可见的模式,请三思而后行:创意应该是合理的并且是对用户明确的。

厨艺网站

动效的功能可见性

应用于用户界面的动画在物理和虚拟世界之间建立了强大的连接。在大多数情况下,它模仿与真实事物的交互:拉、推、擦、拖等。因此,界面动画既基本又复杂,呈现出一种强大的功能可见性。

下面的例子显示了Toonie报警app中的开关。当开关打开时,它会同时改变几个参数:标签的颜色、切换按钮的颜色还有太阳激活的动画。用这种方式立即通知用户,并为操作增加了情感吸引力。

Toonie Alarm的开关设计

另一个示例是家庭预算app,在交互流程中出现的通知,提醒用户关注特定的限制。它的动画特点是跳动,这种方式吸引了用户对重要警告的注意。

家庭预算app

这里还有一个案例—刷新动画。它出现在屏幕上时,提示用户界面正在更新,并在等待的过程中添加了一些乐趣。

拉动刷新动效

消极的功能可见性

无论听起来多么奇怪,消极的功能可见性在积极的用户体验中也起着很大的作用:它们根植于负面结果也是结果的事实。负面提示的目的是给用户一个提示,在当下一些元素或操作是不可用的。例如,下面给出的家居应用程序界面显示了“卧室”按钮是活跃的,而其他房间的按钮是不可用的,故而它们呈现负面的功能可见性。“安全级别”也表示第5级是完全不可用的。

家居app

这里还有一个例子:当前所在tab的图标是彩色的,而其他tab则用没有颜色的消极功能可见性来展现。

标签栏动画

错误的的功能可见性

从用户体验功能可见性的角度来看,错误和消极不应该被看作是同义词。没办法,错误的功能可见性是设计师应该避免的:这是指不恰当的错误暗示导致用户并没有做出应该做的操作,反而进行了误操作,或者让操作产生了和预期不符的后果。有时是故意而为之,但大多数情况下是错误的。例如,如果网页中的一段文本被划线了,用户会自然而然认为它是可点击的。因此,他们可能会很恼火地理解它不起作用了-这意味着他们被误导了。

《交互设计》作业-第六周相关推荐

  1. XJTU_ 西安交通大学2020大学计算机作业-第六周

    XJTU_ 西安交通大学2020大学计算机作业-第六周 XJTU_ 西安交通大学2020大学计算机作业-第六周 注:所有return 0;均可删去. 所有题均已通过编译. 第一题 请输入一个8位的十进 ...

  2. Python学习--Machine-Learning 吴恩达机器学习编程作业 (第六周)

    Machine-Learning 编程作业 Programming Exercise 6:Support Vector Machines SVM的简单应用 part1 示例文件1使用线性核函数 par ...

  3. 团队作业第六周--alpha阶段项目复审

    小组名字 优点 缺点&Bug报告 排名 大猪蹄子队 一款你值得拥有的学习软件 登录页面在360浏览器会显示有误,测验功能不能提交答案,部分功能也尚未完成 1 GG队 音乐冒险类游戏,新颖的游戏 ...

  4. 交互设计期末大作业(Photoshop期末作业)

    Photoshop期末作业,针对于IpnoeX尺寸一年设计(750*1334) 登录页 首页 攻略旅行页 行程页 个人中心页 最后一个LOGO设计 搜索页 以上就是本人制作的一套交互设计作业,一共六个 ...

  5. 20155301《信息安全系统设计基础》第六周学习总结

    课上作业和课下作业 课上作业 第六周课上测试-2-ch02 任务要求 调用附图代码,编写一个程序 "week0602学号.c",用show_int(), show_float()打 ...

  6. 20189221 2018-2019-2 《密码与安全新技术专题》第六周作业

    20189221 2018-2019-2 <密码与安全新技术专题>第六周作业 课程:<密码与安全新技术专题> 班级: 201892 姓名: 郭开世 学号:20189221 上课 ...

  7. 2018-2019-2 20189206 《网络攻防实践》 第六周作业

    2018-2019-2 20189206 <网络攻防实践> 第六周作业 课本学习 TCP/IP网络协议栈攻击 网络安全属性与攻击模式 机密性 保护网络中的信息安全,通常使用加密算法 完整性 ...

  8. 《密码与安全新技术专题》第六周作业

    学号 2018-2019-2 <密码与安全新技术专题>第六周作业 课程:<密码与安全新技术专题> 班级: 92班 姓名:张宇翔 学号:20189211 上课教师:谢四江 上课日 ...

  9. Python课程第六周笔记及作业练习

    Python第六周 笔记 作业 练习 笔记 组合数据类型 三种基本数据类型: (1) 集合类型 (2) 序列类型:元组类型和列表类型 (3) 字典类型 集合类型及操作 (1) 集合类型定义 集合是多个 ...

  10. 20189200余超 2018-2019-2 移动平台应用开发实践第六周作业

    20189200余超 2018-2019-2 移动平台应用开发实践第六周作业 Android简介.活动.UI组件 1.Android系统架构 这是Android系统架构图,够一目了然了吧,Androi ...

最新文章

  1. [python教程入门学习]python学习笔记(CMD执行文件并传入参数)
  2. 流利说递交招股书:上半年亏1.8亿 王翌持股27.9%
  3. OpenGL中的着色模式GL_SMOOTH与GL_FLAT
  4. React面试题目录汇总
  5. hadoop和spark相关参数的配置
  6. 人工智能常见算法简介
  7. stc单片机id加密c语言,STC单片机使用加密芯片SMEC98SP的加密实例源码
  8. 利用Xenu查询网站死链
  9. 上海居住证转户口证攻略
  10. 在python中使用matplotlib画简单折线图
  11. 如何通过电感+MOS管实现BUCK降压和Boost升压
  12. 【英语面试】五.计算机专业英语面试常见问题(兴趣爱好/实践经历篇)
  13. “谷歌百度一键搜索” -- 最方便的Chrome搜索插件
  14. 大一第二学期周报4Web基础
  15. Python:利用Pillow库创建字符画
  16. C语言程序设计(三)高级特性
  17. java毕业设计维保管理系统mybatis+源码+调试部署+系统+数据库+lw
  18. Crysis病毒变种-在文件末尾添家.wallet后缀
  19. QT5.9.4 + cmake + VC2017 运行”run cmake“出现错误:xxx is not able to compile a simple test
  20. 安装vue浏览器插件-Vue.js devtools

热门文章

  1. pox控制器学习笔记
  2. Go语言发展状况和前景
  3. 07 ,矩阵的转置,矩阵的行列式,方阵 ( 2阶行列式,3阶行列式,n 阶行列式 ) :
  4. 基于javaweb+jsp的学生档案管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Bootstrap)
  5. 实战Detectron2— 训练人体关键点检测
  6. VBS学习笔记(4): WScript //d //x MyScript.vbs,调试无法启动
  7. 中国平板显示产业运行状况及前景规划建议报告2022-2027年版
  8. 计算机制图大赛,制图大赛简介
  9. 如何把拼音放在文字的右侧,干货到,在WORD中怎么把拼音和汉字同排
  10. skiller3.31 发布