赞助商
立即赞助

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

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

相关文章

在互联网产品圈里,用户体验一直是被格外推崇,几乎每一个产品经理都会把用户体验挂在嘴上。即便是一个产品菜鸟也会在言谈间...
交互设计
每次在做项目总结的时候,总想列举一些法则和方法论来增加总结的专业性以及可信服度,但是总有些熟知的方法却怎么也叫不上名...
80/20法则
58UXD:本文将结合一个真实案例,为大家讲述作者是如何通过自己总结出来的系统化的创意流程,产生具体的设计方案。 一提到设...
头脑风暴
写文章也像做一款产品一样,随着技术的进步、知识的迭代要进行合理的优化与更新。过去的 2 年里,移动设备的更新迭代让振动反...
iOS振动
2019年农历春节就要到了,各大互联网平台的红包大战也正式拉开帷幕。作为腾讯旗下深度运营年轻用户的QQ,被赋予了更多娱乐社...
QQ游园会
一、CONCEPT 近几年,AR/VR 的概念非常火热,许许多多的科技公司投入到这股浪潮之中。 2017年上半年我参与了「小白墙」产品...
AR
猪年到来之际,我们品牌的卡通形象——小飞猪也完成了自己2.0版本的升级。或许有人会疑惑:飞猪的品牌logo 大家早已熟知,为什...
卡通形象
工作中我们设计师除了要完成产品经理或者业务方的需求,往往还希望在设计产出上能有更多的创新来体现自身的价值。但是我们有...
产品