在个股详情页面，需要增加一个日内宝功能入口，本文讨论的是此按钮的摆放位置的问题。
文本大纲：
1.需求分析
2.两种方案
3.方案1的设计讨论
4.方案2的设计讨论
5.总结
1.需求分析
在做一项需求的时候，我们首先需要了解这个需求是什么，这样才能设计出符合用户习惯的交互方案。下面我们来了解一下日内宝是什么。
定义：日内宝是寰盈证券基于港美股交易规划设计的一款日内融资交易产品。
目的：日内宝通过将港美股交易门槛降至最低，从而达到两个目的。目的一，让投资者以更小的资金，获取更大的收益；目的二，让一些小资金投资者通过融资的方式，能够购买到市面上流通性好的股票。
摆放位置：个股详情页里面包含的功能有展示个股的详细信息功能、交易功能（买入、卖出）、点评功能、预警功能、加减自选功能、分享功能、返回功能等。其中最主要的是展示个股的详细信息功能和交易功能。日内宝是一种交易产品，属于交易功能模块，因为交易功能包含在个股详情页面里面，所以我们要在个股详情页里面加上日内宝功能入口。（由于交易TAB页面中也有交易模块，所以也需要增加日内宝的功能入口，本文不讨论）。
功能入口的交互动效：点击日内宝功能入口，跳转到日内宝个股详情页面。
*注：个股详情页是普通的详情页面，日内宝详情页面是根据日内宝这个产品所规划的页面，日内宝页面里面有对应的交易按钮。
改版前-未加入日内宝功能
2.两种方案
按照设计思路不同，可以分为两种方案，如下所示：
两种方案
方案1：因为日内宝按钮与买入、卖出按钮平级，所以将日内宝按钮与买入、卖出按钮平级展示，将多余的功能收纳到更多里面。
方案2：因为日内宝按钮与买入、卖出按钮平级，所以将这三个按钮放入到交易按钮中。
2.方案1的设计讨论
方案1的分解图如下：
方案1的分解图
优点：比较直观，在此页面能很快找到日内宝功能入口。将不常见的功能收纳起来，从而突出主要的交易功能。
缺点：买入、卖出、日内宝在个股页面的占比太重，不但挤压了其他按钮的发展空间，而且重点太多，分散用户注意力，增加用户的视觉压力。
把加自选功能入口放在外面，点评、预警、分享的功能入口收纳起来，是有根据的，并不是凭个人感觉而随意放置的。下面是个股页浏览量和点击率的可视化图表，圆圈的大小表示浏览量的高低，圆圈颜色的深浅表示点击率的高低。
个股页浏览量和点击率图
从上图可以看出底部TAB和分享的功能入口平均浏览量几乎没有区别，然而点评、预警、分享功能入口的平均点击率在0.5%以下，分享功能入口的平均点击率更是低至0.18%，加减自选功能入口平均点击率为3.62%，是前面提到功能入口的平均点击率的7倍多，显然，加减自选功能入口对用户来说更重要，所以将加减自选功能入口放在外面，其他的收纳在更多里面。为什么把分享功能入口也收纳起来呢？是因为它所占据的位置很明显，但是平均点击率还是很低，低至0.18%，说明用户几乎用不到这个功能，所以将其收纳起来，以便空出位置给更重要的功能，比如说搜索功能，这是后话了，此文不提。
3.方案2的设计讨论
方案2的分解图如下：
方案2的分解图
优点：将交易类功能入口收纳在一个TAB（交易TAB）里面，此页面重点较少，条理清晰，减少用户的视觉压力，给其他功能入口展示空间。
缺点：用户进行交易时，需要多一步操作才能到达交易功能入口页面。
将分享功能入口从上面挪下来是因为底部最多可以放五个TAB，这里将分享功能入口放在底部是为了空出顶部空间，放置搜索功能入口，此文不讨论。
分享功能入口之所以放在最右边的位置，是根据拇指法则，右边的那个区域相对难点击，而分享功能点击率极低，所以放在最右边的位置。在相对容易点击的位置放上点击率高一些的功能入口。
什么事拇指法则呢？
“拇指法则”是资深交互设计大神Steven Hoober在2013年对1300名手机用户的调查研究后提出来一个新名词。他通过研究发现，49%的用户都是单手拿着手机，使用拇指进行操作。甚至某些大屏手机使我们不得不进行双手持握的时候，多数人也还是倾向于使用自己的拇指。Josh Clark在另一项研究中也得出了类似的结论，他指出：75%的手机交互都是由拇指完成的。因此我们也可以说，对触摸屏手机进行交互设计，用户主要使用的就是拇指。
拇指法则
拇指法则示例
4.总结
个股页的最终目的是提供用户交易的入口，当用户想要去交易的时候，会去主动寻找此功能入口，此功能入口在整个页面的视觉比重占比很大，很容易被发现。而增加一步点击操作，并没有增加多少操作难度。将交易类功能入口收纳起来，会使整个页面主次分明，条理清晰，减少了用户的视觉压力，用户体验较好，同时也给其他内容留下了展示空间。
综上所述，方案1和方案2相比，更倾向于方案2。
网友评论