从美工变成真正的设计师,学习设计之上的原则很重要。 在设计时,总会遇到很难决策的地方或者没有头绪的时候,如两个方案看上去都很不错,究竟使用哪个更好?在设计时该往哪个方向努力? 在表层设计之外,探索和制定更高层级的产品设计原则是十分重要的,这些设计原则能帮助产品设计保持更高的一致性。 it’s simple but powerful. 我们要寻找那些简单却有力量**的设计准则**,那些可以在设计决策时引导我们并在讨论中打破僵局的准则。
设计原则的范围
尝试搜索设计原则,你可能会得到一些平面设计的基本定理:邻近、平衡、对比、留白等,这都是设计师已经熟烂于心的。可能还会看到一些科学的设计流程的原则,这些流程可以指导你高效地产出优秀的设计方案,可以为团队设定一个标准,方便新成员快速上手。 这些原则看上去很合理,但我认为这些已经是业界的基本标准了,谁不是经过用户和场景分析后才开始设计的呢。如果你要为自己的团队设定设计原则,你应该找到那些可以帮助团队走得更远、更有挑战性的原则。 有些团队会把设计原则写在网上,诸如“人性化”“乐意沟通”。而我认为这样的词语完全不值得作为准则挂在墙上,除非你团队里都是垃圾设计师,而从一开始你就不应该雇佣这样的人。
总结一下
好的设计原则:能指导伟大设计的一系列规则 设计流程的准则:解释如何创造伟大产品的流程步骤的准则 为产品而定的设计原则:产品应该带给用户什么感觉,带来什么情绪,如何和竞争产品区别开 系统的设计原则:为你的产品在不同环境不同平台体验保持一致的原则 (设计系统的准则与产品的设计原则有重合的地方) 为什么你的产品需要设计原则? 好的设计原则并不代表着你的产品可以笑到最后。好的产品需要在所有层面上优秀的执行,而设计准则只是其中很小的一部分,它能帮助你在有分歧的时候打破僵局,节省时间,让团队有一致的目标。 什么才是好的原则? 简洁的 有真实的案例 可以引领(指引)设计决策 反映着你的品牌
整理收集
英国政府电子服务的设计原则GOV.UK Design Principles.
- start with user needs 从用户的需求着手。
- do less 少做。多考虑可复用性和共享,做政府部门应该做的事。
- design with data 通过数据来做设计决策。
- do the hard work to make it simple 尽最大的努力让事情变简单。
- iterate,then iterate it again 迭代,再迭代。
- this is for everyone 为所有人设计。
- understand context 深刻的理解用户的使用场景。
- build digital services,not websites 创建电子服务,而不是网站。
- be consistent,not uniform 保持一致,但不是死板的一成不变。
- make things open:it makes things better 保持开放,与全世界分享我们的代码、设计、想法,这样才会越来越好。
Airbnb
统一的 每一个部分都要为整体更好的提供积极的贡献。不应该有分离或局外的功能。 全球化的 Airbnb是一个会被全球用户使用的产品。我们的产品和视觉语言对全球用户都应该是友好的和可用的。 清晰聚焦的 当我们呈现设计和功能时,应该是十分聚焦的。围绕聚焦的内容,我们的设计应该清晰和大胆的传达给用户。 口语化的 我们的产品与用户沟通时,应该与现实生活一样,轻松易懂。 作为“共同的朋友” 让用户在线上尽量减少不确定的内容、可以方便设定好自己的期望,从而更好的匹配用户需要的结果,真实生活中的线下体验才会很棒。我们产品是为了房东、租客可以更好的互相认识而设计的。我们还会不断了解你的需求,通过好的产品设计,持续为用户创造更好的新体验。我们为用户互相认识搭好舞台,互相介绍,然后就离开,把空间留给用户。就像好朋友的角色一样,当你需要我的时候,我就在你身边。 为第一印象而设计 尽管airbnb在用户下订单的时候需要一些信息,但并不需要所有事情都开诚布公。所以我们需要客人告诉我们他是谁,但具体他是什么样的人,由客人决定吧。 互相信任需要努力 就和现实生活中一样,你在airbnb里投入什么,就会收获到什么。airbnb里的信任是相互共享的。我们发现租客对房东越真诚,房东也会更愿意信任租客。
全球化的 我们的使命是让全世界更加开放,这意味着我们的产品要触达世界每一个角落、每一个人。我们要为每一个人、每一种文化、每一种语言、每个生命阶段而设计。这就是为什么我们的产品总是做90%用户的功能,而不做少数人的功能,即使这样意味着我们短期内可能后退一点。 以人为中心 用户使用我们的产品是因为这里有他的朋友和他附近的人。“你在乎的人都在这里”就是我们产品的核心价值。这就是为什么人的脸庞、人们发的消息比一切视觉设计都重要。 干净的 我们的视觉设计干净而素雅,就是为了给用户提供一个干净的画布呈现他们的生活。一个极简的、明亮的空间可以让参与者真诚的交流。干净并不是视觉设计最容易的方法。相反的,因为想极力减少视觉样式,边缘的距离、字体的比例、颜色的设计都变得尤其重要。 始终如一的 拥抱可重复使用的控件样式。我们认识到当使用一致的交互控件后,可用性会大大提高,因为不需要重复的学习。我们保持用同一种声音和用户说话,建立信任。尽量做减法、重复的使用,不要什么都重新设计。 实际有用的 我们的产品不像娱乐类的产品,它会被每天重复使用,需要有效率的为用户提供价值。这就是为什么我们用户每天最主要的交互方式就是时间流,为用户大大节省了要没必要的点击和空间的浪费。 快速 我们珍惜用户的时间比自己的更甚。更快速的体验可以让人感觉更有效率和不费劲。网站性能不是用户应该关心和注意到的,我们的网站应该尽我们所能的快。 透明 用户把信任交给我们,他们的身份、照片、想法、对话都因为信任而交给了我们。我们要以最大程度的诚实和透明作为回报。对于现在发生了什么,为什么会这样,我们都要对用户如实告知。
Apple
整体的美学 整体的美学是指一个App应该从外观、行为与它的功能保持高度的一致性。例如,如果一个App要帮助用户完成一个严肃的任务,图形的设计就应该更微妙而不张扬,使用标准的控件,这样用户可以很轻松的预测操作后的反馈。如果一个App是沉浸式的如游戏,就应该有一个抓人眼球的外观,提供有趣、激动人心、鼓励发现的体验。 保持一致 通过使用系统提供的界面元素、大家熟知的icon、标准的文字样式、统一的术语来可以使App保持一致。App所包含的功能和行为,都应该与用户期待的一致。 直接的操作感 对屏幕内容的直接操作,使用户有参与感和容易理解。当旋转设备或使用手势来控制屏幕上的内容时,用户应该直接体验到他操作后十分迅速的结果呈现。 反馈 用户行为后的及时反馈可以让用户马上知道操作的结果。iOS的原生App对所有的用户行为都提供了容易感知的反馈。交互的元素在点击后会有高亮的点击态,进程的指示器会在稍长时间的运行时提供状态告知,动效和声音的提示也可以帮助告知当前行动的结果。 隐喻 当App中虚拟物体的行为与现实生活中相似时,人们会学习得更快。iOS的隐喻使用得很棒的原因是人们真的在与屏幕交互。你可以滚动视图来展示内容的底部。你也可以拖拽或扫动内容。你还可以打开切换按键,移动滑块,滚动选择器的数值。你甚至还可以对书籍和杂志进行翻页的操作。 用户的操控感 在iOS里,人才是控制者,而不是App。App可以在遇到危险结果时提出建议的操作,但如果App自作主张的帮用户做决定就一定是错的。好的App能在纠错和让用户有操控感之间找到完美平衡点。好的App能通过熟悉的交互元素、再次确认、容易取消之前的操作等来让用户觉得他们正在控制大局。
Google Material Design
实体感是一种隐喻 通过构建科学合理化的空间和系统的动效,形成了实体感的隐喻。由于在研究纸和墨水的时候受到启发,实体感的营造灵感来源于可触摸的实体,实体感的技术上很先进且充满想象和魔力。 界面元素的表面和边缘提供了基于现实的视觉暗示,熟悉的触感让用户可以快速地明白其功能可见性。界面元素的灵活变化甚至创造了超越物理世界的新的功能可见性,但又不会脱离客观的物理规律。 光线、界面、运动是传达物体在移动、交互和空间中相互关系的基础。真实的光线会展现出两个面之间交接线,划分的空间以及移动的部分。 大胆,生动,有意为之 基于印刷设计的基本元素-字体、栅格、空间、比例、颜色、图像的使用-是我们视觉处理的基础。这些元素的作用远远不止养眼。他们创造了层次关系,意义和焦点。通过颜色选择、图像、大比例的字体,和有意的留白可以创造出一个让用户沉浸体验的大胆的、图形化的界面。 我们要为用户突出当前的核心功能操作以及路径的关键节点。 动效提供意义 用户才是操作后动效的原动力。因为用户的行为才有了动效,这会改变整个设计。 所有动作都在同一个环境里产生。呈现给用户的物体即使在变形或重新组织时,也不应该打断整个体验的连续性。 为了让用户更好的聚焦和维持连续性,动效要富有意义和适宜的。反馈要微妙细腻且清晰。转变要高效连贯。
Microsoft
保持简单 我们把简洁作为统一的终极武器。当设计是直观的时候,我们都能感觉到。结果就会是一个真诚和永不过时的体验。 个性化 我们希望能与每个个体都创造情感的联系。我们为每一个人的真实生活、想法和行动而设计,结果就会感受到像是为每一个人设计。 更加全球化的思考 拥抱更人性化的设计。这远远不只是造物,而是让生活更加美好。这样技术就非常有包容性。 创造愉快 最后的准则是关于设计所体现出的能量。你如何感受到这个体验是由一个真实的人设计出来的。结果就会是让人惊喜的体验。
Medium
国外的一个更认真的写作阅读平台
(后两个原则还是比较新颖的)
带有引导性的而不是什么都让用户选择 这个准则主要应用于当我们设计medium的输入编辑器时。我们有意的引导特定编排、字体和颜色选择,是因为我们希望用户把焦点放在写作上,而不是被太多选择所分散注意力。 合适比一致性重要 这个似乎很有争议性,但当应用到不同的设备平台时,理由就很充分了。我们愿意为了操作系统、平台等环境的原因,打破一致性。 不断进化的,而不是定稿不变的 这体现在Medium的草稿、给予段落的评论或赞,和留下备注的功能。在Medium上的内容不应该是脆弱的,应该随着使用不断提高和进化。我们并不想把互联网的Medium设计成像打印出来的一成不变的书。
Firefox Design Values
- 照顾你
Firefox就是你的捍卫者-你的安全、隐私和上网的质量。我们对你的时间、数据和注意力十分的尊重,因此我们会为你做出明智的选择。 用户才是最高权威,默认就是隐私,不要搞惊喜,具有操作性的建议。 你的参与才能使产品更好 Firefox是为了拥有最好的用户体验而设计,但只有当它成为你的个人化产品后才会完美。 在我们的社区里需要你的声音,让人们从智能的默认选项开始,隐形和显性的定制化。 邀请用户参与进来。
- 一起才好玩
Firefox的产品是那种你不是因为他的默认设置有多好才选择的产品。Firefox绝不会把你绑定在任何特定的服务或供应商。相反的,它给你足够的选择权和独立权(会提供很好的建议),让你拥有最好的体验。 用户的控制权和选择权,可以简单的使用你所选的服务,提供在web所能得到最好的服务。
- 热情洋溢
其他的浏览器可能追求极简和平实,光亮或非个人化。Firefox会更人性化、有趣、异想天开和快乐。我们都喜爱web,Firefox也不例外。 让用户觉得与它沟通的就是一个真实的人,有趣的工具会更容易使用 Firefox是由非常关注细节的人创造的。一个漂亮的App在使用的过程会感觉到容易和清晰。这只有在不断打磨和对细节的关注中达到。 不同平台里外观的延续性
- 全球化的
Firefox是由来自世界各地的人设计和使用的。针对不同地域的设计,不仅仅是翻译过来。因为我们知道除了特定的一些需求是全世界都一致的以外,全球各地的需求是会存在差异的,而Firefox非常在意这些差异。 全球化意味着本土化、本土化、本土化
- 平衡的力量与简洁
Firefox的设计简单和容易使用,干净直接。但简洁是一个方法,并不是结果,结果是容易理解。 80/20/2:默认是最简洁的界面,但需要的时候,很容易可以自己定制。 不一味追求简洁,而是追求用户容易理解
- 让网页在情理之中
网页是大而复杂的。Firefox会从帮助用户聚焦在真实的人类目标和活动,用工具帮助你完成所需要的任务。 聚焦在人的任务和环境,提供任务所需的工具,到达网页和你想要内容的快捷入口。 不要用专业术语,说人话
- 高性能
速度仍然是评估一个浏览器好坏的最重要因素。除了技术上的性能,用户是否感觉响应快速也是非常重要。 性能是客观的,但是否响应迅速是主观的。
Bing
为探索者而设计 让用户感到愉快和惊喜 赢得信任 符合品牌价值 赚钱 展示我们最好的一面 通过相关性组织页面 尊重速度的需求 给足够的并提供更多 提供无缝的体验
BBC GEL
BBC的全球体验语言
全球化的 我们必须通过简单、有用、直觉的界面来传达的清晰的信息。我们的服务是开放和容易获得的。 引人入胜的 我们广播的声音从严肃、官方的到诙谐幽默的。我们可靠、有价值、温暖人心和有人情味。我们是通过引人入胜的故事让观众着迷。 可靠的 我们非常重视用户给予的信任和亲近。我们通过微妙的延续以往BBC标志性的设计来延续这种感觉。 先驱的 我们会做创新的先锋,以此给用户愉悦和惊喜。我们会带着观众一起享受新鲜的探索。 当下的 我们管理着英国的时间线,除了反映当下发生的,还提供过往相关的上下文。 独特的 我们不只是按照当下的设计趋势去做,我们会看到未来的趋势。在中规中矩符合潮流和新探索中取得平衡。 联合的 我们的所有服务和平台都是相互连接的。我们提供内在和外在都相连的体验路径。 本土化与全球化 我们在全球化的同时,也非常重视本土化。我们的信息是可扩展和本土化的。 现代英国的 我们的服务已经是英国民众日常生活必不可少的一部分了。它必须拥抱现代的英国设计审美,我们的形象应该是生机勃勃甚至有点小古怪的。 最好的 最后但是同样重要的,质量第一。
Lyft Design Principles
打好基础 清晰的选择和上下文 建立信心 一如既往和透明 独特 可拥有且愉悦的
- 清晰易懂的
直觉的,不需要学习的 不需要解释就能明白怎么操作 让用户觉得自己很厉害 不要有让你觉得不信任或不舒服的东西。系统给你提供了正确的控件和接下来做什么的选项。 让内容更出彩 界面的框架是完全无缝且隐藏的。在你不需要的时候根本不用注意到。由用户决定要使用什么,我们不会强迫用户。
- 生机勃勃的
多彩 人物性格大胆出挑 视觉上响应很快的 交互体验模拟物理世界的 意料之外 体验是好玩有趣的,但绝不会压倒一切。
- 牢不可破的
为了探索而设计,就像小孩的玩具,你会想要玩弄它,各种尝试看看会发生什么。越多的探索,就越快学会且得到越多。 几乎不可能会按错,所有的设计都为了帮助你容易找到想要的内容。 可逆转的,如果万一你真的操作错了什么,改正过来会非常简单。
Foursquare
基于用户地理位置信息(LBS)的手机服务
- 个性化的推荐和体验
当我们想找地方吃饭、喝东西、购物时,没理由给每个人都推荐相同的内容。在2006年的时候给所有人都相同的列表推荐可能是可以接受的,但现在看就太过时了。各人的品味都不相同,为何我们要看到相同的结果?
- 持续的数据收集并在情境中使用
我们的手机应该越来越了解我们的口味、社交关系和偏好。这样可以帮助我们更好的探索周围的世界。例如你喜欢复古风格的衣服,就应该告诉你附近有一个很好的小店。如果你来到一个新城市,就应该告诉你你的朋友Katy推荐了当地的一个小餐厅。如果你特别爱吃辣,就应该在你坐下点菜的时候给出合适的建议。
- 好玩的视觉语言
应该在城市探索的过程中设计好玩、轻松、娱乐的视觉体验:例如大胆的icon设计,明亮纯度高的颜色,结合超级英雄的地图中的定位锚点logo等。
Asana’s Design Principles
办公协作,类似teambition。 让用户可以聚焦在自己的工作上免除干扰 用户的精力应该由自己控制,只有与个人密切相关的改变时才打扰用户。 通过清晰明确来增加信心 在应用里,团队中,正在发生什么和为什么发生都应该毫不含糊。 从人际技巧中获得高效的产出和情感的满足 当用户感觉与同伴可以相互依赖、各司其事、往同一个目标努力时,会感觉自己是团队的一部分。 为了更快、不费力和有目的的交互而设计 简单和日常的任务应该毫无障碍和显而易见的。复杂的任务应该感觉到高效和愉快。但不能因为速度快而耽误准确度。 通过一步一步探索让每个人都越来越厉害 使用Asana的人,无论是否有经验、使用多少功能,都应该感觉到掌控感,清楚怎么使用。 保持统一和标准,但在值得的时候创新 用户应该感觉到Asana很熟悉但也很现代。
IBM UX
探索、尝试、购买
主动的找到目标用户。给用户展现实际的产品和服务,不要光用嘴巴说。把用户从“尝试”无缝连接到“购买”
- 发现
一个最完美的发现体验是,用户以为是自己找到这个答案的。
- 尝试
尝试一个产品就应该和试驾一辆新车那样有趣愉快。
- 购买
一个软件类的产品或数码的服务应该就和购买咖啡一样简单直接。产品功能使用的步骤和细节都应该非常明显。要给用户一种购买完就非常兴奋的感受。
如何开始
把用户邀请进来,给他们展示产品可以完成什么事情。最初的体验会留下第一印象。
人们在接触到新鲜事物时,会很快的形成一些看法,尤其是那些会影响他们生活的东西。
通过用户操作与他个人化相关的任务来展示产品。量身定制的为每个用户讲解那些产品改变他们生活的惊喜时刻点。永远不要低估一些小细节。当你为他们节省时间、免去麻烦、甚至是节省桌面的空间时,用户都会马上感觉到喜悦。
第一次的使用一定要在个人或商业价值被展完整的展示和传达出来后,才算结束。
每天使用
用户应该在每次使用你的产品时,都感觉到独特的价值。
无论是每天还是一年一次,用户都应该感觉到控制感,可以随时从上次他结束的地方重新开始。用户应该第一时间就明白你产品的用处。系统也应该清楚的给用户传达出他该期待什么、可操作什么和得到什么。
让用户明白如何达到自己的目标
允许用户按照自己的需求个性化产品
为错误的发生创造一个宽容的环境,即使错了也可以轻松回退
随时为用户准备好正确的操作和工具,鼓励用户的积极性
当用户完成任务时,给他一个大大的鼓励,让用户为自己骄傲。
管理和升级
在每天使用产品时,保养和收取最新升级应该尽可能的优雅和可预见。
- 管理
管理容易的产品才会被经常使用。用户只有在不用老担心怎么管理的时候才会是一个开心的用户。无论是对为整个组织负责的管理员还是终端普通用户,都要尽可能的把管理任务设计好。无论对于哪个用户群,都会是“不要拿管理来烦我”的态度。
- 升级
升级的过程尽可能不要打扰用户和减少用户的参与。当有一些重要的用户体验改变了的时候,不要让用户去猜什么是新的或猜移除了哪些功能。要明确的告诉用户发生了什么改变,和这对他而言有什么影响。
获得帮助
以用户希望的方式来帮助用户。告诉他们更多的知识和鼓励他们的分享。
“帮助”体验由始至终都会贯穿。帮助应该是积极主动的、愉快的,和有多种形式的。
当用户需要帮助,要为用户找到最容易解决的办法。要了解用户的使用习惯和教用户它最顺手的解决办法。
通过贴心的交互方式,引导用户在边操作的过程中边学习,知道下次自己该怎么操作、掌握成功的技能。要尽可能的帮用户避免错误。当你的产品或服务不可用或者坏了的时候,要明确告诉用户状态且在什么时候服务才会恢复。要找到最好的通知用户的方式。
帮助的体验应该让用户感觉到自己学到东西并且知识渊博。鼓励用户成为专家。对你的目标用户使用平实的语言。给他们反馈和分享学习成果的机会。用户通常会更愿意从同辈人中听取建议,所以社区的学习也是值得推行的。
化繁为简的7个原则
1.应用储存于外部世界和头脑中的知识;
2.简化任务的结构;
3.注重可视性,消除执行阶段和评估阶段的鸿沟;
4.建立正确的匹配关系,意图-行为-效果;
5.利用自然和人为的限制性因素;
6.考虑可能出现的人为差错;
7.最后选择,采用标准化(右行,时针顺逆,下下策)
可用性和工程化
设计原则的优先级
清晰:消灭歧义,帮助人们更准确的理解和使用产品。 高效:让流程更顺畅,更智能化。优化功能逻辑,预判需求,让人们使用的更加轻松快捷。 一致:对于相同的问题,提供相同的解决方案,减轻用户的认知及记忆负荷,使界面操作方式更符合直觉。 美观:细心打磨界面外观,让人们感到我们的产品值得他花费时间与精力去使用。
- 清晰
是体验当中的重中之重。用户需要在足够清晰的界面环境中完成任务,达成目标。如果我们能确保用户一次又一次成功的完成目标,我们就能赢得他们的信任与忠诚。所以我们将“清晰”放在第一位。
- 高效
我们与客户进行沟通时听到的最多的一个词。我们几乎想把它放在第一位了。但当我们将这一要素尽可能放大时,却也看到了问题。命令行模式对于专家用户来说是最为高效的工具,但对普通用户来讲就太过高深了。如果将“高效”推向极致,很大一部分用户会被吓到,他们在操作过程中只会不断的出错,对于用户来说这是一种高昂的成本。所以我们将“高效”排在第二位。
- 一致性
对于确立设计模式、打造符合直觉的产品体验来说极其重要。但如果过分的追求一致,系统将永远得不到进化的机会。为设计创新保留一定的空间,不要为了追求一致性而牺牲更加重要的东西。所以我们将其放在第三位。
- 美观
对于设计师来说固然重要,但绝非体验的核心要素。对于产品,特别是企业类型的产品,完成目标任务永远是第一位的。很多所谓美观的产品设计实际使用起来便会令人感到乏味无聊,看上去精彩绝伦的用户界面在很多时候会难以认知和记忆。美观是提升体验、激发愉悦的重要手段,但对于我们来说,不可能将它的重要性排在其他任何设计原则之前。
一致性原则特别解析
原创: 一戈何处
一、一致性原则是什么?
百度百科:一致性原则也称一贯性原则,它要求企业采用的会计处理方法前后各期应当保持一致,而不得随意变更。如确有必要变更,须将变更原因及其对财务状况和经营成果的影响,在财务报告中加以说明。
一致性最初用于企业,后来延伸到设计领域,是指相同的功能在应用的不同界面应该表现一致 ,相似的功能在不同的界面中应该表现相似。
二、遵循一致性原则优势
减少用户认知和记忆负担,提高产品易用性。同时也减少了用户在使用过程中产生的困惑,提高了用户使用产品的愉悦感和流畅感。
三、一致性原则在设计中如何体现?
一致性原则在设计中通常包含视觉一致性、行为一致性和感知一致性3个方面,接下来将从这3方面详细描述如何使用在设计中使用一致性。
一致性在设计中的运用主要包括以下的几个方面:
| 视觉一致性
颜色一致性(主色调、辅助色、点缀色、字体颜色)
风格一致性(扁平、投影、拟物等风格表现)
属性一致性(字体、图标、图片)
| 行为一致性
操作一致性(删除、滑动、点击、下滑刷新、动作、动画表现)
与产品在所在平台保持一致性(安卓和iOS的不同的操作习惯)
| 感知一致性
位置一致性(确定、取消按钮、保存、类似模块的相同按钮位置相似)
文本一致性(提示语、操作提示、功能按钮、编辑提示)
| 视觉一致性
- 颜色一致性(主色调、辅助色、点缀色、字体颜色)
颜色的一致性是指在同一个产品中,主色调、辅助色、点缀色、字体颜色、警告色等颜色在不同页面上保持一致。例如支付宝的主色调是蓝色,它的产品LOGO、主色调、线下活动海报,一般是蓝色作为主色调。产品的色调影响了用户对产品的认知,例如橙红色的摩拜,黄色的ofo。
- 风格一致性(扁平、投影、拟物等风格表现)
在一个应用中一般只使用一种风格,否则很容易让用户“跳戏”,疑惑是否还是同一个应用。
ICON的一致性,同一模块下使用的图标建议保持一致。图标的一致性包括风格是线形,面形,线面结合等方式,线的粗细、圆角也需要保持一致。
- 属性一致性(字体、图标、图片)
属性的一致通常体现在字体、图标、图片上。字体、字号、是否加粗、颜色、投影等都是属于字体的属性;图片的属性主要是圆角或直角、尺寸、图片投影上。在相同层级的不同功能的字体、图标、图片在属性的表现上应该一致,或者有某种关系让他们达到一致。
| 行为一致性
- 操作一致性(删除、滑动、点击、下滑刷新、动作、动画表现)
操作一致性也可以说是交互动作一致性,是指用户在操作相同的功能时,操作方式应该是一致的,如点击打开、左滑删除、长按显示更多操作、截图出现自动分享等在各个页面表现一致。
- 与产品在所在平台保持一致性(安卓和iOS的不同的操作习惯)
在产品设计中需要考虑产品的所在平台的特性,根据平台的特性设计与其相符合的产品。
如果是PC端,那么需要考虑PC端的特性,屏幕较大,网络相对较稳定,以点击的操作居多等相关情况。如果是移动端,那则要考虑到手机使用场景的复杂性,包括网络和使用环境以及用户心理状态等。移动端也会相对运用较多的手势操作,并且移动端还分iOS、Android等不同的操作系统,在不同的系统下某些操作和表现样式不一致,如弹窗、左滑删除/长按删除。
| 感知一致性
- 位置一致性(确定、取消按钮、保存、类似模块的相同按钮位置相似)
位置的一致性主要是指相同的功能在页面中的位置需要保持一致,位置的一致性可以方便用户快速准确的操作。其中包括相同功能的操作位置一致、页面之间的元素相对位置一致等。
- 文本一致性(提示语、操作提示、功能按钮、编辑提示)
文本一致性是指在APP中,同样的功能在不同的地方出现的文本应该保持一致,其中包含提示语、辅助信息、操作提示、功能按钮文本等,主要是指在语气上、用词上保持一致。
操作提示主要是用户在操作时的一些反馈,例如操作成功、操作失败、已添加等提示语需要保持一致。
功能按钮文本在各个界面的表述一致,例如一些列表通常会有编辑或管理的功能,建议对于同等的操作统一用语,避免同一个功能多种术语。
尼尔森交互设计10原则
1.系统状态可见原则
2.环境贴切原则
3.用户的控制性和自由度
4.一致性原则
5.防错原则
6.易取原则
7.灵活高效原则
8.易扫原则
9.容错原则
10.人性化帮助原则
尼尔森的十大可用性原则是产品设计与用户体验设计的重要参考标准,值得深入研究与运用。
一、状态可见原则
用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指页面响应时间小于用户能忍受的等待时间。
二、环境贴切原则
网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外,还应该使用易懂和约定俗成的表达。
三、撤销重做原则
为了避免用户的误用和误击,网页应提供撤销和重做功能。
四、一致性原则
同一用语、功能、操作保持一致。
五、防错原则
通过网页的设计、重组或特别安排,防止用户出错。
六、易取原则
好记性不如烂笔头。尽可能减少用户回忆负担,把需要记忆的内容摆上台面。
七、灵活高效原则
中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。
八、易扫原则
互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。
九、容错原则
帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。
十、人性化帮助原则
帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。