用户体验交互设计
用户体验交互设计
紫微前端
打造前端的百科全书
展开
-
企业微信应用深色模式色值表
原创 2021-09-30 09:14:23 · 1242 阅读 · 0 评论 -
个人主页界面设计汇总
原创 2021-07-30 09:53:36 · 1078 阅读 · 0 评论 -
针对自我实现需求的UI设计
自我实现需求特征:接受和现实主义 以问题为中心 自发性 自主与孤独:更强烈的对个人自由和隐私的需求。 持续提升:无论多么简单、直接或熟悉的体验,追求自我实现的个人都能从新的角度看待事物。 巅峰体验:喜悦、惊奇、敬畏、狂喜,这些巅峰体验被认为能产生直达心灵的鼓舞,如灵感、身体和精神的活力,以及新的视角。设计良好的产品可以促进用户发挥真正的潜力。提供一个让人们分享图片的平台,让更多人可以享受这些精美的图片。尽管这些服务毫无意义,但世界各地的用户涌向这些网站的事实证明了他们的内在价值。所以,任原创 2021-07-29 14:12:05 · 413 阅读 · 0 评论 -
针对尊重需求的UI设计
设计师可以利用我们的尊重需求吸引用户的注意力并以此促进用户的下一步行动。虽然尊重是一种内在的品质,但它也依赖于外部的强化。网站已经大量使用显示和隐式的设计方法来满足我们的尊重需求。满足尊重需求的元素游戏化元素:将游戏化定义为在非游戏环境中使用欧冠游戏设计元素。其中两个针对尊重需求的游戏化元素是:排行榜和成就(或勋章)星级评论:当用户对某些产品进行评论时,其他用户经常能够声明该评论是否有用。喜欢或赞:社交媒体为我们提供了一些更明确的认可和赞同的例子。转发:这是社交媒体中对某些内容表示认原创 2021-07-29 13:58:49 · 470 阅读 · 0 评论 -
针对生理需求的UI设计
设计师可以通过对色彩心理学的理解,以及某些类型的文字和图像如何影响消费者的行为来挖掘人类的潜意识欲望。使用颜色用颜色来吸引注意力、发出危险信号、给人以舒适的印象,甚至可以利用颜色刺激食欲。颜色是信息的主要来源之一。谨慎用颜色 不仅可以使你设计的产品与竞品区分开来,而且还能影响用户正面或负面的情绪和感受。红色和黄色被专业的研究人员和科学家证明能刺激食欲,最适合快餐连锁店。设计师必须了解颜色在市场营销中的重要性。使用文本和样式某些字体和风格也能唤起不同的情绪和想法。例如,在一些网站上,文字看起来原创 2021-07-29 13:49:06 · 333 阅读 · 0 评论 -
马斯洛的需求层次
1.生理上的需求。2.安全需求。3.爱和归属感需求。4.尊重需求。5.认知需求:知识和理解、好奇心、探索、意义需求和可预测性。6.审美需求:对美、平衡等的欣赏与探索。7.自我实现。8.自我超越需求:动机是超越自我的价值(例如,神秘的超自然经历、审美体验、服务他人、追求科学、宗教信仰等)...原创 2021-07-29 13:39:48 · 1875 阅读 · 0 评论 -
情感与设计:爬行动物大脑(原始大脑)
吃喝欲望还有什么比吃喝欲望更能刺激我们?卖家利用欲望来吸引消费者。图像为王我们能够及时处理视觉图像,这与文本形成了鲜明的对比。网站使用图像来立即吸引用户的注意力,并含蓄或直接地传达信息。帮助用户区分“好”和“坏”在产品销售时与竞争产品进行功能对比以体现自身优势,帮助用户立刻意识到如果他们购买了产品,他们可能会获得哪些额外的或者更优质的益处。必要时使用负面影响负面影响可以被用来换气用户的“战斗还是逃跑”反应。当你想让用户或消费者提起精神、倾听或者注意一些东西时,你可能需要使用威胁信原创 2021-07-28 15:22:52 · 750 阅读 · 0 评论 -
情感与设计:新哺乳动物大脑(理性大脑)
在正确的时间为用户提供正确的信息理性大脑利用在不同大脑区域处理的信息来帮助我们解决问题、区分各种不同的选择,并做出决定。例如两个产品,一个有规范的参数展示,而另一款没有,消费者可以根据理性的决策作出明智的决定。帮助用户做出正确的决定设计师应该帮助用户和消费者标记相关和有用的信息。让用户知道他们做出了正确的决定当用户、消费者作出正确选择时,设计师要提供相关信息告知用户,并强调他们的选择时正确的。安抚理性大脑理性大脑就像一对父母,见到他们孩子的新伴侣时,会对其进行综合判断,以确保孩子原创 2021-07-28 15:48:22 · 396 阅读 · 0 评论 -
情感与设计:古哺乳动物大脑(情感大脑)
作为一名用户体验设计师要付出很多努力为他们的消费者和用户创造情感体验。人类的行为往往没有我们想象的那么理性,我们是情绪化的动物,根据实物的感觉来做决定。感觉和情绪可以帮助我们辨别好坏、安全和危险,但情绪上的刺激会自动影响我们。恰当的用户体验人类天生就会对刺激做出情感反应。情感系统或判断系统在很大程度上超出了我们的控制范围。当你所设计的产品的情绪刺激特征、、品牌、广告和宣传材料非常合适时,潜在的目标用户才更有可能转变成真实的消费者。拨动心弦“移情”是人类的天性,当我们看到广告中伤心的人和伤原创 2021-07-28 15:34:12 · 300 阅读 · 0 评论 -
视觉与设计:使用颜色
三个呈现因素影响我们区分颜色的能力深浅度:两种颜色越浅就越难区分。 色块的大小:对象越小就越难分辨它们的颜色。 分隔的距离:两个对象距离越远就越难区分。颜色有三个属性色调:指的是原色的百分比 浓度:是指一种颜色的丰富度、纯度或强度 明度:被定义为沿着明暗度轴感知的颜色的主观亮度小结:颜色越浅或颜色区域越小,就越难区分它们。这对文本内容的表达有很大影响,因为文字通常比较细小,因此,最好使用其他区分文本的方法,例如使用粗体、斜体或不同的字体,以绕过我们检测颜色区分能力的问题。当物品分开放原创 2021-07-28 14:49:53 · 209 阅读 · 0 评论 -
对称法则:格式塔与UI设计
对称给我们一种稳定和秩序的感觉。对称对于人类有自然的吸引力,设计师可以利用它来创造令人愉快的展示。堆成也可以用来帮助用户识别分组项目,用户界面设计中的顺序、结构和平和是很重要的。使用对称性对有意义的元素进行分组显示是用户界面设计中的一个共同特色,但并不特定于多个项目的排列。在用户界面设计中利用对称性通常是令人满意的,但这种全局对称设计难免有些沉闷。将部队称的元素添加到对称的设计中,给人留下印象的同时可以吸引注意力。...原创 2021-07-28 09:36:50 · 449 阅读 · 0 评论 -
2.5帮助和文档
尽管设计人员应尽量最大努力让用户无须帮助和文档即可顺利使用产品,但有时候这是必要的。如果你的设计中包含帮助和文档,则必须易于访问,别切使用恰当的语言,因避免使用可能超出非专家用户的“技术语言”。文档也应该易于使用。提供搜索功能 提出要点 列出高频率问题 以分部说明的形式显示 限制信息量 信息应该分类...原创 2021-07-28 09:23:09 · 159 阅读 · 0 评论 -
2.4对极简设计的应用方法
少即是多:你的网页、应用程序设计只使用必须的元素,最终效果大于其各部分之和省略不必要的元素:不要在你的设计中包含不必要的元素,只保留网站内容和功能鼻血的元素做减法直到你的设计无法工作:此时,你已经实现了最简约的设计。每一个细节都很重要:思考使你启用某产品的理由是至关重要的,所以反思你想让方可拥有的感觉,然后只包括那些会产生那种感觉的细节(比如时髦的、现代的、干净的、复杂的等)。颜色最小:只使用那些相互作用良好的颜色,并创造出你想要访客拥有的感觉。留白是质至关重要的:原创 2021-07-28 09:02:35 · 198 阅读 · 0 评论 -
2.3用户界面设计中的一致性和标准原则
原因:1.减少学习一致性限制了表示操作和操作方式的数量,确保用户不必为每个任务学习新的操作。2.消除混乱用户倾向于应用在你的网站或产品之外经理的规则(即通过使用其他产品或者现实世界中积累的经验),从而产生一些列自己所预期的理解。当我们偏离设计标准和惯例时是不是造成了用户的理解混乱。在工作中实现一致性的五种方法1.语言的选择这里的语言并不是指某个语种。你在营销文案中使用的语言,以及再整个用户流程中使用的措辞,不仅影响用户对产品的感知,而且当你使用不同的术语来表示相同的东西时,也原创 2021-07-28 08:40:54 · 824 阅读 · 0 评论 -
2.2十条用户界面设计的可用性启发
这十条可用性启发是由可用性大师雅各布.尼尔森和罗尔夫.莫利奇总结的,到今天仍然适用。1.系统状态的可见性系统应始终让用户了解当前发生的事情,并在恰当的时间给予反馈。2.系统与现实世界的匹配讲用户听得懂的语言,无论单词、短语还是阐述一些概念,把属于留给机器去读。遵循现实世界的准则,让信息表现得自然、符合逻辑。3.用户控制和行动自由即便是用户经常使用的功能也难免犯错,这就需要为其提供撤销和重做功能。4.一致性和标准化别让用户为不同的文字、反馈信息和操作行为是否代表同一件事情而产生原创 2021-07-27 16:56:46 · 313 阅读 · 0 评论 -
2.1用户界面设计的八项黄金法则
施耐德曼用户界面设计八大黄金法则1.保持一致性元素样式在你的网站中是否一致?按照网站的层级关系,当前内容是否放置在正确的位置?2.提供快捷方式该产品是面向谁设计的?是否为更有经验的用户提供了快捷方式?有必要考虑有经验的用户吗?如何让有经验的用户更轻松地使用你的产品?3.提供有效的信息反馈用户在执行动作过程中知道自己的位置吗?用户在执行动作后知道他们做了什么吗?如何向用户传递反馈信息?4.设计对话提示用户对当前所处状态是否明确?如何跟用户沟通当前的状态?5.提供恰当的错原创 2021-07-27 16:39:31 · 1247 阅读 · 0 评论 -
1.9神奇的数字7+-2(5-9元素数量的上限)和奥卡姆剃刀原理
神奇的数字该原则是由美国心理学家乔治米勒提出的。他发表的《神奇的数字7+-2:我们信息加工能力的局限》对于短时记忆的研究具有里程碑意义。根据他的研究,人类短期记忆一般一次只能记住5~9个事物,由于人类大脑处理信息的能力有限,他会将复杂信息划分成块和小的单元。该原则应用于用户界面设计中表现为,导行菜单数量限制在5-9个。在现实生活中也有很多场景都可以用到该原则,比如手机号码和银行卡号,人们总是倾向于把一长串数字拆分成为多个较短的部分进行记忆。奥卡姆剃刀原理奥卡姆剃刀原理普遍称为“如无必要,勿增原创 2021-07-27 15:11:37 · 632 阅读 · 0 评论 -
1.8费茨定律-元素位置的设计
菲茨定律提供了一种人体运动模型,可以准确预测移动和选择目标所需的时间。在人机交互中,费茨定律是指通过图形用户界面使用鼠标或其他类型的指针从一个起始位置移动到一个最终目标所需的时间。定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数决定,到目标的距离和目标的大小。随着目标距离的增加,移动到目标需要的时间更长,并且随着目标尺寸的减小,选择目标的时间也会增长。一些对用户界面设计和用户体验的主要影响如下:命令按钮和图形用户界面中的任何命令按钮与其他交互元素必须与非交互式元素的大小区分开来原创 2021-07-27 14:50:07 · 197 阅读 · 0 评论 -
1.7希克定律-元素数量的抉择
希克定律认为人们从数组中选择目标的时间取决于可用选项的数量。提出的选项数量与随后的选择反应时间之间存在线性关系。已被广泛应用于设计用户界面和人机交互领域。识别目标所需的时间或识别不存在的数字与列表长度之间呈近似的线性关系。每增加一个数字,判断时间平均增加0.38毫秒。用这些发现来推测人机交互,可以假定一个熟悉选项的用户,随着非标选项数量的增加,可能需要更长时间来回忆所需选项的位置。希克定律已被充分应用到用户界面设计中。例如设计网站时,要使导航栏尽可能简洁。如果项目太多,可考虑将一些项目分组放入二级菜原创 2021-07-27 14:39:43 · 258 阅读 · 0 评论 -
1.6反馈原则
对每一个用户的操作都应该有恰当的系统反馈,。对于频繁的操作,反馈应该以温和的形式表达,而对于一些不常见且重要的动作,反馈应该更为突出。反馈的重要性当用户与任何设备或系统交互时,不管是视觉、听觉还是触觉信息,他们都期望并依赖反馈。我们使用这些感官线索来确定执行中的动作是否成功。好的反馈告知性:反馈要让用户知道当前的操作到底发生了什么。 直接与动作连接:这种体验与现实世界中用户按下物理按钮的行为密切相关。 与行动背后的意义直接相关:就像在现实世界中做出某个动作触发特定声音一样,虚拟世界中的行原创 2021-07-27 13:55:13 · 482 阅读 · 0 评论 -
1.5约束原则
使用约束来帮助用户似乎是违反直觉的,但是施加约束意味着用户可能需要考虑更少的动作。物理约束利用物理结构上的约束可以将操作方法限定在一定范围内文化约束文化深刻影响着社会中的每个成员,包括人们的世界观、人生观、价值观等,进而影响人们的风俗习惯、宗教信仰、和生活行为等。语义约束指利用某种场景的特殊含义来限定可能的操作方法,例如积木玩具。恰当使用约束来减少可能的行动意味着用户操作错误范围变得更小。...原创 2021-07-27 11:36:17 · 419 阅读 · 0 评论 -
1.4易学性原则
一般来说,用户应该能够通过简单的交互获取必要的信息来执行操作,而不必依赖于使用说明书或是通过多次试错来探索正确的使用方法。一些研究结果表示,60%的新手机用户如果无法在第一次使用APP时实现目标,就会完全卸载应用程序。如果设计出的产品难以学习,用户只会放弃产品。可用性测试检验易学性的一个好方法是进行可用性测试用户是否可以自由地浏览界面并尝试操作系统功能而不造成严重错误? 用户是否可以轻松学习系统提供的所有功能? 用户是否可以在第一次尝试时轻松准确地完成目标任务?潜在的设计解决方案原创 2021-07-27 11:09:23 · 523 阅读 · 0 评论 -
1.3可见性原则
可见性是用户根据用户界面中课件元素确定系统或有形设备可以做什么的设计原则。可见性是一项重要的设计原则,如果用户看不到实现目标的方法,他们要么浪费时间进行搜索查阅,要么简单地弃之在另寻其他产品。影响可见性的关键因素按钮、图标等是否明显并且能氢气表达他们的意思? 功能标签的路基是否明确清晰? 在这行任务的每个阶段都有恰当的功能可见性?回忆是一种需要付出努力的认知过程,需要用户主动检索记忆存储。相比之下,识别是一种自动过程。一些因素会影响我们的识别速度,例如是否有图标或文字与目标类似?具有相原创 2021-07-27 10:54:40 · 552 阅读 · 0 评论 -
1.2什么是可用性?
可用性是用户体验的核心,糟糕的可用性会导致用户放弃网站、放弃使用某个系统,这将给企业带来巨大的经济损失。可用性的组成部分易学性:用户能否在初次使用产品时完成简单的任务或实现用户目标。 效率:快速准确地完成。 可记忆性:是指用户在一段时间内未使用产品,再次使用时需要付出多少努力才能回忆起完成任务所需要的的操作与步骤。 容错:如有错误,是否可以帮助用户快速识别、诊断和纠正,并且保证不能发生灾难性错误。 满意度:是指用户与设计互动产生的愉悦程度。 实用性:是否为用户提供完成任务所需要的功能。原创 2021-07-27 10:37:26 · 1239 阅读 · 0 评论 -
1.1用户体验-介绍
定义用户体验定义:一个人使用或预期使用某产品、系统或服务的感知和反应。用户体验的重点最大限度地利用有形或基于系统的产品,使愉快、满意、激励、高效得到最大化。用户体验领域涵盖许多不同的学科,所有这些都旨在提高易用性和愉悦性。用户体验包括产品的外观、感受、功能、个性和可预测性。研究表明可用性测试有助于改进产品,使其贴近用户的真正需求,可用性测试的结果可以在产品投入市场中的商业表现得到证明。...原创 2021-07-27 10:06:12 · 221 阅读 · 0 评论