tips
  • UX design
  • 全屏页的多机型适配
  • 电商商品详情页的“心累时刻”
  • 中台表单设计-技术模型VS.心理认知模型
  • Tab bar为什么只出现在一级页面?
  • 通俗物理学
  • Work tips
  • 令人上瘾的小tricks
    • 反应测试
Powered by GitBook
On this page
  • 这种方式主要有什么明显问题?
  • 要解决这个问题也很简单,就是始终保留tab固定。
  • 不止是电商app,让我们试试看高频使用的“微信“也这么做的话,会有什么效果?

Was this helpful?

Tab bar为什么只出现在一级页面?

手机端的多任务处理

Previous中台表单设计-技术模型VS.心理认知模型Next通俗物理学

Last updated 5 years ago

Was this helpful?

首页的tab bar通常暗示着app最重要的几个模块,他们相互独立,却也互相关联。 以电商为例,最核心的单位是“商品“,所有模块都在基于用户的需求对“商品“进行不同的组织。

1、首页:以 当前趋势、热卖的维度 组织商品。因此许多国外app的首页叫“trend(趋势) 2、搜索:以 用户输入的关键词 组织关联商品。 3、分类:以 行业主流分类 组织商品。 4、购物车:以用户 加入过购物车 为标准组织商品。 5、收藏:以用户 收藏过 为标准组织商品 6、订单:以用户 购买过 为标准组织商品

以上无一例外都是列表-详情的模式。列表负责列出所有供挑选,详情则供以查看具体。

但这种以需求场景分类的架构,并不完全独立 用户一边逛着首页推荐的商品 可能会突然想要搜索,或者想跟之前购物车的商品对比一下,又甚至去看下订单的商品之前买的这家是多少码合适,等等..

而现在的情况是,你需要丢弃现在的浏览进度,去到另外的模块(购物车、订单、搜索),用脑子记录下对比的信息后,再回到首页,重新找回刚刚浏览的商品...…..

这种方式主要有什么明显问题?

1、同一个功能入口,在不同页面的样式/位置却变幻莫测。

2、从子页面去往其他tab的内容,必须要先返回一级页,路径长。

3、离开子页面返回上级,会丢失原子页面的浏览进度。再次进入需要自己从头找起,不耐烦的话操作几次就会退出。

总结来说,由于tab只存在一级页面,切换tab意味着丢弃原子页面的阅读进度。 当前大部分的电商app,在多任务同时处理的交互体验上,是非常不理想的。

要解决这个问题也很简单,就是始终保留tab固定。

如上图,无论去到哪个子页面,都可一键切换至其他tab的内容 入口固定,一键切换,层级扁平。

“逛着逛着主会场,想要会首页搜索?“ 一键切过去 “一边逛着一键衣服,犹豫尺码,想去订单看看以前买的同个牌子的衣服是什么码?“ 一键切过去 “当前分类下的风筒,跟购物车的那件对比一下有,看是不是都有水离子功能?“ 一键切过去

不止是电商app,让我们试试看高频使用的“微信“也这么做的话,会有什么效果?

起码微信聊天界面和朋友圈是能够轻易一键切换的。

但微信暂时基本不可能这么做。这个问题跟朋友圈为什么没有放在一级菜单的道理是一样的。效率不是最高任务,利用高频的朋友圈功能,让用户每次都会打开“发现“菜单,有什么新产品都会在“发现“里面发布,这是保持微信用户发现创新的地方,倘若用户直接进入朋友圈,其他产品的发现和应用就会大大减少。