产品设计中金额表达

许多产品都涉及到许多与金额相关的业务,关于金额数字的表达,而在设计中如何向用户清晰的传达信息和规范化数字的表现形式?以下一些简单的思考。

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一般因为额度较大且需要向用户清晰传达每一位数字时往往会使用千分符。如支付宝对用户资产的表达。
金融类产品一般都会用千分符来表现较大的金额
四.当金额位数较大且没有更好的方式来区分位数时可以使用千分符作为一个过度的方法。

总结

在使用数字表达金额时,有很多种方式。选取与设计表现的形式,需要结合使用场景一起去考虑。符合使用场景需要的,才是对的。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,589评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,615评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,933评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,976评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,999评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,775评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,474评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,359评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,854评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,007评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,146评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,826评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,484评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,029评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,153评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,420评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,107评论 2 356

推荐阅读更多精彩内容