首页 > 教程 > 关键词 > 交互设计最新资讯 > 正文

交互设计技巧——创造好的用户体验(上)

2015-05-06 10:47 · 稿源:站酷网

前言:原文比较长,共65条,我打算分三次翻译完,这是1-20条。

*********************正文开始*************************

一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

  1. 尝试使用一列布局代替多列

一列布局会让你对全局有更好的掌控。它也能让你的用户预先对整体的内容从上到下有一个大致的了解。然而多列布局则会让用户从页面的核心内容上分散注意力从而增加额外的风险。最好的方法是用一个有逻辑的叙述然后在文末加上一个行动的口号来引导用户。 

  2. 尝试用礼物代替直接销售

为客户提供一份礼物是一种友好的方式。然而,更深层次来说,礼物也是基于互惠原则的一种有效的说服策略。这听起来显而易见,给别人提供优惠,你在将来的活动中也能从中受益。

 3. 尝试合并相似的功能,而不是支离破碎的UI

在产品开发期间,我们很容易在无意中创建多个功能一样的模块,元素及专题。随着时间的推移,界面变得支离破碎。留意相同的功能以多种方式展示,因为它容易给你的客户带来压力。通常,UI碎片越多,你的客户的学习成本就越高。偶尔考虑通过合并相似的功能来重构你的UI。

4. 尝试用客户评价来代替自吹自擂

客户评价是直接提高转化率的另一个强有力的说服策略。别人对你产品的支持和好评,是一种很好地号召客户行动的方式。所以试着提供一些证据来证明这些好评是真实可信的。

5. 尝试多次重复您的主旨,而不是只展示一次

重复你的行动口号是一种更适用于长页面的策略,或者是在多个页面进行重复。当然你也不想让同样的信息在同一屏幕里重复上10次,这会让客户很沮丧。然而,长页面越来越普遍,将所有东西都展现“在一屏”上的想法也过时了。所以将一个不太显眼的行动列表放在顶部,另一个突出的行动口号放在底部并没有什么不妥。当用户到达页面底部,停顿并思考接下来改做什么的时候——一个潜在的区域或许就能完成一次报价或成交一笔交易。

   6. 尝试将可点击/可选择的样式区分开来,而不是将其模糊

视觉上的样式,例如颜色、层次和对比,可以用来帮助用户理解你最基础的界面导航语言:我在哪里,我可以到哪里去。为了与你的用户清楚地沟通,你的可点击行为(链接,按钮)、可选元素(可选项),以及单纯的文本应该清楚地区分开来,然后在这一套界面中保持一致性。在下面的例子中,我选择蓝色标识能被点击的元素,黑色标识已被选中的元素或表明当前所在的位置。正确运用这些标记,更便于用户学习和使用这些线索来导航界面。不要模糊这三种功能样式使产品使用困难。

7. 尝试用推荐来代替罗列相同的选项

当展示多种服务时,一个强力的推荐或许是个好主意,因为用户有时候需要一点推动。一些心理学的研究表明,选择性越多,用户将想法付诸实践并行动起来的概率就越低。为了消除这种选择障碍,试着强调和突出显示某些选项。

8. 尝试用撤销操作来代替提示确认

想象一下,你只是按下了一个操作按钮或者链接,撤销能让操作更流畅自然。另一方面,提示操作则在暗示用户不清楚用户在干什么,并一直质疑用户的意图。大部分情况下我会假设用户是明白自己的意图的,误操作只是偶然发生的。当提示窗口弹出时,用户必须重复地进行确认操作,一次又一次的提示其实是一种非常不人性化的设计。所以考虑让用户执行撤销操作来提高产品的友好度而不是一直提醒用户确认。

 9. 尝试写明产品使用人群而不是所有人

你的产品是面向所有人还是有精确地指明受众群体?明确指明你的产品或者服务的受众群是明智的。通过不断了解目标客户的需求及标准,你能获得更多与客户交流的机会,并且让客户觉得享受了产品的专属服务。这种策略的风险是你可能精简了自身,并缩小了潜在客户的范围。然而,透明建立信任,你可能因此获得客户更多的信任。

  10. 尝试直截了当而不是犹豫不决

你可以用不确定的带着颤抖的声音传达你的信息,也可以满怀自信地说出来。如果你经常用类似“也许”、“可能”、“感兴趣?”、“想要吗?”这样的疑问语气来结束信息的传达,或许你可以尝试用更权威的语气来表达。谁知道呢,或许更为舒缓的措辞来告诉用户接下来改怎么做也可以给用户留下更多思考的余地。

 11. 尝试用鲜明的对比代替相似性

将你的行动口号与周围的元素区分开来,使其更显眼一点,能让你的UI表达更强烈。你能轻易地通过多种方式让你的主旨口号更醒目。你能采用明暗色调的对比来凸显。你还能采用投影和渐变来实现层次上的对比。最后,你还可以从色轮上选取互补色(例如:黄色和紫色)来进一步提高对比度。综上所述,你应该考虑将你的行动口号与页面上其它元素明显区分开来。

12. 尝试指明原产地

指明你的原产地,你的产品或者服务从哪里来的,可以将你与客户的关系拉得更近。具体提到产品的原产地的国家、州或者城市,就像人与人沟通时自我介绍一样。如果你在产品介绍时做到这点,你的界面显得更友好。通常,说明你的产品的产地也能让客户感觉产品的质量更有保证。这是一种双赢的方法。

 13. 尝试精简表单

人类天生就抗拒密集型劳动,并且这也体现在表单填写上。你要求用户填写的每一个字段都有让用户转身放弃的风险。每个人打字的速度都是不一样的,况且在移动设备端输入更是一件苦差事。确定是否每一个字段都是必需的,尽量删掉不必要的字段。如果你确实有大量的信息需要用户填写,考虑将它们分开到不同的页面填写,或者在提交之后还能继续补充。过多的字段会让你的表单臃肿,要想精简也很容易,减少字段就行了。

  14. 尝试暴露选项而不是隐藏它们

你使用的每一个下拉菜单隐藏的信息,都需要用户用额外的操作才能显示。假如那些隐藏选项对用户来说是贯穿整个操作的,你可能会希望它们展示得更明显一些。保留那些约定俗成的下拉菜单,比如说日期和时间(例如:日历)或者地理位置的选择。有时候下拉菜单在用户重复使用的地方也是可以使用的(例如:操作菜单)。在你需要进行页面跳转的地方,尽量避免为主要功能使用下拉菜单。

  15. 尝试分模块有条理地叙述而不是长篇大论的平铺直叙

  长篇大论的平铺直叙是很容易失去客户的。是的,很长的滚动页面是很帅,但是要小心给客户这样一种感觉——在页面还没有结束的时候误以为内容已经结束。假如你的页面需要滚动,尝试设置一个可见的标识,让用户遵循这个规律看下去。其次,内容间的间隙也不能过大(当然我指的是一个区间范围,况且有这么多的设备尺寸)。

16. 尝试保持焦点而不是滥用链接

为了尽可能满足更多客户的需求,很容易在一个页面上创建得到处都是链接。如果我们的重点是长文本底部那个行动口号的话,那就得三思了。其它任何链接都有可能使用户离开页面。注意你页面上链接的数量,尽可能平衡导航页面上的风格(更少的链接以及更高的转化率)。删除无关的链接更有可能让用户点击那个最重要按钮。

17. 尝试显示进度状态

在用户界面上我们经常显示有不同状态的元素。邮件有已读、未读状态,发票有已付、未付的状态,等等。通知用户每一条记录的特殊状态,是提供信息反馈的好方法。界面状态能帮助用户很好地理解他们之前的操作是否成功执行,以及接下来的操作怎么处理。

                                         

18. 显示对用户有利的按钮信息,而不是让用户觉得自己只是在完成任务

  试想一下界面上有两个简单的按钮。一个按钮告诉你它将会“为你省钱”,而另一个要求你“立即注册”。我敢打赌,第一个按钮被点击的几率更大,因为注册没有自己内在的价值。而且,注册让人想到填不完的表单,过程特别费劲。假设表明,让用户感到有利可图的按钮更有可能被点击。另外,将好处写在操作按钮附近可以提醒用户这样操作的原因。当然,现在仍有为基于任务的操作按钮保留的空间,不过,这是预留给那些转化率不高但使用率很高的操作元素。

19. 尝试直接操作而不是无上下文的菜单

有时候,直接在元素上进行操作比无相关的菜单罗列要更有用。举个例子来说,当展示数据列表的时候,我们通常允许用户在列表的项上进行相关的操作。在列表项上点击,或者是鼠标滑过都能被用来表达一种特定的操作(删除,重命名,等等)。直接操作的另一个例子是点击一个数据项(例如说一串文本地址)后,然后文本框变成可编辑的状态。使用这样的交互,减少了一些不必要的步骤。不过对于一些一般性的操作(比如说前进、后退),使用无上下文的菜单是没有错的。

20. 尽量显示全部内容而不是创建额外的页面

当创建登录页面时,在转换页面上显示全部表单字段会更好。与单独创建额外的注册页相比,将注册表单与登录页合并有更多的好处。首先,我们减少了流程操作中的额外步骤,这样操作将花费更少的时间。其次,通过显示表单字段的数量,我们也向客户展示了注册表单的实际长度。当然,前提是我们的表单比较短(当然表单也应该尽量简短)。

  • 相关推荐
  • 大家在看
  • 外媒曝华为Mate40体验感受:比前作增加更多新的用户体验

    作为全球最大的手机厂商之一,华为的每一款代表性旗舰在发布前的一丝一毫爆料都备受外界关注,前作开创的“瀑布屏”形态打破了传统全面屏的视觉效果,将视觉沉浸感和冲击力提升到新的高度。那么全新的华为Mate40系列又将在屏幕上做出哪些成绩呢?现在有最新消息,近日有外媒称该机将在前作Mate30系列的基础上增加更多新的用户体验。根据外媒huaweicentral最新发布的消息显示,全新的华为Mate40系列将在Mate30系列的基础

  • Moka招聘管理系统,如何因“用户体验”获得HR群体青睐?

    Moka智能化招聘管理系统,在目前国内市场上的主流人力资源数字化产品中是年轻一派,却在产品上市的 4 年多时间里快速收割市场与“人心”,现已服务超过 700 家中大型企业,有超 50 万的HR与用人经理使用过Moka。在快速上升的数字背后还有一个明显的现象,Moka的“用户体验好”、“好用”、“易上手”、“智能”是HR们交流中出现的高频词。对中国SaaS行业来讲,这是一个值得注意的现象。在以往,企业服务数字化产品普遍拥有“易用性

  • 斩获设计界“奥斯卡”缪斯设计奖铂金奖 小叶子值此殊荣

    近日,一年一度设计界的“奥斯卡”缪斯设计奖(Muse Design Awards)公布了 2020 年获奖名单,小叶子音乐教育旗下最新产品TheONE智能灯条二代斩获产品设计类目音乐组铂金奖、产品设计类目电子设备组金奖。据介绍,缪斯设计奖是国际奖项协会旗下的全球性奖项赛事之一,分为铂金奖、金奖、银奖、玫瑰金奖,今年收到来自全球 50 多个国家和地区的 13000 多件参赛作品, 130 名国际知名评委评审,竞争激烈。小叶子音乐教育能从此次大赛

  • 大鹏教育设计,打造通往专业设计师的高速发展通道

    自成立以来,大鹏教育以市场需求为导向,以技能增长、兴趣驱动为出发点,定位于互联网+教育,致力于打造更高效、更优质、更具性价比、更有体验感的线上教育平台。截止目前大鹏教育已开设六大学院,包括设计学院、美术学院、国画学院、书法学院、短视频学院和公益学院。其中,大鹏教育设计学院,以“把设计做好做精”为宗旨,助力学员储备专业技能,提高社会竞争力。大鹏教育设计助力学员储备专业技能根据市场需求和不同年龄段学员?

  • 天学网APP 5.0全线升级,四大“用心”提升用户体验

    天学网APP自上线以来,已累积用户 3500 万,合作学校在全国范围内也突破了 15000 所。每一次微小的迭代,都是在为用户提供更好的教学服务。近日,天学网APP5. 0 版本正式上线。此次升级的天学网APP主要从登录方式、学习轨迹、推荐引导、作业统一、界面优化设计等各个维度进行了改进与突破。全新设计风格 设置更加便捷天学网APP 5. 0 版本的登录页面采用极简设计,功能也进行了整合,方便用户自己找回账号,通过登录、地区、学校、?

  • 车轮APP9.0版“三新”升级,提升用户体验

    在汽车工业的不断推动下,汽车在国内的普及力度也变得越来越高,我国目前已经是世界上最大的汽车市场之一,与此同时,一系列的汽车生活消费也呈现上升趋势。今年,虽然疫情期间汽车生活消费被相应抑制了,但进入下半年,随着大众生活的正常化,广大车主积累的消费需求也随之爆发。作为汽车服务领域的头部企业,专注于全国汽车生活服务领域的移动互联网公司车轮互联在满足广大车主消费需求方面做足了功课,致力于让服务能够多方面深

  • 设计师分享采用无按键“iPhone 13”设计图:酷炫环绕屏加持

    对于苹果来说,他们一直在准备更为激进的iPhone,比如取消充电接口,取消刘海等,不过暂时都不会量产,因为生产起来难度太大,而他们每年的更新要求的稳,而不是比有多激进。现在,国外设计师

  • 广汽蔚来与广东移动组CP,邀用户体验超酷的007!

    7 月 29 日,广汽蔚来携手广东移动共同推出“ 1 元抢名额,购车送 4000 元话费”、“ 0 元预约试驾”等优惠活动,用户可通过广东移动APP端生活频道参与,只需 1 元即可享受购车成功送 4000 元移动话费的直充优惠;另外, 8 月初广州还有 “广汽「智」造 蔚来科技——遇见智能移动出行生活”广汽蔚来 007 试驾活动,用户通过 0 元预约试驾,即有机会体验广汽蔚来007 智能纯电和舒适空间所带来的畅快感受,届时到场购车成功,还能获?

  • Redmi新机更多信息曝光 直面屏设计主打游戏体验?

    日前,我们报道了Redmi新机的部分信息,该机搭载天玑处理器,屏占比超高,配备升降式镜头,边框控制效果出色。 7 月 5 日,微博博主@数码闲聊站 爆料称,Redmi这款新机的屏幕为直面屏,刷新率为120Hz,散热效果比较不错,大家可以期待它的游戏体验。

  • 设计界的奥斯卡:华为智慧屏鸿蒙系统斩获德国红点设计奖

    近日,2020年度德国红点设计大奖(RedDot Award)正式揭晓,其中华为智慧屏鸿蒙UI系统凭借沉浸的视觉体验、创新的智慧交互设计而获奖。红点奖素有“设计界的奥斯卡”之称,被公认为国

  • 设计太丑,有赞CEO怒把产品体验部更名为“审美缺失部”

    有赞创始人白鸦发内部邮件宣布将公司的产品体验部更名为“审美缺失部”,并警告员工说“一个月内解决不了问题,你们这个部门解散”。

  • 这个设计师的作品备受欢迎,但他其实只是个AI

    俄罗斯最大的设计公司之一Art. Lebedev工作室就尝试了将AI生成的作品冒充为人类创作,并成功的骗过了很多合作客户。

  • 科技赋能优化用户体验 榕树贷款提升金融服务效率

    近年来,生活质量的提高使用户日益追求更高效、普惠、多样的金融服务,金融交易呈现瞬时高并发、多频次、大流量的新特征,给传统金融造成巨大冲击。这要求金融机构加快适应用户不断变化中的新需求,增强市场需求快速响应能力,提高金融服务效率。 近日发布的《 2020 上半年消费金融接纳度报告》显示,消费者在面对不同的消费信贷产品选择时会有多重考虑因素,其中,72%的受访者选择产品时在意的是利率利息、手续费和服务费,62%的

  • ACK气缸:以艺术诠释生活,以设计定义潮流

    5G时代下,生活的一切从简,从精。“精简”这个词几乎可以用来诠释当下的我们,在浮躁的环境下,我们更享受简单干净的事物。生活的每一个细节都在凸显我们的状态。不仅体现在我们的外在妆容、家居风格、颜色喜好,也体现在我们看不到的细节上。ACK是乐清宝顶气动元件有限公司旗下品牌,公司是国家定点专业生产缸等产品的大型企业,公司引进和吸收国内外先进技术,采用CNC数控机床等设备,选用日本PARKER密封件。产品现已广泛应用于

  • SEO网站排名,现在如何重新规划与设计?

    对于百度搜索而言,并不是一个“平凡”的一年,可谓是“波澜不惊”,百度搜索引擎算法,几乎每天都在不断的调整与修正。

  • 福特利用超前的设计理念提升福特销量

    目前,在大环境不好的情况下,对于汽车厂家来说,需要足够的时间积极转型。在面对变革的时候,能够主动跳出“舒适圈”,大刀阔斧地改革以应对新变化,这才是一个优秀的车企所必备的。积极调整发展战略的福特汽车,相信有能力应对销量挑战。让福特销量重回巅峰时期,想必非常值得期待。在转型过程中,福特推出了多款新车型,而近日福特要推出的这款福特野马Mach F是基于福特在设计Mach E时放弃了保持50多年的双门历史,确定将会有4?

  • 易盖房员工故事:常年陪跑的杭州设计“站长”

    关注我们的朋友应该在之前每月的设计案例投票中都看到过范亚朋的名字,然而每次的冠军都是杨洋……喜欢读书、观展、听音乐的他,在工作中一直有一个习惯,就是全天站着画图(大家不要以为他是学习海明威,只是单纯因为长年沉迷设计导致的肩膀和脖子痛)。至于他和杨洋之间的关系,大家一起在本期的访谈中寻找答案吧! Q1:从入职到现在,你自己最满意的是哪个项目的设计? 我的建筑设计,尤其是来到易盖房以后,更多是注重于用户的实际

  • 软银计划继续持有芯片设计公司 ARM 的股份

    据日经新闻 8 月 1 日消息,软银计划继续持有芯片设计公司 ARM 的股份。

  • HONORTALENTS让设计师创意定义荣耀新品

    7 月 6 日,连卡佛正式吹响“创意集结号2020”的号角。面向年轻人的科技潮牌荣耀携手连卡佛征集创意人士。“创意集结号”旨在征集时装、珠宝、鞋包配饰、生活方式、美容和健康生活的新兴品牌及相关领域的创意人才,迄今已来到第 9 届。荣耀HONORTALNTS鼓励新锐原创设计,连卡佛创意集结号扶持创意人才,两个项目的结合将发掘未来的创意新星,让科技与时尚结合。6 月 5 日至 7 月 5 日,荣耀联手著名连卡佛打造的HONORlifexLaneCraw

  • 如何让设计不再单调,字体超市上百款字体随心挑选

    目前可以免费使用的字体虽然有挺多种,但对于专业的视频制作者、淘宝店主、专业设计师来说,市面上的免费字体永远无法满足他们的创意设计要求。因此大家都在寻找各种可商用,造型又十分有特点的创新字体,让自己的内容创作增加更多特点,这里字体超市(font.cn)就帮助各位设计师提供了多样的选择。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签