赞助商
立即赞助

当 Tubik Studio 为中国甲方设计股票应用的时候……

UI设计3年前 (2021)更新 流光
2.8K 0 0

编者按:为另外一个国家的客户以及用户设计应用的时,文化的碰撞总是免不的。当 Tubik Studio 面对中国甲方的时,同样经历一番周折。下面来看看他们的项目战总结吧 ~

 UX  UI设的时候,常常需解决非常规的问题,这也使得我们需非常规的解决方案技能组合。这次的设案例就这样,这一款面向中市场的股票移动端应用。

身为 UX设计师,参与到设项目当中之,根本不知道到底需哪些知识作支撑的。当然,通常言,需对各种移动端平台(iOS、Android )所了解,熟练掌握设的一般原则,布局的规范,具备搭建复杂用户信息架构的能力,。但即便如此,依然会出意料外的状况。比如一截然不同的文化民族的日常使用习惯,离散数学,或者专业的电知识,通常不会了解这些东的。这就我们推新设项目的时候,碰到的况。

项目概述

Bitex 一款完全面向中市场的一款应用程序,它本身具聚合信息的特点,从世界各搜集数据,处理之后图形化处理,以加友好易于理解的方式呈出。Bitex 主的目标帮投资者好的交易。

户认为目前产品的主要缺陷在于:

  • 设未遵守 iOS 的设指南;
  • UX阶段的计不够好;
  • 图形之后的信息表现得过于拥挤;
  • 用户进入槛太高。

它目前看起来是这个样子:

当 Tubik Studio 为中国甲方设计股票应用的时候……

负责这个项目的设计师是 Sergey Kucherenko,通过这个设计项目,整个团队获得了经验。

UX设计

坚固的架构,始终基于善的了解和清晰的构思基础上。因此,我们决定重构整个产的 UX,最开始是将整体的数据基于标签拆分为大的逻辑,最终输为界限清晰的小逻辑模。

在这个阶段,我们不不亚洲国家用户于视觉感知特殊性。事实上,在亚洲国家,很多用户依然认为页上信息越多越好,这必须纳入考虑。

当 Tubik Studio 为中国甲方设计股票应用的时候……

些专家认为,这是基于感知心理特征。这认知习惯可以追溯到早期网络带宽比较低时代,随着时代发展虽然带宽提上来了,是这习惯和认知被保留了下来,并许多用户养成了先快速预览后,再仔细阅读习惯。

当 Tubik Studio 为中国甲方设计股票应用的时候……

也有将这现象归结为地语言和书写逻辑所造成异。

当 Tubik Studio 为中国甲方设计股票应用的时候……

是,不论原是什么,我们始终是要为更多图片和文本信息而不断妥协,尽量贴合地用户使用习惯。在这个过程,我们发现了个有意思现象,在西融体系,绿色表示上涨,红色表示下跌。是在亚洲国家,这恰恰是相反。由于品投资者有计划进入西市场,这使在后台加入了个「上涨色」调开关,让用户可以手动正这问题。

当 Tubik Studio 为中国甲方设计股票应用的时候……

在进 UX设计过程,最有趣任务是要用户实现个常独特过滤,用户可以过调节这个过滤来找到特定目标。这个过滤含几个简单特征和四个特定筛选条件组成,其个筛选条件范围都彼此不相交(比如从A到B,从C到D),有筛选条件范围是限(A到限大)。于这些筛选条件,我们使用了按钮和滑块控件来实现控制。

个滤器的主要特征是用户能够通滤器来现尔运,也就是逻辑上的「与」和「或」,尔运在电路和计机领域有着非常泛的应用。尔运中通常只存在两个概念,「是」和「否」,当两个筛选条件之间的关系是「与」的时,只有当两个条件满(也就是两者是「是」的时),输出的结果才是「是」,否则输出的结果就是「否」。果两个筛选条件关系是「或」的时,两个条件当中,只要一个是「是」,么输出结果就是「是」。

总言之,不同的筛选方式帮用户好筛选结果,合理搭配「与」「或」的逻辑,能够帮用户应对不同的筛选需求,好找到结果。

当然,这只是整个产品中所涉及的部数学上的问题。整个产品涉及数学的解决方案,由 Dr. Khan 来实现(正是提出创建这个产品)。为了说的想法,还给提供了相关工作型的截图。

当 Tubik Studio 为中国甲方设计股票应用的时候……

的任,是使用标准的 iOS 控件和普通用户可理解的模式计和实现整个用户界面。

在使的过程中,解决方案的大方向是尽量使「与」逻辑来尽量缩小范围,如果无法筛可的结果,那么再借助「或」逻辑来扩大范围。

当 Tubik Studio 为中国甲方设计股票应用的时候……

UI设计

应户的需求,整个应用在视觉上采用浅蓝色色调,在这个基础上尽量给用户提供干净清爽的外观。计上,尽可能少使用额外的色彩和图像。

我们的团队经过思考权衡之后,决定采深浅两种同的颜色题,供户择。客户对于两者都很,于是深色的题被保留,在夜间使。整个 UI设计了120屏,两种配色各60屏。

当 Tubik Studio 为中国甲方设计股票应用的时候……

△ 浅色背景的UI设计

当 Tubik Studio 为中国甲方设计股票应用的时候……

△ 深色背景的UI设计

明亮色可以带来明显视觉层,吸引用户关注屏幕上最要交互元素。此,用户界体也新进选择,由于界所承载信息量较大,内容丰富,此需要确保良好可读性。

当 Tubik Studio 为中国甲方设计股票应用的时候……

所有细节都经过确认后,最终进了测试。这款应用适用于 iPad 和 Android 系统。

当 Tubik Studio 为中国甲方设计股票应用的时候……

文章作者:Tubik Studio
优译者:@陈木

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:Google I/O 大会之后,Material Design 也好不意外地随之进行了更新,作为目前最主流也是对当前设计影响最大的一种设...
Google
中秋节刷朋友圈,从大家晒的月饼上发现,大课堂学员真是遍布互联网各大厂,很多原本素不相识的人因大课堂变为同事,缘分着实...
ui设计
2019 年 6 月,我们的增值团队推出了全新增值业务 QQ 大会员,其定位是基于 QQ 超级会员和豪华黄钻所有特权,同时提供更多增...
QQ会员
编者按:这篇文章来自 Taras Bakusevych 的文章《How to simplify your design》 如今的数字产品,在不断迭代过程中,会加入...
App改版
本文梳理了设计规范中进度指示的相关组件,包括分类和使用规则,还列举了大量市面上优秀的线上案例,更深一步探究对组件的使...
ui设计
进行了2个多月的APP大改版即将结束,为此产品技术团队真的是尽心尽力,猛追猛赶,非常辛苦。然而越是大项目,越需要在结束时...
App改版
每月一次的设计圈超实用干货大合集又来了!这个月的设计素材中,有很多炫酷好玩的新鲜工具,比如可以帮你快速找到符合 CC 协...
前端干货
对我来说,产品设计的美妙之处在于它通常不会止步于你的第一个想法。产品设计的过程乍看起来有点凌乱,但是经过多次的迭代和...
Eugen Eşanu