美文网首页
产品设计中金额表达

产品设计中金额表达

作者: steven_鹏 | 来源:发表于2019-05-27 22:45 被阅读0次
    许多产品都涉及到许多与金额相关的业务,关于金额数字的表达,而在设计中如何向用户清晰的传达信息和规范化数字的表现形式?以下一些简单的思考。

    1.何时显示‘.00’

    我们将需要表达金额划分为两个使用场景 1.营销类2.金融类
    营销类包括商城购买、运营banner、优惠促销等
    金融类包括支付,借贷,理财等

    营销类场景除非金额有小数位,否则不推荐使用小数位,因为营销本身就是一种快速转化流量的过程,在此过程中需要以最清晰快速的方式向用户呈现出商品/优惠的价值,如果金额为整数却添加了.00这无疑增加了用户的阅读成本。当然如果商品本身带小数位则显示到小数位。在大部分用户购买场景中小数位之后的金额往往考虑的不会太多,那么在UI设计时可以适当调整金额小数位的字体,从而增强金额的可读性。

    金融类场景涉及到支付,转账等金钱交易因而需要体现出严谨和安全的特性,用户也会更加关注支付的金额的具体数值,此时显示.00会显得严谨和规范。




    以淘宝交易为例,当浏览商品时,营销banner上显示的价格一般为整数,偶尔有如“9.9包邮”等字段也不会细分到分位。点击商品浏览详情页,商品价格也不会显示.00。但当用户选择好商品的数量和种类时此时价格则转为.00。提交订单时订单详情中的数字显示更是如此。点击支付挑转支付方式,此时支付的价格也会显示.00。


    有的产品在显示小数点后两位时会调低字号来突出整数价格
    其实可以这样理解:当金额为商家/平台提供的金额时此时更突出的是价格的吸引力,因此越精简越好。当金额涉及到用户支出与收入时,此时应当显示.00来避免用户对价格产生的误解和体现严谨性。

    2.什么时候用“¥”什么时候用“元”

    “¥”既作为人民币的书写符号,又代表人民币的币制,还表示人民币的单位“元”。同时也是日本货币的符号,“¥”符号的产生要追溯到民国时期。
    我们在书写人民币金额时,习惯于在阿拉伯数字前写上“人民币符号“¥”还是“¥”。这就是我国人民币的简写符号。

    “¥”既作为人民币的书写符号,又代表人民币的币制,还表示人民币的单位“元”。在经济往来和会计核算中用阿拉伯数字填写金额时,在金额首位之前加一个“¥”,既可防止在金额前填加数字,又可表明是人民币的金额数量。由于¥本身表示人民币的单位,所以,凡是在金额前加了“¥”的,金额后就不需要再加“元”字。

    这两者在产品上使用的区别在于“¥” 更加图形化,一般放在数字前面。因此能够很快的向用户传递出这是个金额的含义,而元则为文字一般放在数字后面,对金额的表达性不强。 用户已经很熟悉“¥”表达的含义。

    因此在表达金额中应当尽量使用“¥”,当数字的使用场景可以很清晰的向用户传达出是金额时,此时可以以注明金额的单位(元)的方式来呈现。
    左图有多个数字不能突出金额时使用“¥”,右图已表明为财富,场景明确因此直接显示数字即可”

    如果涉及到外汇转化等场景因为¥符与其他货币的符号有相同之处 则不太适用,可以人民币 CNY来表达。

    3.千分符展示和单位的使用

    千位分隔符,其实就是数字中的逗号。依西方的习惯,人们在数字中加进一个符号,以免因数字位数太多而难以看出它的值。所以人们在数字中,每隔三位数加进一个逗号千分符,也就是千位分隔符,以便更加容易认出数值。
    在国外产品中中千分符使用极为广泛,这与英文的语言习惯相关。英文中只有千(thousand)、百万(million)、十亿(billion)等单位因此使用千分符更符合英文的阅读习惯。而中文因为有更多的单位表达方式,因此在设计面向国内用户的产品时需要谨慎使用千分符而多考虑使用中文的单位。

    一. 大额商品的售卖 如车、房等金额价值较大的商品在标价时用户往往在列表页不太关注零头,因此标价直接位XX.XX万来显示会更加适合
    二. 一些约定俗称的显示方式,如薪资一般显示XXk,以千位基本单位。
    对房价与车价往往以“万”为单位
    三. 金融类APP一般因为额度较大且需要向用户清晰传达每一位数字时往往会使用千分符。如支付宝对用户资产的表达。
    金融类产品一般都会用千分符来表现较大的金额
    四.当金额位数较大且没有更好的方式来区分位数时可以使用千分符作为一个过度的方法。

    总结

    在使用数字表达金额时,有很多种方式。选取与设计表现的形式,需要结合使用场景一起去考虑。符合使用场景需要的,才是对的。

    相关文章

      网友评论

          本文标题:产品设计中金额表达

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