|
|
51CTO旗下网站
|
|
移动端

七种技巧帮助您设计出优质的UI满足用户体验需求

众所周知,良好的用户界面(UI)设计能够提高用户的转化率。这个看似简单的道理,在具体实现“以人为本的设计”时可并不容易。本文就将帮助您构建出易于用户理解和使用的各种应用程序。

作者:陈峻编译来源:51CTO.com|2018-04-20 09:00

【51CTO.com快译】众所周知,良好的用户界面(UI)设计能够提高用户的转化率。这个看似简单的道理,在具体实现“以人为本的设计”(human-oriented design)时可并不容易。如今的移动端“革命”就像之前的Web“革命”一样,一直要求我们在设计体验场景的每一步时,都要通过不断地调整结构和重新考虑,来实现“以人为本”的简约性。在UI的用户社区中,我们就曾经通过推行所谓“以人为本”的趋势,去帮助大家关注和推进每一个项目中的UI设计。

用户在使用某个应用程序的过程中,会产生许多不同的经验与感受。通过尝试性地在不同的项目中采取不同的界面设计,我们就能够从众多的方案中选出最好的一种。而这些方案的出发点都是:寻找出基于人们需求的最佳表现方式。所以在理想情况下,我们应当通过各种最佳实践和技术创新的方式,去满足用户的各种需求。

我们一支在ESPEO(一家移动和Web应用开发的软件公司)工作的团队,每天都努力改善用户的界面,以提高在用户体验(UX,user experience)方面的表现。他们通过将UX工具栏与应用项目相集成,以确保我们所创造的产品能全面满足用户的体验需求。

技巧一:真诚且直接地展示自我

以往的经验法则告诉我们:“直接胜于遮掩”。通过直接的方式,您能够自信且准确地传达出自己的信息。因此在应用产品设计的过程中,您需要传递出能够协助用户实现成功的各种创意和界面外观。我们要知道,企业的领导者是不会用问号去作为他们指令的结尾,更不会使用诸如“可能”、“也许”、“是否有兴趣?”和“想要?”之类的保守表达方式。可见您的用户界面应尽可能具有权威性。

常言道:您对用户的诚实总是有回报的。因此您的表述性文字要具备一定的社会公信力,千万不要夸夸其谈。过分的夸大其词是得不到真正的用户转化率的。适当地展示权威的背书,并提及您的产品能为用户提供何种服务,都会促进用户的继续使用和进一步行动。因此,通过恰当的数字参考与证明,可以提高客户的信任度。当然,如果数字过于庞大的话,您也可以考虑将数据可视化,从而以一种清晰可见的方式去验证您的观点。

技巧二:易用性产生转化率

实现易用性的一个简便方法是:在界面上试着仅使用单列布局,而不是多列布局的呈现方式。单列布局能提供清晰且一致性的表述,用户能够轻松地进入您设定的场景之中。而多列布局则很容易将用户的注意力转移到其他的功能之上,进而造成分散页面核心目的的风险也就更大。可见,单列布局会带给人们简约的内容和流畅的体验,并最终促进用户的进一步行动。

您自己的设计风格与特征(如颜色、深度和对比度等)都可以作为与用户建立联系的元素被部署在界面上。通过使用一些特定的基本设计元素,用户能够在任何界面中领会到导航所传递的潜台词:我能做什么?我该怎么做?这些引导性的路线图都需要体现在有可点击的鼠标行为样式(链接与按钮)、选定的元素(已选项)和纯文本视图之中。每一种风格都应该与其他的风格有明显的区分,以便同一种风格能够统一地应用和体现在不同的界面之上。可见,如果该准则应用的恰到好处,用户会非常乐意地与界面进行下一步的互动。

七种技巧帮助您设计出优质的UI满足用户体验需求

技巧三:统一或合并类似的功能

在各种设计中,我们很容易根据相同的实现目的、重复性地创建出相互类似的界面部分、元素和功能。但是随着应用中所包含的信息量的增加,我们的界面也会像世间的其他事物一样随着时间的流逝而变得混乱。因此,我们应当去除UI中的杂乱分割、合并类似的功能、削减设计的复杂性、删除以不同方式展现出的重复功能,统一各种表述不一的内容。简而言之,界面的杂乱性元素越多,用户的学习曲线就越复杂。而且为了防止UI重构现象的发生,我们需要将类似的功能合并在一起,以提高核心竞争力。

七种技巧帮助您设计出优质的UI满足用户体验需求

持续的“行为召唤(CTA)”则应另当别论。反复地CTA(call to action)更适用于一些更长(或更宽)页面内容的展示,当然它也可以在多个页面上重复出现。如果用户在同一个页面视图上反复看到多个雷同的按钮或文字,难免会生厌。因此,明智的选择应该是在页面的顶部“温柔地”(不要太过触目)安置可互动点击的操作元素(如按钮),而在页面的底部再次安置相同的元素。因为当用户浏览至页面底部时,一般会短暂地考虑一下,再确定是否要点击下一步。可见,这种分而“置”之的方式,更容易促成用户的深入互动或达成交易。

技巧四:用清晰视图来显示选项

由于App的页面空间所限,下拉式菜单的变革隐藏了用户的各种选择行为。与此同时,它们还引入了用户鲜少用到的搜索和发现功能。而所有这些行为选项本应该是集中式呈现的。它们就像是应用程序的“脊椎”一样,根据用户的实际场景路径,在应用界面中以正确的顺序引导用户“前行”。我们应当在恰当之处清晰地展现内容,并为之留足空间,以明确的方式引导用户采取下一步行动。另一方面,我们可以把一些传统的且不需要用户去二次“学习”的选项(如日期和时间的格式)放入菜单之中。

七种技巧帮助您设计出优质的UI满足用户体验需求

保持用户对页面的关注度,对于UI设计师来说是一项艰巨的任务。为了满足用户尽可能多的选择需求,而在界面上使用过多的链接,则往往会让用户产生“选择恐惧症”。因此,具有艺术素养的设计师们,常在创建内容丰富的页面时,将有针对性的行为召唤(CTA)信息放置在页面的底部。当然,我们的每一步设置都必须十分谨慎。因为那些在CTA上方的任何一个链接,都可能会将用户注意力分散或转移到其他的页面之上,从而远离既定的目标。因此,我们要尽可能地将UI从多链接的“发现风格”,转变成少链接多转化率的“隧道风格”。

技巧五:通过状态显示,按需向用户提供贴士和反馈

在UI上显示不同元素的状态(已读或未读电子邮件、已发或已打包订单的数量),是在用户和设计师之间建立良好的理解关系的一种方法。这会让用户对他所关心的事物状况有所了解、并倍感放心。根据页面所提供的预期反馈,用户可以自行判定他的互动行为是否已成功生效,以及是否该进行下一步操作。

另外,相对于一般的进度条式状态推送显示,带有隐式状态的可点击按钮更能促进用户转化率。在应用中,UI设计师应当提示用户去轻触按钮,并从弹出的信息中获知具体状态。这往往会给用户带来更好的体验与互动。

七种技巧帮助您设计出优质的UI满足用户体验需求

技巧六:渐进式参与

逐步培养用户的兴趣和参与感,是UI设计中的另一个微妙技能。请不要一下子将冗长的注册表单推送到用户面前,让用户望而却步。在设计时,我们应当在一个页面或应用程序中伺机向用户展示产品的功能,或通过一些有价值的内容互动,引导他们去执行某项任务。这种初始化的交互方式往往能培养用户的兴趣与好奇心。

七种技巧帮助您设计出优质的UI满足用户体验需求

各种互动式的个性化体验最终会让用户进一步了解您产品的内部价值。渐进式的参与实际上是以一种潜移默化的方式,建立用户对产品或服务的理解,以及思想上的认同。通过使用定制化的应用,我们能在用户保持对当前界面具有注意力的情况下,逐步完成注册这一漫长的过程。

技巧七:识别与回忆

UI设计是以心理学为基础的。许多心理学家曾建议:在出现多种选择的时候,人们更容易和趋向识别出那些他们早已认识的东西。通过各种提示来唤起用户过往的回忆或经验,会让他们在使用的过程中倍感轻松。相对于自行去回忆,人们要更愿意通过指导性回忆去探索问题。这也就是为什么在考试中,人们完成多项选择题的速度会比开放式题目更快的原因。因此在UI设计过程中,我们应当给予用户他们曾经碰到过或认识的选项,而不要期望他们想出自己的回答。

七种技巧帮助您设计出优质的UI满足用户体验需求

原文标题:7 Tips for Good UI Design,作者:Magdalena Brych

【51CTO译稿,合作站点转载请注明原文译者和出处为51CTO.com】

【编辑推荐】

  1. 国人隐私不值钱?国内外App对比结果意外
  2. 吐槽太猛烈 苹果招聘上百名工程师改造Siri
  3. 中国手机销量下滑28%,乐视和酷派已消失,下一个消失的是谁?
  4. 外媒:我们期待在iOS 12上看到的Siri八大改进
  5. 苹果为Siri引入机器学习技术 不再认错主人
【责任编辑:未丽燕 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

程序设计实践双语版

程序设计实践并不只是写代码。程序员必须评论各种折衷方案,在许多可能性之中做出选择、排除错误、做测试和改进程序性能,还要维护自己或其...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊