如何改善产品 UX 设计,这 5 条原则也许能帮到你

本文编译自Medium,作者 Clark Wimberly 是一位用户体验(UX)设计师。


本文编译自Medium,作者 Clark Wimberly 是一位用户体验(UX)设计师。

如何改善产品 UX 设计,这 5 条原则也许能帮到你

作为一名 UX 设计师,这些年我一直在思索,如何为设计出更好的用户体验。以下是我的一些心得:

UX 设计师的工作就是进入到用户的大脑中去。我需要按照用户(而且是大量用户)的思维方式来审视设计,并从纷繁复杂的现象中,发现潜在的问题和困惑。

这个过程是贯穿产品始终的,包括产品开发之前、开发过程中以及开发完成后。但是要做好也并不容易,因为总会有截止日期和资源限制等各种问题导致最终没办法给出最完美的用户体验。

为了帮你找到正确的路径,我总结了自己在 UX 设计中所运用到的 5 条简单的原则:

易理解(Digestibility)

如何改善产品 UX 设计,这 5 条原则也许能帮到你

好的设计很容易理解。大脑不需要花很大精力就知道正在看什么。如果设计得当,用户应该很快就能明白,不需要过多的解释。

这条原则不仅要求写出清晰易读的文案,比如有时候人们需要一些指导来做出决定,但是一下给出 12 条文字说明可能看起来有点吓人。这时候,把文字信息通过字号、颜色、图标等方式排出层级,突出重点,让人们在最短的时间内找到自己需要的内容。

关于易理解度的另一个的例子是新用户指引。如果新用户在初次使用产品时面对的是一大堆文字说明而没有具体的操作场景,那他们很可能会感到十分困惑又不知所措。相反,在使用每个新功能时给一些小提示则能够得到更好的效果。

总之,要意识到人是有认知局限的,因此尽可能降低人们做决策的难度才能提供更好的用户体验。挑战人们的大脑是没有必要而且十分粗暴的。

清晰(Clarity)

如何改善产品 UX 设计,这 5 条原则也许能帮到你

好设计是十分诚实的。你需要用户了解的是产品的真正价值,而不是你宣扬的公司 “价值主张”。如果产品扭扭捏捏,不清不楚就没法吸引到任何粉丝。

比如在标明价格时尤其需要表述清晰。用户在没了解清楚为何付费时是不会点 “立即购买” 按钮的。而那些 “免费试用” 结束后悄悄自动计费的产品,我认为也难成大器。

信任(Trust)

如何改善产品 UX 设计,这 5 条原则也许能帮到你

好的设计容易让人产生信赖感。在要求用户完成任何操作前,一定要尽量帮助他们理解为什么需要进行这项操作。每一个步骤都作出诚实明白地说明,让用户接下来的操作更容易作出选择。

比如说 Uber,它可以帮你存储支付信息,并使你产生信赖感,这样你在和陌生人交易时就不会感到不舒服,最终可以顺利地完成交易。

消除用户的疑虑是一种不可见的体验。随着用户决策所需要的资源越来越少,使用产品也变得更简单、更有趣。

熟悉(Familiarity)

如何改善产品 UX 设计,这 5 条原则也许能帮到你

全新设计很棒,但是渐进式的改变看起来更好。新的框架和华丽的插件在 Dribbble 等设计平台上看起来可能很不错,但如果你应用了之后没有人点击 “购买” 按钮,那可就麻烦了。

在跨平台设计时需要统一规范是有原因的。但是在各个平台上设计得完全一样也是不可取的,你还是需要尊重每种 OS 细节上设计的规范,使用人们熟悉的模式、图标和呈现风格,增加用户的亲近感。

愉悦(Delight)

如何改善产品 UX 设计,这 5 条原则也许能帮到你

在做产品时,仅有理念是不够的,更重要的是执行。设计团队做的越多,用户需要做的就越少。对于一个复杂的问题,你给出的解决方案越简单,用户使用时就越开心。

用户在使用产品中最开心的事情就是忘记这是一款 “产品”,而是生活中一个非常实用的工具。

站在用户一边

开发一款贴心的产品会让人们的选择更加舒服,带来更好的整体体验。曾经有一份调查显示,有 68%的用户放弃一款产品是因为感觉开发者不够用心,但作为开发者我们知道这并不是真实情况。

判断用户体验的好坏并不困难,只要你用心,对自己够诚实,站在用户一边,设身处地想一想,当你下班后拖着疲惫的身躯,更愿意点击哪里呢?

 

本文编译自:medium.com

译者:YvesYAN

来源:http://36kr.com/p/5037012.html

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/32211/

(0)
CatherineCatherine
上一篇 2017-06-04 09:21
下一篇 2017-06-04 11:22

相关推荐

  • 不懂这几个交互原则,你一定是假的UED设计师

    如果你对这个题目很陌生,那请赶紧登上这辆末班车,来不及解释了。在日常工作中,我们总是会遇到产品或者开发对你发问“这个按钮为什么要放在这里”,“这里显示的信息条目为什么只剩这几个”blablabla之类。不管是为了在对接流程中更加有理有据,也为了使自己的设计更人性更好用,了解这几条基本原则,也是非常必要的。除非有更好的选择,否则就遵从标准。交互设计之父 Alan Cooper最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,...

    2018-03-15
  • 用好的交互设计来管理复杂

    作者:Mandy权,一名快乐的产品经理!~微信公众号:Q产品复杂是可以被管理的,但要做到这一点,我们都必须做好自己该做的那部分工作。筛选器Tesler’s Law/泰思勒定律(复杂性守恒定律),这个定律告诉我们:每个应…

    2017-08-01
  • 十种正确的可用性度量方法(上)

    现在大家在做产品、谈需求、讲体验时,都说不能拍脑门儿要用说数据说话。好,那问题来了,针对不同的问题我们要什么样子的数据来说话呢?这确实需要我们好好思考,下文将通过一些小栗子为大家做一个简单的梳理。

    2017-05-28
  • 视觉设计:重在视觉表现上,提高产品的用户体验

    对于一个优秀的产品来说,视觉设计是重要的组成部分。译者注:有时候设计师会先收集一些图片文字之类的东西弄出一个合集,作为设计的参考和灵感来源,这类东西叫做moodboard。具体介绍可参考:点击查看

    2017-05-13
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • 非设计专业的学生,如何系统的学习交互设计

    数十万互联网从业者的共同关注!作者:青溪Joanna微信公众号:qingxizhaji(青溪札记)作者投稿早读课发表,转载请联系作者。曾经我也是一名非设计专业的学生,作为自动化专业的硕士希望自学做交互设计,有很长一段…

    2017-08-02
  • 精髓干货!一组精挑细选的用户体验设计网站和书目

    精髓干货!一组精挑细选的用户体验设计网站和书目 学校可以为你传授很多知识,但是有些职业学校教不来,产品经理、用户体验设计师、交互设计师、程序员鼓励师这样的职业都在此列。这样的职业通常都有几个显著的特性…

    2015-11-14
  • 探讨F式布局在网页中的运用

    虽然网页排版 方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。

    2017-05-04
  • 如何运用扁平化设计创造极致的用户体验?

    扁平化设计算是秉承了极简主义理念的至亲了——因为它将简洁的思想融入至所有元素的设计。然而,要达成简洁的扁平化设计依旧困难——即需要我们以相同的设计理念为目的,并创造出一套连贯的视觉与功能体验。让我们来了解下,你能够通过扁平化设计为用户做些什么呢?

    2017-05-08
  • 交互设计中的5项视觉指导原则

    【分类】经验分类:经验/观点/自译原作者: Jerry Cao翻译:@ifecIFEC团队译文UI中国旗下翻译团队,由热爱翻译热爱分享的设计师组成。IFEC译者翻译国外行业热文、规范文档。欢迎关注我们的官方微博 @ifec, 加入我们…

    2017-08-04