赞助商
立即赞助

当 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
优译者:@陈木

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

相关文章

大家好,我是布莱恩。图标是 UI 设计中最基础也是很重要的部分,辅助人们更好的理解功能内容。随着扁平化设计风格的普及,图...
ui设计
@苏大牙牙牙 :在产品内容越来越同质化的背景下,用户体验设计的价值不言而喻。本文中,笔者也结合自己的心得,与大家聊一聊...
大牙的设计笔记
前言 大部分用研的小伙伴,每一次做可用性测试都需要邀请参与者在现场完成任务,观察并注意他们的行为,然后总结得出结论。没...
可用性测试
在下面这幅图中,哪一个盘子会让你吃得更少?是用20cm的小盘子,还是直径30cm的大盘子?凭直觉,我们会觉得较小的盘子会让人...
用户体验
@Mockplus原型设计 :如今,越来越多的优秀 iOS 应用程序、MacOS 工具和网站争相出现,用户对产品质量的要求也水涨船高。在用...
ui设计
@苏大牙牙牙 :日常工作中你有没有遇到,自己做的设计很难跟竞品产生差异?只能盲目追逐趋势缺少自己的独立思考?做不出符合...
品牌
2019 年 6 月,我们的增值团队推出了全新增值业务 QQ 大会员,其定位是基于 QQ 超级会员和豪华黄钻所有特权,同时提供更多增...
QQ会员
前段时间看了些和行为经济学有关的书籍,很巧的是,看完后发现理查德.塞勒因为行为经济学获得了2017年的诺贝尔经济学奖。在传...
产品设计