订单网页设计 第1篇
用户通过商品详情页或购物车页面，进行商品下单。下单环节的第一个页面为订单确认页，主要用于用户确认订单的商品信息与金额信息，并对订单进行一些信息补充或设置操作。
商品信息包含：图片、标题、规格、价格、数量，如果是平台型商城，还会展示商家店铺名称。金额信息一般包含商品金额、运费金额、优惠金额、积分抵扣金额、活动减免金额、应付金额。金额信息的显示应注意统一规范，如统一显示小数点后两位。
金额信息的显示，在垂直方向上应保持右对齐。方便用户能够从视觉上直观的对比金额。
用户需要为订单选择收货地址，为了减少用户的操作，系统按以下规则为用户推荐地址。
对于B2B商城来说，客户常常会有订单代发的需求，所以需要为客户提供代发服务。
客户在下单页面需要添加代发地址，代发地址的功能设计与收获地址基本相同，规则如下：
下单页面同样支持修改发货地址、添加发货地址。代发地址显示的信息包含：代发人姓名、电话和地址。处于隐私安全考虑，可以将电话号码进行脱敏显示，隐藏中间的四位数字。
自营商城或部分B2C类型的商城，通常还会给用户提供发票服务，因此下单页面允许添加开票信息。出于成本考虑，系统默认不提供发票，用户可以根据自己的实际需要选择开具发票，发票通常会和订单货物一起快递给用户。发票的信息通常包含发票抬头名称，如果是企业发票还应显示税号。
订单网页设计 第2篇
支付方式模块
店铺&商品信息模块
发票模块
订单金额信息模块
在实际应用中，电商企业应根据自身业务特点和用户需求，灵活调整订单结算页面的设计。以下是一些实用的建议：
用户个性化体验：利用用户数据，如历史购买记录、浏览行为等，为用户提供个性化的推荐和优惠信息。
跨平台兼容性：确保订单结算页面在不同设备（如PC、手机、平板）和浏览器上都能良好显示和操作。
数据分析与优化：通过数据分析工具监控订单结算页面的访问量、转化率等指标，及时调整页面设计和优化用户体验。
用户体验测试：定期进行用户体验测试，邀请真实用户模拟购物流程并反馈意见，以便及时发现问题并改进。
综上所述，电商订单结算页面的设计应遵循简洁明了、易于操作、安全可靠和灵活可扩展的原则。通过模块化构成和实际应用中的不断优化，可以显著提升用户的购买体验和转化率，为企业创造更大的商业价值。
订单网页设计 第3篇
提交订单后，进入支付环节。订单按照支付类型不同可以分为全款支付、定金支付或预付款支付、尾款支付。定金与尾款适用于预售商品、众筹类商品的订单。
目前国内的支付生态丰富，根据支付主体的不同可以归结为银行支付、互联网第三方支付、终端厂商支付。银行支付一般为银联，由银联对接各银行。互联网支付最常见的主要为微信支付、支付宝支付、翼支付等。终端厂商支付为各类移动设备厂商在手机终端中预装的支付钱包，如Apple Pay、华为支付、小米支付等。商城根据自己的实际需要与资源情况，寻找各支付厂商进行技术对接即可使用。各支付厂商，一般会根据每笔订单收取一定的手续费。
在设计订单支付页面时，应注意将支付金额放置在最显眼的位置，且支付金额的字体应放大，以便足够引起用户的注意。商城系统支持的支付方式应清晰的罗列展示。一般情况下，只能选择一种支付方式，且不能修改支付金额。
支付完成，应清晰的向用户展示支付结果（成功或失败）、订单号、支付金额、收款人等信息。另外在支付结果页，通常还会增加订单列表、首页等跳转按钮，引导用户留在商城。为了提升订单的支付转化率，还可以在支付结果页增加刮刮卡、大转盘等抽奖活动。
部分支付厂商会直接提供支付结果的H5页面，提供的页面支持商城进行定制化修改；也有部分厂商仅提供支付接口，需要商城开发支付结果页。
结语：
从本篇文章开始，将开启订单系统的系列分享，陆续更新有关订单系统前后台功能的设计思考与心得分享。由于本人才疏学浅，难免有不足之处，欢迎大家在评论区分享交流，愿你我一起成长，共同进步！
题图来自Unsplash，基于CC0协议