widget iOS小组件设计规范
Binance APP 代币产品、iOS 小组件设计
一、产品背景
产品简介:Binance widget for ios是一个可以集成到任何iOS设备上的widget,让用户可以通过Binance平台无缝地进行加密货币交易相关的活动。。
(1)用户能查看币行情,选择喜欢的加密货币进行交易。
(2)用户设置价格提醒,及时地了解价格变化和交易机会。
(3)用户管理个人的账户和资产,及时了解资产状况。
二、产品目标
(1)支持iOS14及以上版本的系统;支持iPhone和iPad设备。
(2)支持http://Binance.com和http://Binance.US平台;支持所有由Binance支持的加密货币。
三、产品功能
Binance widget是用户在iOS设备上看到的部分,可以显示加密货币的价格、趋势和交易量,以及用户的收藏交易对。
四、设计规范
(一)体验规范
1.可用性
产品应该提供一个简洁而美观的用户界面,以及一个易于使用和高效的用户体验。产品应该遵循苹果公司的设计指南和规范,并且适配不同的设备,系统版本,屏幕尺寸和方向。
2.兼容性
产品应该能够在不同的iOS设备、系统版本、屏幕尺寸和方向上正常工作,并且没有布局或显示问题。产品应该支持iOS 14及以上版本,macOS 11及以上版本,watchOS 7及以上版本。
3.性能
产品应该能够快速地加载和更新数据,并且没有卡顿或延迟问题。产品应该优化内存占用和耗电量,并且避免内存泄漏或崩溃问题。
4.安全性
产品应该能够保护用户的数据安全和隐私,并且没有泄露或篡改问题。产品应该使用HTTPS协议来发送和接收网络请求,并且使用加密算法来存储和管理用户的数据。
应该符合Binance平台和iOS平台的规范和原则,以便保证产品的兼容性和稳定性。
widget需要与主APP应用程序进行数据和功能的通信和交互,使用App Groups和UserDefaults等技术实现。
widget需要使用本地通知和推送通知等技术实现价格提醒功能,使用UserNotifications框架实现。
(二)技术规范
1.数据来源
widget需要使用网络请求和缓存等技术获取和更新加密货币相关的数据和资讯,使用CoinMarketCap,Coinbase等数据源提供数据服务。
Binance是一个权威和可靠的加密货币生态和数据平台,它提供了超过1000种加密货币的价格,市值,涨跌幅等数据,以及最新的行业动态和资讯。widget使用Binance提供的API接口获取数据,并遵循其使用条款和限制。
widget使用Coinbase提供的API接口获取数据,并遵循其使用条款和限制。
(三)美术设计建议
1.遵循IOS规范
widget需要基于SwiftUI框架开发和设计,遵循Apple的widget开发指南和规范。
1)锁屏状态的widget设计建议
- 使用深色背景和浅色文字,以便在黑色的锁屏界面上清晰可见。
- 使用字体大小和颜色,突出显示加密货币的重要信息,如价格,市值,涨跌幅等。
- 使用动画效果,如渐变,闪烁等,以增强widget的交互体验和吸引力。
2)折叠状态widget设计建议
- 使用深色背景和浅色文字,以便在白色的主屏幕上清晰可见。
- 字体大小和颜色,以突出显示加密货币的重要信息,如价格,市值,涨跌幅等。
- 使用动画效果,如渐变,闪烁等,以增强widget的交互体验和吸引力。
- 使用指示器或箭头等元素,以提示用户可以左右滑动切换不同的加密货币。
3)展开状态widget设计建议
- 使用合适的字体大小和颜色,以突出显示用户的投资组合的重要信息,如总价值,收益率,分布等。
- 使用图表元素,如饼状图或柱状图等,以直观地显示用户的投资组合中各种加密货币占比,并可以点击查看具体数值和百分比等信息。图表下方显示各种加密货币的名称,图标,数量,价格,市值,涨跌幅等信息。可以左右滑动切换不同的图表类型和排序方式。
4)满值状态widget设计建议
- 使用深色背景和浅色文字,以便在白色的主屏幕上清晰可见。
- 显示应用程序的界面,并提供加密货币交易或购买等功能。用户可以输入交易数量或金额,并选择交易所或支付方式。用户可以查看交易详情,并确认或取消交易。用户可以查看交易历史,并管理自己的交易所或支付账户等。
5)“今天”视图widget设计建议
- 使用深色背景和浅色文字,以便在白色的今天视图上清晰可见。
- 使用合适的字体大小和颜色,突出显示货币的重要信息,如价格,市值,涨跌幅等。
- 使用动画效果,如渐变,闪烁等,以增强widget的交互体验和吸引力。
- 使用右上角的按钮以提示用户可以进入主app应用程序,并查看更多信息或功能。
五、UI 设计
六、附录
1.术语解释
2.参考资料
用户在Binance官网可以查看最新产品信息,找到常见问题的答案,联系客服。













































































