美文网首页0岁的产品经理产品经理
《破茧成蝶》笔记之设计友好而易用的界面

《破茧成蝶》笔记之设计友好而易用的界面

作者: 江白城 | 来源:发表于2018-09-14 21:48 被阅读1次

    从需求阶段过渡到界面阶段,就可以细化界面了。在设计中有一些技巧,可以帮助大家设计出更加友好而易用的界面,从而减少用户理解和操作的成本。

    一、如何简化复杂的操作

    可以通过减少干扰项、转移复杂操作,简化操作方式,优化操作步骤等方法。

    减少冗长步骤和干扰项

    人在处理信息、学习规程和记忆细节方面的能力是有限的。选项越多,步骤越长,用户需要耗费的注意力和理解力就越多,所以少一次跳转,就少一次注意力的转移,会让用户操作起来轻松许多。

    将复杂操作转移给系统

    每一个任务都有其固有的复杂性,无论在产品开发环节还是在用户与产品的交互环节。这一固有的复杂性都无法按照我们的医院小时,所以只能设法调整平衡,把复杂的操作转移给系统。

    简化操作方式

    简化用户的操作路径,可以有效地节约用户使用成本,进而提升用户体验。

    优化操作过程

    提供合适的首选项、适时帮助、及时反馈、提供合理的默认值,等等,这些细节的优化,可以帮助用户降低出错几率,更顺畅地完成任务。

    2、信息量太大,界面怎么摆

    让页面层次不言而喻

    在设计以信息呈现为主的界面的时候,我们可以将要呈现的大段信息分解成易理解的信息模块,根据“用户想看到什么”和“我们想让用户看到什么”,为内容模块排列优先级。再根据用户的浏览资管,将不同优先级的信息放置到相应的页面位置。

    逻辑相关的在视觉上分为一组:让相关的信息在视觉上分为一组。可以利用“接近原则”,将相关内容组织到一起,以使页面之间的逻辑关系更清晰。

    内容或重要程度不同的在视觉上体现出差异:对于同类内容可以使用“接近原则”,对于内容或重要程度不同的信息就要使用“差异原则”。因为不同信息,如果表达形式过于类似,会造成误解,需要强化差异。

    逻辑上有包含关系的在视觉上嵌套:逻辑相关的部分,在视觉上也应该是相关的,要让用户一眼就能看出内容之间的关系。

    让重要信息跳出来

    我们可以通过视觉设计的方法,如字体加大加粗、色彩对比、添加背景色等,强调界面的重点元素。而其他非重点的元素应该尽量藏起来,或是显得暗点写,从而使界面的重点“跳出来”。

    将重要信息“藏”起来

    随着产品、功能的增加,很多网络产品正在变得越来越臃肿,界面上的元素也越来越多。调查表明,80%的用户只会使用20%的功能。所以,设计师不应将那80%只有专家用户才会使用的功能放在显眼的位置。

    为了不影响新手和中间用户使用,我们应将那些次要的信息“藏”起来,待用户需要时再将他们展示出来。

    理性的规划VS感性的界面

    对于设计师来说,既要学会理性的规划网站层级和逻辑,又要学会通过感性的界面吸引用户.

    二、以人为本的界面设计

    如何让用户被你的界面吸引,进而愿意通过操作来完成任务呢?首先,我们要了解用户,知道用户有什么样的需求,他想要的是什么。

    其次,我们要保证我们的页面逻辑不是错误的,可以让用户顺利完成任务。

    最后,我们要力求让设计形式符合用户的心理模型,让用户感受到“人性化”的设计。

    帮助用户找到想要的东西

    信息组织与分类的目的,就是让信息易于搜寻。让有明确目标的用户能够快速找到所需信息;有不确定目标的用户,通过浏览与寻找,一点点明确自己的需要,最终找到信息;让没有目标的用户在探索中激发需求。

    吸引无目标用户

    对于无目标或目标不明确的用户,我们不能再用理性、逻辑的思维方式来对待他们,而是要通过充分的换位思考,用感性的思维方式来给他们营造贴心、友好、有吸引力的界面。

    符合用户心理模型

    在设计过程中,设计师也该充分考虑到用户是如何理解产品的,并在交互设计的表现形式上更贴近用户的心理模型,避免枯燥的逻辑直接呈现给用户。

    三、捕获用户的芳心

    1. 来自真实世界的情感

    如果设计中的界面元素与现实中的潜意识因子相呼应,勾起用户的回忆,引起用户的共鸣,那么当用户看到界面时,就能够另其产生认同感和情绪体验,与界面产生情感互动,从而引导用户积极操作。

    拟物化的视觉

    最直接的借鉴现实世界的设计方式就是拟物化。通过模拟现实中的物体,使用户产生熟悉感,让信息与功能更加易于识别和理解。

    隐喻化的操作

    视觉表现难以拟物时,也可以通过模拟现实中的操作,使用隐喻的方式让用户对操作感到熟悉。

    2. 特性的设计惹人爱

    在互联网产品中,贴心的设计同样可以俘获用户的芳心。

    可控的感受

    调查表明,如果界面没有任何提示,80%的用户会在2秒内直接关闭窗口。如果界面有提示或是加载状态,用户的离开率就会极大地降低。加载状态提示还可以增加用户的可控感,形成操作预期,使用户安心。

    积极的反馈

    人在表达之后,总是希望得到积极的反馈。积极的反馈可以增强用户的信心,提升用户体验的愉悦感。

    贴心提醒

    在使用产品时,用户难免会有遗忘或是疏忽的时候,此时给予用户一些贴心的提醒,可以提升用户对产品的好感。

    3. 如何调动用户的情感

    产品要让人感到愉悦并能深深地吸引用户。如何才能调动用户的情感,使用户在于产品的互动过程中产生积极正面的情绪,从而爱上你的产品呢?

    互动的乐趣

    人是社会化的动物,在意情感的双向表达。产品应该让用户感觉到,自己的一点一滴都被系统感知,满足用户的参与感和被尊重感。利用互动因素可以极大提升用户界面的趣味性,调动用户的情感。

    惊喜的力量

    惊喜通常会令人开心,因为这是超出预期的体验。如微信特定文字“么么哒”彩蛋。

    情景的烘托

    为产品设置一个故事情节,通过视觉、交互和动效的烘托,把用户代入到情境中。这种讲故事的方式很有趣味性,也可以很感人,能够有效吸引用户的注意力,调动起用户的情感。

    下一篇分享《设计标准》

    相关文章

      网友评论

        本文标题:《破茧成蝶》笔记之设计友好而易用的界面

        本文链接:https://www.haomeiwen.com/subject/papagftx.html