弹窗这类组件已经十分常见,那么,这类组件应该怎么设计?这篇文章里,作者针对弹窗的设计方式做了详细拆解,一起来看看,或许会对想了解C端界面组件的同学有所帮助。
一、组件介绍
弹窗是一种瞬态的交互式视图,它会在“合适”的时间弹出到页面的最顶层,并借由用户的一次点击完成关闭。
2024年12月13日
弹窗这类组件已经十分常见,那么,这类组件应该怎么设计?这篇文章里,作者针对弹窗的设计方式做了详细拆解,一起来看看,或许会对想了解C端界面组件的同学有所帮助。
弹窗是一种瞬态的交互式视图,它会在“合适”的时间弹出到页面的最顶层,并借由用户的一次点击完成关闭。
2024年12月13日
以前玩机的时候接触并在 Google Play 上购买了 tasker,但是每次都是难以上手、耗电、不知道需要自动化什么任务放弃使用了。这次突然想给自己的微信增加一个自动回复的功能, 像以前 QQ 的离线回复一样,稍微研究了一下怎么利用已有的工具实现,理论上来说也不算任何「外挂」程序, 应该不会被微信官方封号 。
整个自动回复的流程大概是这样的:
1. 微信通知事件被 Tasker 捕获
2. Tasker 解析出通知的文本并通过图灵机器人 Api 上传
2024年12月13日
刷脸支付场景说明
该流程通过识别用户人脸、手机号,获取人脸凭证(face_code),该人脸凭证具有较高的安全等级,可用于支付。
接口调用注意事项:
在刷脸支付流程中,Step1之前不进行过多的主线程耗时操作,避免耗时累计导致启动刷脸慢影响用户体验。
商户APP微信人脸sdk商户server微信支付后台APIStep 1 程序启动时初始化1. 程序启动时初始化 initWxpayfacedoInitWxpayface(返回初始化结果)Step 2 获取数据、SDK调用凭证2. 获取数据 getWxpayfaceRawdatadoGetWxpayfaceRawdata(返回rawdata)3.获取SDK调用凭证3.get_wxpayface_authinfo(rawdata)返回authinfo返回authinfoStep 3 启动人脸识别,发起订单人脸支付4. 进行人脸识别 getWxpayfaceCode启动人脸识别activity进行人脸识别完成人脸识别回调返回人脸识别结果(face_code, openid)doWxPayfaceCodeCallback(返回人脸识别结果)5. 发起订单人脸支付发起订单支付micropay(face_code)返回支付结果返回支付结果查询支付结果6. 查询订单状态orderquery返回订单状态loop[ 直到:返回确定的订单状态/超过轮询时间 ]返回支付结果撤销交易,以避免用户扣款,而没有发货的情况(撤销可后台异步进行)7. 撤销交易reverse返回撤销结果loop[ 撤销交易直到成功 ]opt[ 轮询结束仍然没有支付成功 ]alt[ 支付成功/失败 ][ 支付结果未明(比如:支付中/网络超时) ]Step 4 更新支付结果(2.13及以上版本不支持该接口),完成支付8. 更新支付结果updateWxpayfacePayResult(callback)用户确认支付结果关闭人脸应用界面doUpdatePayResultCallBack(界面关闭,触发回调)程序退出(...)opt[ 2.13及以后版本的废弃该接口,不需要调用 ]9. 释放资源 releaseWxpayface商户APP微信人脸sdk商户server微信支付后台API。
2024年12月13日
在设计原型时,如果有自己用顺手的组件库,会提高很多工作效率。本文讲解了5中常见的组件类型,大家可以学起来。
不少产品新人,在练习原型图时,会拿UI界面进行临摹。但到了项目实战时,还是不知道怎么画。
出现这个情况,有2个主要的原因
2024年12月13日
需求文档是一个PM入门级别的技能,虽说是入门技能,但是写一个比较完美的需求文档还是要花费很多精力的。
任何产品都有一个基础,这个基础包括用户基础、商业基础、产品定位、发展战略等等。所有的需求都是在这些基础之上,并为其服务。不可能说,在一个社交平台上,添加庞杂的支付转账功能,或者说校园社交产品中添加兼职模块。随手做出来的产品,更像是在堆积功能。
在这个基础之上,明确了即将做的功能,接下来就是将功能细化成单个的功能点。一般来说,每一个功能在其他的APP上都会有相关或者类似的样例。
2024年12月13日
最近公司的后台管理系统接入了amis低代码平台,就想写下对于这个低代码框架的使用心得,以及如何通过这个框架完成日常需求中的功能。
背景是项目经理希望后续在前端开发pd数比较紧张的情况下,后端也能够介入前端页面配置,也就有了低代码框架选型及后续的推进事项。(后端同学:好好好这么玩是吧)
2024年12月13日
创建微信小程序时,您可以为其添加订阅消息和推送通知功能,以便与用户进行实时的交互和通知。在本文中,我将为您提供详细的代码案例,来帮助您添加这些功能。
先决条件 在开始之前,您需要具备以下先决条件:
一个可用的微信小程序账户。小程序已经部署并运行在您的开发环境中。
添加订阅消息功能 订阅消息功能可用于向用户发送自定义的模板消息。以下是添加订阅消息功能的步骤:
登录微信公众平台()。在左侧导航栏中,选择“开发” > “开发设置”。在“订阅消息”配置项中,选择“添加模板”。系统将跳转到模板消息页面。点击“添加模板”按钮,填写模板标题和内容,并选择相关的消息类目。点击“提交审核”按钮,等待审核通过。
2024年12月13日
批量导入用户只是一个B端产品内常用的一个基础功能,但也很重要。下面这篇文章是笔者对B端产品功能设计思路进行的一个解析,大家一起来看看吧!
B端产品的功能在使用过程中经常被用户提出需要增加批量操作功能,比如批量导入用户数据,批量启禁用,权限批量续期等等。毕竟在一个公司里管理者是少数,打工人是多数,管理者一个个设置数据可能会设置到崩溃,批量设置对他们来说就是解救其从重复工作中逃脱出来的救命稻草。