雪盈证券设计总结

用户头像
北京/设计爱好者/7年前/1251浏览
雪盈证券设计总结

把设计力花在关注用户需求、打造流畅的交互和精致的视觉细节方面,打造“这样就好”的产品,更能体现一个设计团队的成熟度。


近两年 , 港股和美股成为了最受新贵投资者们青睐的投资领域 。 腾讯股价10年500倍的现象级增长刺激着每一位投资者的神经 , 小米 、 滴滴等优质互联网公司赴港IPO又将掀起一阵港股热浪 。 雪盈君在这里正式预告 , 雪盈证券即将上线港股IPO和期权交易新功能 ! 让球友们不再错过热门港股的打新 , 期待不期待~相信不少球友对雪盈的了解还不多 , 雪盈君从今天起 , 会陆续邀请团队伙伴为球友们介绍我们从0创造雪盈的过程和思路 , 当然也会多多和大家分享我们的新动作 。 首先出场的是我们的设计天团 , 为球友们讲讲雪盈在视觉 、 交互设计中的种种构思与权衡 。 


 

1. 我们的初衷

雪盈团队的成员 , 是一群狂热的港美股投资爱好者 , 和大家一样 , 最初想要炒港美股时都经历过一遍 “ 过五关斩六将 ” 的磨难 。 信息获取难 , 想炒港美股根本无从下手 , 不知道找谁问 ; 开户难 , 英文表格和层层手续填得人崩溃 ; 好不容易开通了账户之后 , 且不说投资是否能获得理想的回报 , 就要被高额的佣金 、 管理费 、 平台使用费等等先来盘剥一圈 ; 最后 , 还不得不忍受极其难用的界面设计和交互操作 。

随着国内投资人对海外证券交易热情的增长  ,  我们认为我们有责任为国内投资者提供一款优秀的港美股投资产品 , 它功能丰富 、 操作简单 、 交易佣金厚道 、 客户服务周到友好…于是 , 雪盈证券就这么诞生了 。

   


2. 我们期待的产品体验

打造用户体验优秀的交易产品是我们的愿景 。 这里的优秀可以从两个方面来理解 : 视觉舒适和交互快捷 。

首先是视觉舒适 , 这款产品一定是符合现代人审美 、 信息布局合理 、 信噪比高 , 并且是需要有品牌亲和力的 ; 其次 , 交易产品唯快不破 , 下单时分秒必争 , 数据刷新快 、 操作流程快 、 开户快 、 入金快…总之 , 产品的交互要如丝般流畅 。


 

3. 设计理念

品质 、 活力 、 高效 。

根据我们的用户研究和访谈发现 , 港美股用户相对来讲有一定经济基础 、 比较重视生活品质 , 偏年轻 、 思维开放有活力 , 做事讲究方法 、 高效 。 我们根据人群画像 , 抽离出 “  品质 、 活力 、 高效 ”  的设计关键词 , 这些关键词为雪盈证券的品牌设定和产品界面设计提供了充分的帮助 。



4. Logo设计 : Super X

最初在设计雪盈Logo的时候 , 我们尝试过很多版本 ,  最终Logo的造型落在雪盈的首字母  “  X  ” 。 “  X  ” 造型锋利 , 像飞机螺旋桨 、 像风车 , 意味着 “ 高效 ” 、 “ 快速 ” , 这与我们追求效率的产品理念相呼应 。 此外 “ X ” 具有多重含义 , 它既代表了 “ 极致 ” 、 “ 超能力 ” , 同时还有 “ 探索 ” 和 “ 先锋 ” 的意味 , 代表科技和未来 。 Logo寓意和我们调研中港美股投资者画像完美匹配 : 你们是放眼世界 , 对资产配置有着高追求的投资先锋 , 雪盈证券是赋予你们投资超能力的高效投资工具 。



5. 品牌情感化设计

品牌的作用是传达产品价值 、 搭建跟用户之间关系的桥梁 。 品牌可以是有型的和无形的 , 除了我们传达的视觉舒适 、 交互快捷的产品设计理念 , 我们希望能有一个视觉符号来加强品牌的传达 , 让用户感受到品牌的温度 , 吉祥物 “ 小盈 ” 的形象于是诞生了  。

小盈的原型取自白头鹰 , 是一名飞行员 , 有着独到的眼光和敏锐的观察力 , 热爱生活 、 热爱自由 , 聪明 、 乐观 、 积极 。 我们将这个形象逐步融入到产品运营和品牌推广中 , 希望用户能够感受到品牌传递的价值观 , 拉近与用户之间的关系 。


6. 界面设计

雪盈是一款偏重港美交易与行情的证券APP , 这类产品中图片和强视觉类的展示不多 , 界面基本元素多为表单和数据 , 由于界面承载着大量的信息 , 如何将表单 、 表格 、 文字 、 图标进行布局 , 做出最合理的信息层级 , 最精巧的排列组合 , 成为设计师最大的挑战 。

为了实现这个目标 , 在设计中 , 我们对每一处控件的尺寸 , 每一处文案的斟酌 , 每一个字号的大小 , 都做过反复多次的调整 、 修改 、 走查和测试 , 设计的过程就如同从一块毫无生机的巨石里凿出大卫的雕塑 。

此外 , 除了在单页界面上的雕琢 , 我们对产品的可用性与易用性也会非常关注 ,  时刻关注产品数据和用户反馈 , 并以此不断优化开户 、  入金 、 下单 、 转户等流程 , 让这些功能使用起来行云流水一般 , 给用户带来好的体验的同时 , 也提升了留存率和转化率 。

我们的终极目标就是打造一款产品 , 用户用起来眼里放着光芒 “ 这正是我梦寐以求的交易软件啊 ! ”

以下是在界面设计中我们关注的一些方面 :

1  ) 减少信息层过多级带来的负担

以下单页为例 , 一个小小的界面 , 需要呈现的信息却特别多 : “ 股票当前涨跌 ” , “ 订单类型选择 ” , “ 价格数量输入框 ” , “ 订单限制条件 ” , “ 当前持有的头寸 ” , “ 委托单 ” , “ 盘口 ” , “ 辅助行情图 ” , 为了避免用户用起来一脸懵逼 , 设计时我们考虑了信息的优先级 , 也让各个模块可以灵活的这些信息必须要安排好层级以及展示的优先级 , 而为了用户感受到 “ 下单是一件轻松的事情 ” , 层级必须要控制在3级以内 。




2  ) 极致的流程优化

丝滑般的易用性 , 是我们面对每一个功能都拥有的热切的追求目标 , 为了达到这个目标 , 我们和产品经理多轮次地找用户来测试 , 返回来调整 , 再测试 , 再调整......



3  ) 夜间模式与白天模式

白天看港股 , 晚上看美股 , 全天的交易时段不打烊 , 我们给用户提供了深色版和白色版 , 无论白天还是夜晚 , 都可以满足用户的交易需求 。



4  ) 图形化的数据展示

账户赚了多少钱 , 跑赢了大盘没有 , 最近半年资产变动如何 , 这是用户最关心的部分 , 在这里的设计 , 我们把数字变成图表 , 更加直观易读 。



5  ) 界面中的情感化设计

想不想秀一波操作 , 震撼你的朋友圈 , 一键分享 , 立刻显摆 。


6  ) 极限值与特殊情况定义

数据是交易行情以及资产相关界面的核心信息 , 由于用户的类型很多 , 遇到的情况也很多 , 为了涵盖到各种情况 , 在很多时候都要考虑这样一个问题 : 股票名称太长 , symbol太长 , 钱太多数字太大等等等 , 遇到类似的情况 , 设计时候都要给出精准的标注 。



7.结语

交易类产品在外人来看是相对枯燥的 , 它并没有太多地方去彰显 “ 设计力 ” , 用户看不到也不应该看到太多花哨的东西 , 好的设计往往是让人感受不到设计的存在 。 避免过度设计 , 把设计力花在关注用户需求 、 打造流畅的交互和精致的视觉细节方面 , 打造 “ 这样就好 ” 的产品 , 更能体现一个设计团队的成熟度 。 当我们把一些细节的设计心思融入到产品和品牌推广中的时候 , 用户终究会发现这款产品的美好 。 用心打磨设计 , 让用户完全沉浸在交易体验过程中 , 我们希望打造一个用户认可的产品 、 能长期追随的品牌 。 雪盈证券无论在产品还是设计上都刚刚起步 , 我们希望用户能够帮助我们做得更好 , 在股市中一起成长 。


如果你还没有体验过 , 那您可以花个3分钟开通体验一下

https://snowballsecurities.com/open?r=official-xueying


8
举报
|
13
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI界面 组件
钱包ui模板
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
新拟态风格 UI设计组件库
【新年UI图标】秒杀icon
UI 登录界面设计模板包
盲盒APP UI设计
【新年UI图标】钱包icon
UI通用设计素材1
手表表盘UI系列
【新年UI图标】旅行icon
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
户外旅行飞机情侣假日出行
【新年UI图标】汽车icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
【新年UI图标】体育icon
【新年UI图标】礼物/活动icon
新能源APP应用UIKit
高级感金属拟物 UI设计组件库
你可能喜欢
大家都在看
登录注册