高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网站钱包页面设计(优选12篇)

网站钱包页面设计 第1篇

在Emojis大规模普及之前,笑脸表情在大多数西方的应用程序中是直接使用传统的文本来进行拼合而成【 译者注:常见的文字表情 :) 】,能使用的大概有15个左右。

但是在这里,QQ从很久以前就开始使用表情符号,80个生动的表情非常富有表现力,甚至比emojis更加有趣。表情的范围除了涵盖了基本的情绪外还有一些特殊表情,比如

让你在每一个情境下都能找到合适的表情来表达自己的想法!

任何App只要提供了聊天功能就不得不借鉴QQ,事实上QQ的表情也已经被Wechat和其他应用”借“用过许多次。

同样包括大表情和动画表情也是必须的。虽然,出乎我意料的是在美国似乎人们对它的热情远远不如亚洲人。

网站钱包页面设计 第2篇

曾经网上有人发起一个帖子,征集移动互联网带走了哪些行当。其中有人说了一样东西,钱包。确实现实中的钱包已经被大多数人遗忘了,而手机里的钱包则天天在使用。回忆类比现实中的钱包,其实主要作用就是用来装钱、装银行卡、以及各类卡和券等。需要交易支付的时候,则把钱包掏出来付款,通过现金或者刷卡等形式。

咱们手机里的钱包,无非也是这些个作用。

作为一家高速ETC发行企业,用户钱包的建设也是很重要的一个环节。由于过往业务快速发展期间一切为了求快,钱包只是简单地建了一张表,把身份证等用户信息放进来,再加多几个字段标识余额等金额,就上线使用了,但是该钱包模块拓展性低,已经无法继续支撑业务发展,因此需要重新设计开发一个拓展性高的钱包体系。

高速ETC的用户往往是司机或运输行业的企业,因此该钱包系统承担着用户存放通行路费和冻结押金、支付路费和提现等主要功能。

要规划好该钱包系统,先从以下2方面的思考入手,即根据不同的业务定义出我们所需的钱包类型和;以及根据不同的业务场景规划钱包系统的功能。

(1)钱包类型

钱包类型如何定义,需要基于实际业务需求来进行规划。

首先用户需要存钱用于扣路费,名正言顺“ETC钱包”必不可少。

基于风险角度考虑,有必要针对用户不同的风险行为,此时就需要一个“押金钱包”,并考虑是否根据不同的风险行为下挂不同的子钱包。

出于营销层面,对用户发放路费补贴金和奖励金,这些金额是不能被提现的,因此有必要设置一个“ETC红包”用于区别用户真实充的钱。

营销升级之后还会给用户发各种卡券,则需要一个“券包”,他不是记录某个金额数值,而是记录营销中心发给用户各种各样的券。

(2)钱包功能

规划系统功能的时候,有几个方向可以进行分析和打开思路:直接参考竞品;对标实体物品;以及根据业务流和场景去规划。

下面根据业务流和场景来规划。

钱包开通:

日常使用:

日常我们使用钱包,无非就是看看还剩多少钱;放钱、放卡;拿钱、刷卡付款;以及钱包弃用了把钱抽走等,我们对应一一分析。

本次方案ETC钱包、押金钱包、ETC红包以及券包4个钱包都需要,但为了降低开发复杂度,暂不规划押金的子钱包,代价是缺失了押金相关的灵活性,比如想要统计违约产生的押金就只能去实时跑流水。

其次功能层面提供统一的钱包开通、充值、扣款和前台的对应查询功能,其余功能暂不开发或沿用旧有系统。

(1)钱包开通

钱包的开通上游依赖于业务层的用户进件,而且这里需要考虑是否区分企业和个人,以及对用户的实名验证问题。

钱包开通前校验:

该用户是否已存在钱包且未注销,防止重复创建钱包;入参的信息是否合法,如身份证、手机号。

(2)钱包充值

钱包充值可以说是用户侧最重要的功能,用户没有充值则钱包没有余额,那么就无法用钱包进行有效扣款。

设计钱包充值的流程时,一定要确认了用户真正支付成功之后再处理账户插入流水和加钱,切记顺序不要颠倒过来,否则容易给用户“免费充值”;

其次为了避免通道侧回调不及时或者网络错误等原因,导致用户实际支付成功,但却充值失败没到账。因此需要对没有获取到最终支付状态的充值订单设计补偿机制,如定时轮询,成功后通知账户侧后续流程。

(3)钱包扣款

由于业务定位原因,钱包的扣款仅支持系统扣路费,暂不支持用户主动发起其他扣款。

与钱包充值刚好相反,进行钱包扣款的时候,切记要先处理完钱包之后,再返回给业务侧扣款成功,否则如果业务侧收到扣款成功之后,钱包的处理报错,则相当于免费给用户做嫁衣,如若当批量出错的时候,后果将不堪设想。

体现在高速ETC场景就会导致用户该扣的通行账单全部是扣款成功,但是钱包余额未减,用户无限通行,企业无限垫资亏损。

钱包的产品架构,底层对支付系统输出支付相关的能力,并规划钱包信息、银行卡和卡券子模块串联起整个钱包模块。

钱包的开通依赖于用户系统的主体信息,实名认证则通过外部实名通道,支付和卡券系统给钱包加钱扣钱、发券核券,一个基本的钱包架构就完善起来了。

前台主要提供余额查看、充值以及调整扣款顺序的功能。由于该产品用户偏向40-50岁的中年人,而且载体是微信小程序产品,因此页面设计偏向微信风格。

另外考虑到一些用户会等到欠款才来充值还款,导致已经被高速限制通行了,因此我们在充值页面除了默认帮用户选中合适的金额之外,还会提示用户还钱欠款后需要等待24小时才能解除通行限制,这就是有“场景感”的设计,同时也能减少一部分不必要的客服咨询。

扣款设置页面,借鉴长按拖拉调整顺序的交互。这里额外说明一点,调整成功后页面最好给一个提示说明,强化用户感知。

管理后台主要设计钱包列表,以供客服和运营人员查看相关信息。

考虑到数据安全和后期数据量会巨大的问题,页面加载的时候可不展示任何信息,需操作人员输入一定的查询条件之后再根据查询条件展示相关的钱包。

其次企业交易量比较大,钱包交易流水每月可达千万条数据量,需要和开发大哥提前沟通规划好分表,再根据分表考虑查询功能的设计,不然当数据量大的时候查询会很缓慢,直接结果就是产研被吐槽(因为其他人是无法理解这种数据量大的问题的)。

网站钱包页面设计 第3篇

食堂钱包(以下简称钱包)是企业为员工建的一个虚拟账户,员工可通过钱包在食堂消费。钱包支持企业为员工注册、注销钱包,打入餐费补贴。员工可通过线下方式向钱包充值、食堂消费、员工间转账、提现操作。以下主要从员工钱包侧进行说明。

(1)钱包注册、注销

员工办理入职手续后,人力资源将新入职员工的工号、姓名、手机号码等基础要素提供给钱包业务系统,开通员工钱包。

员工办理完离职手续及将账户中的金额提取出来后,人力资源系统会调用钱包注销能力,进行钱包注销。

(2)钱包充值

入职初期或钱包没钱,员工想使用食堂钱包进行消费,需联系管理人员,线下通过现金、微信等方式支付充值金额给管理人员,管理人员通过钱包系统,为该员工进行充值。

入职后的每个月月初,ERP根据员工的出勤情况及补贴标准,计算出公司员工的补贴金额后,调用钱包系统的充值能力,为员工的补贴钱包充值。

(3)员工间转账

支持员工间的转账,但不同类型的钱,会转到不同类型的钱包,比如充值进来的钱,转账时,也会进入收款方的充值钱包;补贴钱包中出来的钱,转账时,会进入收款方的补贴钱包。

(4)钱包提现

员工需要将钱包中的钱提出来时,若是充值进去的钱,可直接申请提现,通过银企直联的方式,将钱打入到申请人银行卡中;若是公司的补贴的钱,则需要通过ERP报销的方式,提供相应的发票,才能将金额提现到银行卡中。

(5)钱包消费

员工在食堂消费时,可通过主扫或被扫的方式进行支付,扣款时,根据员工自行设置的扣款优先级进行扣费,一般默认有限扣补贴钱包的钱。钱收到商家钱包后,企业通过月结的方式给商家提供结算单,商家确认结算单没有问题后,通过银企直联给商家打款。

钱包主要分成3个系统,分为钱包业务系统、员工钱包和商家钱包,钱包业务系统用于钱包各方面的管理,及单据查看;员工钱包提供给员工使用,主要提供钱包余额查看及消费,另外提供充值、提现等操作;商家钱包提供给收款商家使用,主要为商家提供钱包余额、交易流水、确认结算单的操作。

(1)员工钱包页面及交易明细

(2)商家钱包管理页面及提现页面

网站钱包页面设计 第4篇

1.在看到Facebook也做上了二维码(就在原来的查看照片/截图功能那里)之后,我怀疑他们访谈了问卷调查的同一批人。当然了,他们也可能有过这样的讨论:“如果手机用户在网页上看到一个二维码,他们会想干点啥?”

2.有几个中国朋友提出,二维码起初在中国也是个笑话,一直到2011年前后。他们把这一概念的落地开花归功于微信的出现。

客户端是个值得注意的例外。它仅在第一个选项卡上使用了一个晦涩难懂的图形来代表订阅源,显得相当拘束。

4.很多官方账号都受到限制,仅能显示这种类型的通知。

邮箱用户可以在微信中直接浏览邮箱。

和Path有表情,亚洲的应用如微信和LINE也有表情,而两者的不同之处在于后者的表情可以由用户生成。第三方应用(在LINE中是官方账号)可以生成表情,然后被转发。我在微信上看到很多这种表情在实质上与Reddit的热门动图版块相类似。

7.随着大量账号被用来推销商品(往往是一些奇怪的化妆品或维生素),微信也开始有点垃圾消息的问题。但有时这种消息又真能满足某些人的需要。那些不会单独安装一款购物软件的老百姓确实会时不时查看“附近的人”,特别是当他们闲得无聊的时候。

审核顾问:Ray

原文链接:

网站钱包页面设计 第5篇

旅游门店系统,由于过往业务发展快,为了配合业务发展,系统的钱包设计没有区分各个交易场景,所有收入支出都很混乱,不利于门店对账。原有的钱包设计可拓展性低,也无法在原有基础上改造,因此需要重新设计开发一款钱包体系。

旅游门店系统的用户是门店负责人或门店员工,主要用于门店日常支付订单、门店日常规范管理(如支付员工工资等),该系统承担用户充值资金、支付订单、冻结资金、支付员工工资及提现等功能。

为了解决门店对账的痛点,我们做了2大点的设计:按资金用途给门店设计不同功能的钱包;根据各业务场景,结合上游订单系统、下游财务结算系统,设计输出一套钱包流程。

(1)钱包分类

资金钱包:用于门店订单的支付,支持充值、提现。

利润钱包:用于门店日常经营管理时的支出,如门店员工工资等,支持提现,不支持充值,仅支持门店正常的利润流转。

(2)钱包功能

根据业务场景来设计。门店加盟后,系统会为其开通钱包,开通后即可使用。

钱包开通:门店只需要签约成功,即可开通钱包,因前置加盟时已做相关校验,此时无需其他校验。

日常使用:如上所述,门店日常使用细节划分如下:

(1)钱包开通

若门店已签约成功,正式开户,自动开通门店钱包。

(2)钱包充值

如上所述,充值有3个场景。一个是客人直接支付卖价、一个是门店充值、一个是分公司管理人员调账(因流程简单,上图并未画出)

客人支付卖价:

客人去门店后,若决定在该门店下单,则会先行支付给门店卖价。客人可以通过微信、支付宝等方式进行扫码支付,输入价格后,系统调取银联,客人直接支付好后,会立即充值至门店的资金钱包。

门店发起充值:

门店的支付方式有多种,银联扫码、POS刷卡、转账充值等。管理人员会在后台配置每种支付方式是否需要审核,是否需要支付手续费,谁来支付手续费等。如转账充值,需要管理人员审核公司是否收到转账,若收到了,需要管理人员操作审核通过,方能将资金成功充值至门店的资金钱包。

管理人员调账:

因为这个场景是管理人员直接操作,所以无需审核,操作成功后,会直接充值至门店的资金钱包。

(3)钱包扣款

资金钱包扣款也有多种场景,一个是门店支付卖价,一个是门店提现,一个是管理人员操作扣款。

门店支付卖价后,系统会将卖价部分从资金钱包扣下,并冻结,底价部分用于支付供应商,利润部分保持冻结状态,直至达到条件后解冻。

门店提现的操作,需要门店发起提现申请,由门店的管理人员去审核,管理人员审核通过后方可退款。需要注意的是,当门店提交申请时,此时也会产生资金冻结,这部分资金不可再用于其他用途。

管理人员操作扣款,仅是资金钱包扣款,并不会有其他系统动作。这种场景主要是门店人员线下与管理人员进行协调后,管理人员操作的。

钱包系统会需要承载钱包的各种信息,以及跟各种业务系统进行交互,交互时会有自己的场景出现,比如充值、支付、提款等。这些看似不大的场景,也需要根据底层的一些配置来判断流程需要怎么走。

(1)门店端

门店端查看自己钱包的信息(包括资金钱包和利润钱包),也可以在下方查看各个钱包的流水。

(2)管理端

管理后台可以看到多家门店的钱包信息以及汇总数据。

钱包系统的设计需要结合收银台系统的设计,二者相互影响。更需结合业务场景,需要深入业务场景去调研,不可对业务说明的场景言听计从,需要刨根问底,多问为什么,为什么有这样的业务场景,为什么不可以有其他那样,参考别人的做法,多思考别人是怎么做的。否则系统一旦上线后,出了结构性的问题,改起来十分复杂。

网站钱包页面设计 第6篇

除了那些流行的独立应用程序,更加吸引人的是每个常用的软件中还内置了一些非常实用的功能。

Wechat和QQ,作为最受欢迎的即时通讯工具,其中”附近的人“功能通过一个简单的列表向你展示附近的人,也经常让你看到他们上传的新照片。

微博与Twitter不大一样,它允许用户查看附近的人发送的微博以及热门的用户和用户群。而各大音乐、电影和电视应用甚至会告诉你附近的人正在听什么和看什么。

同样值得关注的是百度地图的“热门地点”功能,服务器通过收集所有用户的数据来反馈当前各区域的人口密度。

我想,如果美国那些流行的应用程序添加上这些功能-即使已经是经过千百次推敲打磨之后再加入。那么也会马上成为晚间新闻的头条和在博客圈上被一些组织和其他用户谩骂。

网站钱包页面设计 第7篇

每一个应用程序都允许你下载内容之后离线使用。包括音乐程序(QQ音乐、多米音乐、百度音乐等)和视频应用(爱奇艺、PPTV、腾讯视频、百度视频等)。你可以在地铁上看到许多人利用上下班的时间用自己的手机在追剧或看节目,这是我在美国从来没有看到过的,可能是因为在这里用户们下载节目的能力吧。

专业的新闻类App,你可以下载数以百计的新闻内容后再阅读。同样,地图类App也提供了离线地图包允许你离线使用。甚至翻译类App像百度翻译和有道词典也开始提供离线数据包(但很粗糙)让用户离线也可以翻译文字内容。

许多应用程序会大量宣传自己可以离线使用。当你下载电影或歌曲时,通常会为你提供内容质量的选择,并告诉你将会使用多少的存储空间,数据单位会精确到KB,假设在美国会直接显示进度条甚至完全忽略它。很多时候应用程序还会为你提供设备存储空间的总使用情况。

网站钱包页面设计 第8篇

外卖场景很多人都熟悉,现在订外卖是生活中非常高频的事项。

外卖业务中配送是非常重要的一个环节,而配送离不开骑手,配送完以后骑手会拿到配送收入。

这个过程跟家政业务很像,都是O2O范畴,所以这两个领域的支付人可以相互流通,非常高的匹配度。

既然业务非常相似,那么给骑手结算用的钱包也就非常相似了,下图是美团的骑手钱包页面。

其中结算余额、余额提现、账户明细、银行卡管理、账单管理都是非常通用的模块。

可见,如果要设计一个结算用途的钱包,这些功能是少不了的。

而我们要介绍另一个特殊外卖场景的骑手钱包,就是国际外卖,像UBER、DIDIFOOD等。

国际外卖场景与国内整体业务有很多相似之处,但也会存在一些差异。

这些差异主要体现在:面临复杂的政策环境,不同国家的支付基础设施水平不同,劳动法不同,税收政策不同,用户的支付习惯不同等等,造成了在设计钱包时需要考虑这些因素。

比如:

在国外一些国家有小费文化,那么骑手的收入当中有一部分就是“小费”。

不同国家对骑手的税收政策不同,有些国家不需要代扣代缴但需要申报,有些国家需要代扣代缴,那么在税收的计算和账务处理上就会存在差异,而这些差异也会体现在钱包中。

还有一个特别大的差异就是“现金支付”,国外一些国家的现金支付订单特别多,甚至能够达到70%比重,用户下单时选择现金支付,这时候就需要骑手帮其垫付餐费给到商户,等餐送到以后,用户再将餐费给到骑手,骑手还给平台。

这个过程中就会出现骑手结算账户的“负值”,需要骑手进行充值偿还这部分现金收款。

因此,钱包的设计要先梳理清楚钱包的应用环境,基于环境和业务诉求进行模块的规划和建设。

网站钱包页面设计 第9篇

我出国前曾在旧金山做过用户调研,通过采访来收集美国用户的习惯和喜好。在每一次访谈中,我都会展示出一个二维码然后问他们这是什么。“是不是你将它拍下来,然后它就可以引导你到一个神秘的网站?”一个女大学生略带嘲讽的说。有些人说他们用系统相机应用拍完之后没有什么反应,之后就没有再尝试了。“我觉得这些是优惠券之类的东西”,有些人如此推测着,他们还担心这可能会对手机造成什么影响。我把这些反馈展示给我的同事来强调二维码在美国并没得到广泛的应用。

而中国人,或许你已经猜到,他们对于二维码并不陌生。二维码被印在大多数的广告、宣传册、餐厅菜单、名片、优惠券,甚至在火车座位后背和休息室门后。

大部分应用都内置了二维码扫描功能。你发现的二维码有时只在特定的应用里才有意义,所以通常会出现一行字写着微信二维码、微博二维码或其他应用的二维码。它们包含的链接如果使用外部扫描器扫描的话并不总能深层链接到对应的应用。

通常使用的术语是“扫一扫”,“扫一下”(就像用扫帚)。我更喜欢用“扫描”这个动词,这会让人联想起三录仪(译者注:“三录仪”是一种手持式的多用途仪器,是星际旅行里经常要用到的一种必备仪器)和医疗设备。

正如我稍后将描述的一样,这些代码被用来网站营销、添加现实生活中遇到的人到通讯录、付款和登录网站。

网站钱包页面设计 第10篇

随着出游需求的高涨,大家对于用车的需求也就水涨船高,而租车由于其便捷、舒适和灵活性,成为越来越多年轻人和家庭出游的首选方式,比如目前火热的租车自驾游。那大家试想一下,如果你去租车,第一步要做什么?那肯定是找一家靠谱的租车平台。

要租车就涉及到交易,不管是对租车人还是对提供租车出行服务的租赁企业,支付和资金安全都是刚需。毕竟,租车是一件很严肃的事情,有一定的风险(感兴趣的小伙伴可以网上搜搜),而租赁费也可能是一笔不菲的费用。

对于那些撮合租车人和租赁企业的租车平台来说,比如专为租赁企业提供数字化解决方案的租车SaaS平台,如何在自身合规的基础上(如规避资金池和二清问题),为用户(主要是租赁企业,即商户)的交易和资金安全保驾护航,就尤为关键。

而对于租车SaaS平台的商户,核心诉求就是保障其资金安全和灵活调度,既要平台为其算明白收支账目,又要管理好钱。那钱要怎么管理,如何才能管理好呢?

对于没有支付牌照的广大租车SaaS平台来说,主要是通过接入第三方支付的方式提供交易见证和资金担保服务,而为了弱化第三方支付,平台往往会采取自建钱包的方式,为商户提供会员账户服务,其本质还是基于第三方支付账户封装出来的钱包应用。

钱包的性质是一个虚拟电子账户(管理电子货币的金融工具),核心功能是管钱和支付交易,底层就是账户能力,比如认证绑卡、支付、提现等。

商户开通钱包后,业务收入即时入账钱包,资金流水有账单核对,钱包余额实时可查,余额提现灵活高效,账目和资金尽在掌握!

首先,梳理钱包的业务流程。

其次,设计钱包的产品架构。

(1)钱包账户设计

钱包底层是账户能力,那就必须得稳定可靠,轻便灵活,要充分考虑业务场景需求(比如考虑收支分离、营销等)去设计账户体系。下图是平台与第三方支付合作共建的账户体系,在此基础上平台包装钱包账户,采用一个钱包账户多个余额的模式,目的是满足业务应收应付和实收实付分离的场景诉求。

(2)钱包主要功能分解

根据钱包业务流程,主要实现开户、资金处理、银行卡管理、信息查询等主要功能。

(3)钱包资金流设计

根据费用类型记录钱包入账及资金变动过程。将业务的记账请求通过入账和冻结规则处理,进入账户系统并生成账户流水,然后更新钱包账户余额。

最后,输出产品需求方案。

(1)钱包产品前端原型

前端即钱包的用户端界面,面向商户,主要实现钱包的开通、余额及账单查询,以及提现或充值操作等。在满足基础功能的同时,更多是体验,比如如何让开户流程更简单顺畅,资金更快到账,账目清晰准确等。

下方是钱包开户的流程:包括企业(平台商户)身份校验(企业工商+法人实名认证)、银行账户认证(支持对公账户、对私账户)。

下方是钱包余额和提现页面:

下方是账单列表和详情页面:

(2)钱包产品后端原型

后端即钱包的管理端界面,面向平台,主要实现查询钱包开通记录、钱包流水和余额等。

下方是钱包账户列表:记录所有商户钱包的开通结果,包括账户的基本信息,所属主体,钱包余额等内容,还可联查账户流水明细。

下方是钱包流水列表:记录所有商户钱包的资金变动明细,包括对手账户、收支方向、金额、费用类型等基本信息。

钱包的出入账原则是支付成功才入账,扣账成功才出款。比如用户成功支付租金后,这笔费用会实时入账商户钱包,记录为冻结余额,在交易双方签署合同且用户提车后,才会将租金分账给商户,则这笔费用由冻结余额转为可用余额,可用余额可提现。

注意:租车押金属于担保资金,不属于商户应收,所以支付成功不入账商户钱包。

网站钱包页面设计 第11篇

线下游乐指的是诸如电玩城、真人CS、密室逃脱等依托线下实体的休闲娱乐场所。此类休闲娱乐场所出于快速回款以及营销需要普遍会提供会员卡业务,用户加入会员并进行预充值就可以用会员价购买商品或服务,达到用户获得优惠、商家获得盈利的双赢局面,这里的会员卡其实就是一个简单的钱包。

在“品牌方-加盟商-用户”的模型下,一般会由品牌方提供及维护加盟商日常运营中所需要用到的在线操作系统,会员就是其中的一部分。为了快速开展业务,品牌方一般会在初期采用点对点的系统交付方式,即虽然给所有的加盟商都是使用的同一套系统,但是各个加盟商之间的数据不会打通。拿会员卡举例就是可能存在一个用户拥有多个加盟商的会员卡的情况。

为了满足现代化的实体门店运营,需要保证用户能在线上线下都便捷的享受到会员服务,那么从会员卡的注册到会员卡的充值、消费等都需要考虑到线上、线下两个场景都能正常运转业务且数据是互通的。同时,为了吸引顾客充值,除了享受会员价外还有一种有效的促销手段就是充值余额赠送积分(积分可直接用于消费),于是会员卡需要支持多种账户余额和流水的查询。

我们首先从产品的架构开始设计,从以上场景中我们可以简单总结出我们的钱包需要提供注册、充值、余额查询、流水查询、消费等功能。其中注册环节需要和用户管理系统打通,充值需要支付系统的支持,进行消费和订单系统会产生联系,以上的交易行为又能通过账户管理进行查询。整个架构如下图所示:

注意事项:一般的钱包还会有一个重要的功能便是退款。但是在线下交易当中退款远不如线上交易那般频繁,且用户充值余额一般不直接存于用户的账户当中,而是进了加盟商的口袋。若发生退款,一般采用线下人工处理的方法进行退还,流程如下:

用户提出退款申请→加盟商向平台方发起用户账户清空请求→平台方清空用户账户→加盟商通过打款或现金的方式将金额退还

我们先从在线下开设会员卡说起。在提供给加盟商的收银台系统中集成开设会员卡的功能,为了促成交易需要尽量缩短注册流程。所以只需要用户告知昵称和手机号并选择充值金额完成支付即可成功开设会员卡。原型图如下:

需要注意的是加盟商可以选择是否需要进行手机号验证,因为短信验证一般是需要收费的,品牌方和加盟商如果都不想承担这笔费用那么就可以去掉这一个环节。

但考虑到线下开设会员卡不利于积累粉丝和进行活动推广,所以我们也提供线上商城供用户自行或经过工作人员引导开设会员卡。为了吸引用户进入线上商城,加盟商一般会给予在线上商城注册的用户更多的优惠。

考虑到本钱包主要服务于线下行业,用户有较强的目的性(要在门店中消费),且线下场景中受限于门店地理位置的影响可能导致手机信号不稳定,所以为了方便用户在门店中顺畅的使用线上商城开通钱包,我们需要尽可能的减少自主注册的步骤。

所以在我的设计当中用户注册线上商城就默认开通了钱包,但是和线下开设会员卡不同的是在线上商城注册登录并不需要先进行充值,这是为了不给非线下途径进入的用户造成困恼(因为用户没有在线下门店,对商品和服务还没有直观的感受,一开始就要充值容易劝退用户)。

用户注册之后就可以在线上商城中看到自己的会员卡信息和充值相关的功能,这个页面基本上涵盖了本钱包的所有功能。如下图所示:

注册之后为了使用会员卡用户需要先进行充值(如果是线下收银台开设会员卡就已经完成了充值的过程),那么用户充值的前提是加盟商对用户充值的挡位进行配置,管理后台中的配置表如下:

需要注意的是增设开始时间和结束时间是为了方便加盟商开展短期的充值促销活动。

在充值完成之后,用户通过钱包可以直接查看自己的可用余额,同时加盟商在管理后台的用户管理中就可以看到用户账户信息更新了,如下图所示:

充值完成之后,用户通过线上商城购买商品时便可以直接选用会员卡进行支付,如下图所示

网站钱包页面设计 第12篇

Richard Gabriel的经典论文《“越差的越好”的崛起》(The Rise Of “Worse is Better”),第一次将软件设计中两种对立观点进行对比:

贝尔实验室开发的UNIX和C就是“越差的越好”的例证。它倾向于小的,有些粗糙,可交互工具的集合。而“做正确的事”/“越好的才会越好”(“the right thing”/“better is better”)的例证则是麻省理工学院开发的Common Lisp, Scheme和Emacs。这种方法倾向于用更大、更全面、更整体的方法来解决问题。

美国热门应用倾向于更注重简约的任务驱动型,在向“越差的越好”致敬。而中国的应用却朝着相反的方向发展。

每个应用都积累了越来越多的表面上并不相关的功能(有的能巧妙地结合起来,有的只是随意粗暴地捆绑在一起),以此来吸引用户眼球和渗入用户的日常习惯。

脑海里浮现的一些例子:

百度地图含有天气、查找好友、旅游指南和一个完整的“钱包”模式。腾讯地图让你发送音频明信片。两者都有二维码扫描功能,毋庸置疑,必须有本地化团购导航。

新浪微博,中国版的Twitter,则做得更多。它的“发布”按钮允许用户发布多达10种类型的内容,从“长微博”到“餐馆点评”通通都有。当然,它也有一个跟“钱包”相关的功能。

在美国像雅虎一样包罗万象的“门户网站”主页二十世纪初就已经消声灭迹,但在这里这样的网站却很长寿,如新浪、网易、hao123和腾讯新闻。尽管“普通”的App已经具备了类似门户网站的功能,但门户网站本尊的App看起来也挺吃香。

猜你喜欢