基于服务设计理念的运动社交微信小程序开发系统技术方案

本发明专利技术涉及一种基于服务设计理念的运动社交微信小程序开发系统，其主要技术特点是：借助微信公众平台，使用微信小程序开发者工具，以微信小程序开放文档内容为参考设计标准。使用JavaScript语言建构，使用自定义方法及微信小程序原生API接口实现后端逻辑功能。使用微信小程序的WXML语言实现前端设计，使用小程序的WXS脚本语言，实现视图层内部组件的规划和优化布局，并根据实际应用场景及用户需求进行UI设计。本发明专利技术设计合理，以“用户获得和用户满足”为中心展开运动社交小程序的开发，开发中不断测试并加以改进，不仅提升了用户体验，而且促进服务提供商内部运营模式的进一步完善。完善。

【技术实现步骤摘要】
基于服务设计理念的运动社交微信小程序开发系统


[0001]本专利技术属于UI设计和微信小程序
，尤其是一种基于服务设计理念的运动社交微信小程序开发系统。

技术介绍

[0002]随着我国国民经济的快速发展，人民生活水平得到整体提升，运动成为一种潮流，形成了大众健身的氛围，互联网热潮带动了人们对于线上社交的需求。面对消费及用户体验升级，传统的体育用品零售商及服务提供商急需转型去创造更完善的体系、更个性化的服务来满足用户的需求。用户、产品、场景在实际生活中是离散的，如今技术应用也无法将三者很好的连接起来。而发现用户不同方面的触点，产品不同方面的特点，相互匹配在良好的渠道去进行连接，才能在营造出的场景中协调起来。
[0003]在需求驱动下，许多工具性、社交性的APP进入人们的视野。目前，悦动圈、keep等运动健身APP，提供相应运动建议以获取流量，并以vip服务，周边商品销售，线下活动等方式来进行变现盈利。同样，各大运动品牌结合各自官网，天猫等线上平台，实体线下门店等渠道进行商品销售，并尝试着更多的可能性为用户提供更多样、更全面的服务。2017年微信小程序的上线，一种不需要下载安装即可使用的应用，帮助用户实现了应用“触手可及”的梦想。

技术实现思路

[0004]本专利技术借助微信公众平台，以微信小程序开放文档内容为参考设计标准。系统中逻辑框架使用JavaScript语言进行建构，并使用自定义方法及微信小程序原生API接口实现后端逻辑功能。前端使用微信小程序的WXML语言，构建出页面的结构，而对于视图层内部组件的规划和优化布局，则使用的是小程序的WXS脚本语言。根据本专利技术的实际应用场景及用户需求进行UI设计。
[0005]本专利技术的目的在于克服现有技术的不足，提出一种基于服务设计理念的运动社交微信小程序开发系统。基于服务设计理念，以“用户需求驱动”为导向，以“用户获得和用户满足”为中心，在新运动体验+双线社交+新零售服务的结合方面进行探索，借助新媒体、移动互联网、人工智能等技术，来提供更为全面轻量化、生态化、智能化的运动产品，为用户提供更多的垂直化增值服务。
[0006]本专利技术解决其技术问题是采取以下技术方案实现的：
[0007]一种基于服务设计理念的运动社交微信小程序开发系统，包括以下步骤：
[0008]步骤1：根据用户基础需求，确定用户画像，筛选符合使用微信平台的用户，完成用户服务蓝图描绘。
[0009]步骤2：逻辑框架使用JavaScript语言进行建构，并使用自定义方法及微信小程序原生 API接口，实现后端逻辑功能。前端使用微信小程序的WXML语言，构建出页面的结构。
[0010]1、全局数据
[0011]调用微信小程序原生API
[0012]wx.setStorage：将数据存储在本地缓存中指定的key中(异步)
[0013]wx.setStorageSync：wx.setStorage的同步版本
[0014]wx.getStorage：从本地缓存中异步获取指定key的内容(异步)
[0015]wx.getStorageSync：wx.getStorage的同步版本
[0016]2、自定义方法
[0017]//自定义方法加载数据内容
[0018][0019]3、页面跳转
[0020](1)导航跳转
[0021][0022](2)按钮、图片触击跳转
[0023][0024](3)长按图片识别二维码
[0025]<image show
‑
menu
‑
by
‑
longpress＝
′
tme
′
src＝
″
path
″
></image>
[0026](4)扫描二维码跳转
[0027][0028](5)跳转其他小程序
[0029][0030]4、信息推送列表页面
[0031][0032]步骤3：本专利技术用的UI设计参考同类程序，并根据本设计的实际应用场景及用户需求进行改进，而对于视图层内部组件的规划和优化布局，则使用的是小程序的WXS脚本语
言，同时进行了扩充和修改。
[0033]1、尺寸单位
[0034]rpx(responsive pixel)：可以根据屏幕宽度进行自适应。参考iPhone6规定屏幕宽为750rpx，即屏幕宽度为375px，共有750个物理像素。
[0035]参考众多商业类APP的规格，首页轮播图尺寸比例采用了4∶3的比例；而在信息推送列表采用微信公众号的封面图片比例2.35∶1。
[0036]2、语法属性
[0037]针对于上文的界面实现，使用的view和swiper视觉容器，和icon、text、image、button、 switch等组件，进行尺寸选定，样式设计及布局规划的操作，增加用户对于产品的使用体验感。
[0038]display：flex；//使用flex布局
[0039]flex
‑
direction：row；//水平横向
[0040]justify
‑
content：space
‑
around；//主轴方向上的对齐
[0041]background
‑
color：color；//指定要使用的背景颜色
[0042]margin
‑
top：20rpx；//顶部留空20rpx
[0043]font
‑
size：20rpx；//字体大小20rpx
[0044]font
‑
family：STHeiti Light；//字体使用黑体
[0045]步骤4：素材选取
[0046]1、视觉素材
[0047]对于上文界面实现及UI设计相应的需求，相应从查找icon图标和图片，通过基础软件进行初步尺寸像素处理。随后交付前端和UI设计，过程中不断对实际情况和新要求进行改变。
[0048]2、内容素材
[0049]按照上文用户画像，功能设计等等方面，查找图片、视频、文字等素材，进行整理编辑。
[0050]3、素材更新
[0051]按照实际市场变化及企业
‑
用户需求，做出相应的商业化计划，进而对于素材内容进行更新整理。
[0052]本专利技术的优点和积极效果是：
[0053]1、本专利技术基于“服务设计的理念”，使用微信小程序技术开发的一款轻量化、生态化、智能化的运动社交软件。
[0054]2、实现可以通过用户检索、购买商品的轨迹，智能地个性化推荐给用户一些运动达人关于这项运动的动态、某品牌的运动商品以及距离较近的运动场地功能。
[0055]3、按步骤有次本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于服务设计理念的运动社交微信小程序开发系统，包括逻辑架构的建构、后端底层逻辑系统和前端访问页面系统，其特征在于：逻辑框架使用JavaScript语言进行建构，使用自定义方法及微信小程序原生API接口实现后端逻辑功能，前端使用微信小程序的WXML语言，构建出页面的结构，而对于视图层内部组件的规划和优化布局，则使用的是小程序的WXS脚本语言。2.根据权利要求1所述的基于服务设计理念的运动社交微信小程序开发系统，其特征在于：从众多的导航模式中，选择了底部扁平式选项卡标签导航作为整个软件的主要导航方式，为了方便用户使用手机移动端进行操作(大多数有单手操作的习惯)，将首层的导航放置在底部，能用一只手指轻松触及，且使用频率由左及右依次递减，包括“装备”index(商品服务)
→
网上商场及线下门店商品延伸零售服务，“运动场”news(信息服务)
→
传达关于商场活动、线下社交活动、装备信息等，“我的”user(会员服务)
→
会员信息设置，服务预约，线下门店延伸服务等。3.根据权利要求1所述的基于服务设计理念的运动社交微信小程序开发系统，其特征在于：使用直观的icon图标给予用户直观提示，减少用户犹豫选择的成本，直截...

【专利技术属性】
技术研发人员：贾宝会，张明轩，
申请(专利权)人：天津科技大学，
类型：发明
国别省市：