关于尚德机构的几点想法

一、申请网银在线；

1、注册网银在线 http://www.shouxufei.net/ ；

2、下载并安装支付接口 ；

3、合同的签订 (需要和网银在线的销售人员联系，确定收费价格，并索要合同，流程完后就是后面的一些资料寄送) ；

4、合同生效开始提供服务。

二、做页面：

有两个是用来接收网银在线的反馈传递页面(这两个页面一般是进行下面的第四步)

一个是配置文件

一个是网银在线的一些函数(一般不需要修改)

1 、先做商品支付页面；

2、 用户确定提交订单(同时本地写入数据库一个唯一的订单号,并设定成未支付状态)；

3、提交订单到网银在线支付页面；

4、用户支付成功后返回网站操作页面(对用户进行操作,数据中的当前订单更改成已支付)。

设备：iPhone7plus   

版本：ele 7.41

一、战略层分析

       笔者由将两大灵魂的拷问开始叙述，“我们要通过这个产品得到什么？”“我们的用户要通过这个产品得到什么？”一个是企业的目标、一个是用户的需求。

1.1、 企业的目标，收银台首先应保障交易订单顺利的流转不流失。与此同时，提高交易透明度和便捷度，优化用户在交易过程中的体验。以及联合增值服务、用户增长、商家营销共同刺激用户支付，提升最终交易量。

 1.2、用户的需求，用户是谁？用户从哪里来？用户要做什么？ 我们要帮做什么？a、用户是买家；b、用户从商品模块流入，已经完成商品选购；c、买家要进行支付交易；综上，用户的需求是买家在确认支付商品后与最终付款前通过收银台进行确认交易各环节信息。使其顺利完成交易，避免因信息不对称造成在交易过程中的不良后果。

二、范围层

     由战略层需求，确认我们要的产品范围。

1.1、我们的todo范围，根据企业目标与用户需求制定我们的以下todo。 a、保证页面简洁流畅，信息表发明确无误差，支付流程不卡顿；b、引导用户完善交易必要要素（商品、用户、支付），校验校验要素的合法性，对事前防范、事后补救，顺利完成交易活动；c、提供增值与附加服务（准时达、发票、备注等信息）保证交易正常的前提下提升用户体验；d、折扣抵用配合用户增长，提高支付率。

1.2、我们对范围的划分，我们知道交易是指双方以货币及服务为媒介的价值的 交换 ，根据我们最目标以及用户需求的认识，我们对该页面进行范围层功能模块要素进行划分。

1.2.1首先是交易的必要要素，a、买家，实际受益主体，即用户信息，包含用户名、物流地址、联系电话等b、价值商品，需要付出价值购买的主体，即实物商品（食品+包装）、服务商品（配送）等c、货币，价值交换主体，即支付方式等。

1.2.2可有可无但不影响交易的非必要要素，a抵扣，关闭不影响商品交易，即红包服务、满减服务等；b无价值商品，无需付费，关闭不能影响商品交易，即卖家赠送、备注口味、开发票、配送时间等 c、价值商品，需额外付费，关闭不能影响商品交易，即换购、准时达。

分析：支付页面（外卖配送），作为成熟产品要素功能具备完整，模块划分明确。

三、结构层，笔者本次主要针对饿了么支付页面，用户“订单页面泳道状态图”以及“提交订单时序图”进行了梳理， 并结合战略层与范围层结论，对页面中用户状态进行解构分析。用户如何到达某个状态，并且在他们活动状态结束后如何流转至下一个状态。

订单页面泳道状态图

分析：作为整体结构明确，页面间跳转简洁明快。作为支付页面需要简洁流畅，尽可能减少页面间的切换，降低回退与跳出率。每个交易要素，都包含默认项，在用户不操作的情况下，依然不影响订单提交。在形式上，固定选项（送达时间、支付方式、餐具份数）均为弹窗，直接修改。非固定选项（联系地址、红包、备注、发票信息）均备新增、删（自动删除）、改（出红包）基本功能，新建后默认选中，减少用户操作。外卖配送与到店自取切换相对流畅。

四、框架层

        在范围层笔者对交易涉及的因素做出整理，框架层将根据范围要素进行设计布局。笔者认为，必要要素优先级高于非必要要素；用户重点关注的配送时间、抵扣红包适当前移；首屏范围内，应必要要素（用户、商品、支付）、应尽量在首屏展示可以看出，目前线上支付页面（外卖配送），从顶部向下的布局优先级基本无误，满足用户对必要要素信息的获取，前置了用户高关注度的非必要要素（配送时间与红包）

建议点：

1、短距离位置提醒，目前系统已经对远距离进行识别，帮助用户剔除配送范围外的地址。但近距离配送还是会有出错概率，建议增加短距离识别，避免在可配送范围内位置用户选择出错问题。比如同办公区，楼栋不一样。配送坐标与实际大于一定距离，应给出提示。

2、地址与时间合并，支付方式后置。在分类上地址和时间同属用户配送相关信息，建议视觉上合并在一起。支付方式，操作频率相对稳定，用户认知极深，可相对后置，在企业立场上也可以减少非支付宝外的支付方式切换。

3、增加口味切换，根据大数据对菜品与用户的标签，如用户通过其他途径反馈不能吃辣，误选了辛辣食物可以快速切换口味（前提是食物本身多口味可选）。选错口味虽然是用户的操作问题，但也是极大的伤害用户体验。

4、商品合并，基于对重要信息的优先展示，首屏可见范围内应展示包含用户、商品、支付以及配送时间信息。目前商品展示平铺，在商品量大的情况下，阻当了其他重要信息机会。如商品量过大的情况，产生较高额的包装费与配送费，用户获取这些信息会有不方便

5、快捷增加主食，基于减少页面回退、跳出，对用户在点餐过程中可能出现的常见错误，给与补救措施。目前系统已支持对未点主食的提醒，但还需回退去操作，建议增加快速添加主食功能，界面可与换购融合。

6、合并全部付费项目，在商家页面，底部会进行所选商品+包装费金额统计，但不包含配送费；支付页面，商品小计统计商品+包装费+配送费+红包统计；支付页面底部浮层统计在小计基础上+换购+准时达，同一单，在不同位置给出三个价格统计，可能会引起用户对订单价值的疑惑。可考虑对支付页面内部金额总计进行统一设计。

7、小计金额与底部统一，目前分别计算两次。（和6的问题一样）

8、新增备注匹配，如用户购买过同商品、类似同名商品，可帮助匹配历史备注。如在A商户点的鱼香茄子，备注“少点油腻，多点茄子”，在B商户购买同商品，可帮助用户填写。主要的想法就是，根据用户的口味信息，预先匹配备注，方便用户。具体逻辑交互可能更复杂，有机会可以探讨哈。

五、表现层

整体上页面比较简单，在视觉设计上比较成熟完备。在视觉层上的建议，如下：

1、页面文字整体比较多，备注比较多，建议精简文字，保持版面简洁。

2、底部提交按钮为绿色，个人感觉不是很显眼。

页面交互设计图

       对于电子商务产品来说，一般是采用内容型加工具型的模式：内容型页面部分利用丰富的信息吸引/引导用户浏览并产生购买欲望/决定，之后用户在内容简洁的工具型页面部分操作，直至购买成功。下图大致表现了用户来到一个电子商务网站的购买过程，其中黄色部分代表内容型（比如首页），蓝色部分代表工具型（比如支付页面），灰色代表过渡页面（比如商品详情、收藏夹、购物车页面等）。

        在雅秋的 《交互设计的理性Vs.多样的感性用户》 中提到了一个很好的例子（由于理解略有不同，在本文中稍有修改）：

        淘宝首页是一个内容型页面，它同时满足了不同用户的需求：红色和绿色区域都是为具有潜在购买目标的用户设计的（知道自己想买的类别或名称，但是要看了才知道有没有）；蓝色区域是为没有目的、随便逛逛的用户推荐的。

        如果用户体验良好，那么有潜在目标的用户很可能会寻找购买入口（见下图），下单购买；没有目标的用户可能也会转化成有目标的用户。反之用户则会流失掉。

       对于有明确目标的用户，很可能会略过内容型页面，直接寻找任务入口：比如进入购物车页面结算（之前加入购物车但没付款），或者在“已买到的宝贝”页面直接付款等等。

       至于收藏夹则比较特殊，它介于有潜在目标和有明确目标之间，因为用户收藏说明对某样商品很感兴趣，但未必会最终购买。

        上面三个图依次为淘宝的收藏夹、购物车和“已买到的宝贝”页面。把三个图缩小后我们可以看到收藏夹中显示的图片是最大的，因为这个时候用户的购买目的还不那么明确，需要靠内容来吸引用户；而购物车和“已买到的宝贝”页面就相对简洁了很多，因为这个时候用户的目的已经很明确了。

        很难说像这种含购买入口的页面是属于内容型还是工具型，我认为二者兼有，但要看更偏重哪边。我个人认为：商品详情页面偏内容型一些；购物车偏工具型一些；收藏夹比较中立。划分的原则仍然是看网站目标（引导用户操作还是吸引用户操作）以及用户目标（有明确目的还是没有）。

       找到购买入口后，就可以开始下单、支付的操作了。在这个过程中，用户是在工具型页面中完成的。

综上，我们结合网站目标及用户目标，把电子商务产品的页面类型做一个总结。

这些页面间的关系：

也就是说，用户的购买过程，大概是一个从内容型页面逐渐过渡到工具型页面的过程。随着操作的逐层深入，页面上吸引用户的视觉元素越来越少，“死板”的，体现页面操作逻辑的控件元素越来越多。所以做页面设计时，要充分考虑这个页面存在的目的以及它所处的位置，以此为依据确定页面风格。下面是一些例子：

内容型页面：

有目标的部分视觉简洁，无目标的部分图文并茂（这部分内容的详细介绍可参考《首页设计的可用性和PET》这篇文章，写的非常到位），无操作按钮。

内容型为主的页面：

图文并茂，有操作按钮

内容型为主的页面：

图文并茂，有操作按钮

工具型为主的页面：

视觉元素较复杂，有操作按钮

另外前面提到过的购物车等，也可认为是工具型为主的页面。

工具型页面：

视觉简洁，有操作按钮

不同于即时到账支付产品，分账支付需要对接微信和支付宝另外的接口，跟普通支付产品的主要区别在于在支付时需要指定对于二级商户号（要求一个二级商户号一个子订单），多个子订单支持合并支付，另外如果是分账支付在用户支付端的页面跟普通即时到账产品也稍有不同，下面会详细介绍，另外API详情请参考三方开放平台文档

2. 支付计费分账流程

正向支付分账流程相对逆向来说还是比较简单的，参考以下流程

在流程图中有个判断是否锁定分账用的，这个地方重点在逆向退款退分账中会说明

3. 单据&属性设计

目前我司在分账时设置了三个层级的单据，分别是分账的 - 分账商品明细 - 费用明细，三层层层递进，已对多的关系，计费完成后会分账金额统一记录在分账单商品，再向三方发起分账

单据名称用途属性说明

分账单支付时子单的概念，是后续分账的依据，属性包括子单号、订单创建时间、支付方式、支付三方流水号、支付完成时间、订单完成时间、订单总金额、订单折扣金额、订单运费金额、用户实付金额(分账总金额) 、是否锁定分账、商家应分账金额、平台应分账金额、商家冲抵金额、平台冲抵金额、商家实际分账金额、平台实际分账金额、分账申请单号、发起分账时间、是否发起状态、应分账时间、分账成功时间、分账状态、分账失败原因、计费状、计费失败原因

分账商品明细商品或者服务明细，属性包括子单号、商品编码、商品名称、单价、数量、折扣、销售总额、优惠券金额、实付金额、计费状态、计费失败原因、佣金扣点（或者供价）等等

费用明细商品对于的费用明细，属性包括费用类型编码、费用类型名称、费用金额、费率类型（指定、扣点）、分账账户（平台、商家）

另外分账其实是依赖于计费状态的，以下是两者之间的流转关系

4. 支付

支付API大家可以直接去微信和支付宝开放平台看下（支付宝文档好像是定向开通的），这里重点说明下即时支付产品和分账支付产品在用户体验有哪些不一样的地方

开通的要求不一样

前面在进件环节大家也看到了，分账产品需要有二级商户进件完成后才可以进行交易和支付

页面展示不一样

由于分账产品资金账户所有权是归属平台商家的，因此在用户支付页面展示的信息跟普通即时支付也不一样，这个环节微信做的还是不错的，重复的把资金收款方也详细的说明了，详情参考下图

资金流转不一样

即时支付产品资金是直接支付给平台的，账户归属权属于平台，分账产品资金是支付给商家的，这样相对来说降低了平台“跑路”的风险

5. 计费

计费这里可简单可复杂，主要看业务的复杂度怎么样，下表把常见的费用项目整理了下，供大家参考

费用项分账对象说明

【货款】：二级商户货款金额为顾客支付金额减去各类费用后的余额

运费二级商户顾客支付的运费

【运费险或者其他附带保险】：分账至二级商户-保险公司，顾客下单时选择的服务保障，需要分账到对于的保险产品提供公司

【平台佣金】：分账至平台，平台收取的跟订单交易相关的费用，比如扣点或者指定的供价售价价格差（固定费用正常不会通过分账来收取）

【平台促销补贴】：分账至二级商户，前提是需要平台向平台补差账户进行充值后方可分账

【顾客返现平台】：分账至平台，发放给顾客的返现，比如会员返现，推荐人返现等等需要商家承担的部分

【售后退款抵返现】：比如本应退顾客100，但是前期已发放返现10元并且无法回收（已经使用掉了），这时退款给顾客只退90元，少退的10元属于“售后退款抵返现”，退分账时不需要退还

另外需要充分考虑计费失败的情况，保证系统的容错能力。

5. 分账

设计好了单据、和计费流程的话分账其实就是很简单的事情（其实真正负责的是逆向退款，后面文章详细介绍），分账后账户资金会由冻结胡划入可用用，商家就可以提现了。

说起小程序相信大家应该都不陌生了吧。

经过长时间的推广和使用，现在大多数人都接受了小程序的使用方法。

下面我们就一起来了解一下，小程序的入口都有哪些类型的。

1社交立减金入口适用类型：需要使用微信支付的小程序入口位置：接入社交立减金的微信支付页面入口介绍：1月16日，社交立减金全面开放。

从此，用户可以从社交立减金进入小程序。

使用方法：线下门店购买后，用户通过收到的模板消息领取立减金，点击“邀请好友一起领取”将立减金分享至微信群，群友可点击领取。

领取后页面即出现小程序入口，用户进入小程序内消费。

2小程序广告入口适用类型：所有小程序广告主入口位置：小程序内广告位入口介绍：3月19日，小程序广告开放。

目前小程序支持banner广告和视频激励式广告。

这两种广告都支持跳转小程序。

3服务直达入口适用类型：服务类小程序入口位置：微信搜一搜结果页入口介绍：4月18日，微信内测服务直达功能。

用户搜一搜输入关键词后，参加服务直达的小程序则会优先显示用户面前。

服务直达功能，给了小程序一个优质的服务入口。

4App打开小程序适用类型：所有小程序入口位置：App内入口介绍：5月18日，支持App直接打开小程序。

这个功能是企业入口期待榜“前三名”，现终于实现了。

同样这也意味着，微信外部，除了小程序码、企业微信关联小程序以外，App也能直接打开小程序。

5品牌搜索入口适用类型：所有品牌小程序入口位置：微信搜一搜结果页入口介绍：7月6日，微信开放品牌搜索能力。

所有开通品牌搜索的商家将获得品牌官方区和微主页的能力：①品牌官方区，是获得认证的品牌搜索下的专属区域，用户获取品牌信息和服务的官方渠道。

②微主页，是微信提供的标准化小程序，包括品牌介绍、主营产品、服务、联系方式等模块。

1、确定要分析的任务：任务有主要任务和次要任务，次要任务是为了用户完成最重要的主要任务而存在的

2、分解任务：分解任务是任务分析的核心，从用户行为出发，详细描述用户使用过程，将用户任务分解为具体的行为操作，这些用户行为就是这个任务的子任务

3、绘制子任务结构：将不同的任务、子任务按照画出对应的结构图

4、排列任务优先级：如果要突出用户的主要任务，就要对子任务的优先级进行排列，我们可以通过使用人数、使用频率和重要程度等多种维度综合排布优先级

5、组合任务：我们要将将次序相同、操作类似、界面类似的任务组合起来合并为同一组，便于用户理解和使用

6、将任务流程图转化为页面：通过任务的结构、优先级与组合，我们便可以得到几个主要的界面结构

举个栗子

李浩这周末想要去家附近的电影院看《皮卡丘》，他需要完成的主要任务就是购买一张这周末的附近电影院的《皮卡丘》的电影票

主要任务：在线购买电影票

次要任务：

1、选择影片

2、选择电影院

3、选择场次

4、选择座位

5、确认/支付订单

对于每个次要任务，我们还可以继续拆分为多个不同的子任务，这样一步步拆分后，我们得到了多个不同的子任务（此处为了简便，未对任务做进一层拆分）

通过对这些任务的组合，我们便得到了“影片列表页”、“影院列表页”、“影片详情页”、“选座页”、“支付页”等多个页面并根据任务的优先级，对每个页面有了初步的构想

任务分析过程中要注意的点

1、对每个子任务进行编号，这样在之后的文档中你可以方便的使用它

2、不要忘了目标与场景，在进行任务分析时，不要脱离用户目标和实际场景，没有谨慎的用研的任务分析通常是没有意义的

3、在做任务分析的过程中，适时地做一些对应的注释可以帮助我们更好的理解用户“为什么”会有这样的行为

4、在进行分析时，要时刻注意要以用户为中心，保持用户视角，避免个人主观臆断

5、任务分析并不是一次性的工作，随着设计不断迭代，任务分析也要不断地重新分析

6、最后，请记住和其它体验设计的相关方法一样，任务分析也需要花费时间、人力、预算等等资源

关于微信上的支付安全设置在哪儿，您可以按照以下步骤找到并进行设置。

1、打开微信，点击右下角【我】，进入【我】的页面后，点击【支付】一栏；

2、进入支付页面后，选择并点击右上方的【钱包】；

3、进入钱包页面后，点击【安全保障】一栏；

4、找到并点击【安全锁】一栏，再在安全锁页面中选择验证身份方式，输入支付密码即可完成设置。开启后，进入“我——支付”时需验证身份。

* 以iphone 12型号手机，iOS14.6系统版本，8.0.6微信版本为例子，不同型号版本手机操作通用。

第一步：网站的规划与设计

商城后台管理系统搭建开发是个较复杂的系统，一开始就要想好需要有的功能，网站的规划也是建所有网站都需要做的事情，在规划设计中需要对网站进行整体的分析，明确网站的建设目标，确定网站的访问对象，网站提供的内容与服务，网站的域名，logo，网站风格和网站目录分类等内容，这一步也是电商系统网站后台建设成功的前提，因为所有的建设步骤都是按规划设计进行实施的。

第二步：站点的建设

网站规划设计以后，就开始进入网站的建设阶段，电商系统网站后台建设这一阶段主要有域名注册，网站配置，网页制作和网站测试的四个部分。除了网站测试，需要在其他三项完成之后才能进行之外，域名注册，网站配置和网页制作相对独立，可以同时进行。

第三步：经营目标

经营目标是企业进行网络营销的目的所在，网络营销在运营过程中的“指南针”。一般情况下，一份网络营销计划书主要包括以下3个方面目标。

1、任务，即需要完成什么。

2、可量化的工作指标，即工作量是多少。

3、时间限制，即什么时候完成。

第四步：网络营销战略

接下来，营销人员按照“4P营销理论”（4P即产品、价格、渠道、促销四个因素）的内容和关系管理制定营销战略，以实现开发电子商务系统平台后台既定的目标，也就是关于产品、价格、促销和渠道的计划目标，此外，营销人员还要考虑产品定位，市场细分，市场差异化，客户关系管理等战略的制订。

第五步：做好网站建设的策划方案

企业建设商城网站，首先要进行的网站建设步骤就是要了解自己建设这个商城网站的目的是什么，电子商务是互联网时代发展的大热门，有许多企业制作电商商城网站系统纯粹是盲目跟风行为，不提倡这样的行为。所以需要在事前做好商城网站建设的策划方案，方案内容包括网站定位、目标用户定位、网站风格设计和营销目标等众多内容。

第六步：做好商城网站内容的建设

企业商城网站建设不是随便把一些产品信息和图片发布到网站上就行的，要做好一个商城网站的经营也不是一件简单的事情。所以在建设商城网站是要重视其内容，做好网站的内容建设才可以增加网站的点击率并提升转化率。

第七步：商城网站的推广不可忽视

定制开发一个成功的商城网站，并不是制作出功能完整的网站就可以了的，在上线后，还需要对网站进行推广，只有推广了才能让更多的人知道并了解你的新网站。所以推广也属于商城网站建设工作的重要组成部分。

建设网站上凡科建站，凡科建站拥有完善的自助建站系统，企业完全自主搭建网站，操作简单，还提供免费版建站，可以让中小企业一并解决过去烦恼的建站问题。

0代码轻松建站！点击这里获取精美网站模板：凡科建站

付款方式：

1、支付宝账户余额支付

当您的支付宝账户余额足够支付所拍宝贝的订单金额，您可以直接使用支付宝余额支付，输入支付宝账户支付密码，点击“确认付款”即可

当你的支付宝余额不够支付时，选择其它付款方式

2、储蓄卡支付

若您的支付宝账户没有余额，而您拥有支付宝卡通或已有开通网上银行的银行卡，您可以选择全部订单金额用“储蓄卡”支付（即网银付款），效果和使用支付宝账户余额支付是一样的。

在选择“银行卡对应的银行名称”，点击“下一步”后，如果选择有误，可点击下方的“选择其他方式付款”重新选择，确认选择无误后，点击“登录到网上银行付款”即可进入网上银行支付页面：

3、信用卡支付

找到支持信用卡支付的商品，确认购买后，进入付款页面，点击“信用卡”，选择银行进行支付即可。

买家选择使用信用卡支付成功后，待交易成功后，还能获得银行积分，积分会在买家确认收货后3－5个工作日打入买家账户。

目前支持积分的银行有：中国银行、光大银行（中银卡在淘宝上使用大额信用卡支付有积分，长城卡的积分请咨询当地发卡行），银行积分均为银行赠送，具体情况建议咨询银行客服了解

4、找人代付

第一步，选择需要的商品，点击“立刻购买”

第二步：确认收货信息和地址后，在找人代付的方框前打上勾，然后点击“确认无误，购买”

第三步：选择指定的人帮您代付，或者是任何人都能帮您代付 ，后续等待朋友帮您付款即可

5、快捷支付（无需开通网银

无需网银，只需关联您的信用卡或者借记卡，每次付款时只需输入支付宝支付密码即可完成付款

支持银行：中、工、建

1、选择您要购买的商品（要支持信用卡付款哦）

2、付款时填写信用卡信息（填手机安全校验码）

3、默认保存信息，确认付款（购物的同时就开通快捷支付）

下次购物支付时，只需输入支付宝账户支付密码即完成付款。

6.花呗支付

进入付款页面时。选择 【蚂蚁花呗】，输入密码，点击【确认付款】，即可完成支付。（首次使用，是有优惠的）