专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
龙爪槐守望者  ·  Meta Horizon OS UI ... ·  10 小时前  
字体设计  ·  武藏野美术大学二年级学生 GivU ... ·  3 天前  
体验进阶  ·  为什么app营销页打开后会缩一下?淘宝这次解 ... ·  18 小时前  
庞门正道  ·  设计师手里的AI,才是真AI~ ·  2 天前  
51好读  ›  专栏  ›  微交互

手机端表格设计

微交互  · 公众号  · 设计  · 2017-10-27 10:49

正文

请到「今天看啥」查看全文


按照重要程度摆放各信息,并合理排序后,表格看起来就更好理解了:



Level 2. 界面整合

如果你的情况不允许对表格对形式进行变动,那么可能就真的要用手机端展示表格了。

在确保文字能够看清的情况下,表格很有可能横向展示不全,所以滑动难以避免。以下两点可以优化表格的滑动体验:

  • 将第一列基本信息固定不动,只滑动其余辅助信息

  • 让用户能够看到展示了多少信息,还有多少是隐藏的

这样,复杂的表格就能够至少从表面上融入手机界面了:


Level 3. 优化细节

再仔细看看这张表格,即便不做大的调整,还是有很多地方可以通过微调来改善体验:







请到「今天看啥」查看全文