交互小细节（1）

年初公司资金链断裂了，可穿戴设备行业，整体不景气，除了像小米手环这样的巨头，小公司日子都不好过。16年2月加入公司的时候，行业就已颓势初显，可惜自己也不太了解，就误打误撞进去了，引以为戒。

3月份开始求职，过程也不太顺利，满意的公司不要我，要我的公司不满意，所幸结果是好的，进入了一家B轮的互金公司，薪资待遇不错。就是职责范围比初创公司小了很多。初创公司什么都要管，管市场调研、产品设计、项目进度、测试……而公司大了职责就细分了很多，我的岗位还是产品经理，不过主要负责APP的产品设计。

目前入职2个月，负责APP3个模块的优化与另一个APP的整体改版设计，实践经验升级不少，下面就是我总结的一些交互小细节，分享给大家。

1、tab的滥用

如图是我设计的信用卡模块，采用tab标签的形式。tab标签的优点是能容纳很多内容且节省屏幕空间，但同时对于非默认选中分类下的内容，浏览量相对较低。作为弥补，我为标签增加了标签，类似于【HOT】这样的。然而问题仍存在，由于信用卡比较少，可能某个标签分类下的信用卡只有1到2张，当拥有3张信用卡的标签切换到1张时，为了填补2个空列表的空间，下面的信用卡攻略模块就会上移，切换回去时又会下移，移上移下不觉得烦么？所以现在的设计是，固定显示3张信用卡，切换到1张信用卡的标签时，剩下的2个空列表从视觉上处理。

虽然看起来这个问题是解决了，但我心里总觉得哪里不对，就像一块布哪里破了补哪里，却没有找到问题的关键。于是把这个疑问抛给了小密圈上的大神，大神的原话是“Tab是在内容很多的情况下，不得已之选，没有人愿意用这个玩意儿。内容少，别用Tab”。确实是这样，如果内容很多，首屏是看不到信用卡攻略模块的，也就不存在切换标签时看到模块移上移下的问题，也不会出现空列表。

总结：设计交互框架时，也得考虑框架所能承载内容的多寡，否则框架与内容就会出现矛盾，而且磨合期可能很长（信用卡是从合作方谈过来的，不像文章可以在短时间内填充很多）。

2、动态页面与常驻功能

如图，右边的“更多”页面底部放了一个功能入口，后来发现如果列表只有2个，没有更多的列表，“更多”页面也就消失了。换句话说，“更多 ”页面是动态的，而我，却在动态的“更多”页面放了一个常驻的功能，一个会随着页面消失而消失的功能……

总结：放置常驻功能，要考虑所在页面静态还是动态，是不是会突然玩消失……

3、模块标题与内容区隔

经常在设计的时候遇到如图的情况，模块的标题到底是放在模块外好还是模块里好，两者之间有什么区别？经与别人探讨才知道，视觉上，前者是分隔，是非内容的辅助文字。后者才是标题！是重要内容

总结：看起来一样的用起来不一样，不要想当然

好了，先讲这3个细节，喜欢的话就点个赞吧！