加入收藏 | 设为首页 | 会员中心 | 我要投稿 常州站长网 (https://www.0519zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 产品 > 正文

贯通与非贯通? 详解App UI中的分割线

发布时间:2017-05-12 11:04:26 所属栏目:产品 来源:woshipm.com
导读:副标题#e# APP中分隔线的贯通和不贯通是产品和UID对产品信息架构功能点梳理、分类之后形成的视觉排版产物,它造就了视觉上对于一款app页面信息的整体和独立感。 App UI设计中,分割线是一个很特别的视觉元素。 如下图红圈所示,包括微信在内的现在很多app里

2.“已购声音+喜币余额”出现在一个区域并且分割线不闭合,强调这两个是一个整体,内在逻辑我最初以为是“购买行为产生的”,但是当我看到下面喜马拉雅商城和订单的时候我就蒙圈了,其实这里有一个产品上面很重要的问题,有的同学说,讲道理的话,应该是“已购声音+喜币余额+喜马拉雅商城+商城订单+优惠券”放在一个区域才对对吧,我承认讲道理的话应该是这样,但是作为一个喜马拉雅FM的重度用户,你们也许不知道喜马拉雅FM现在正在尝试优质内容付费收听的新变现模式,每收听一个付费内容需要消耗0.3喜币,所以这就能说得通了,这个区域的内在逻辑应该是:”付费内容相关的”。

3.而下面的区域,喜马拉雅的产品经理把他归纳为,都是“其他”,也就是说,在现在喜马拉雅的产品体系中,商城和游戏中心的地位不如付费内容,不放在主要地位。

所以从这个页面不难看出,喜马拉雅当下的运营重点在”付费优质内容相关的”这一块,也就是新的模式探索,事实也是如此,在这个资本寒冬,喜马拉雅目前在做车载硬件,做商城,做优质内容付费,喜马拉雅团队最近一定是在苦苦寻求变现模式。这就是我经常说的从一个产品的UI其实是可以看得出这个产品团队甚至一个公司目前的状态的。

再来看脉脉:

脉脉是一款更新量特别大的app,作为他的深度用户我都震惊了,从15年年初到现在基本上是每个月一个大的功能模块迭代。这样大规模的迭代就必须要求产品做好信息架构梳理。比如我们看页面中,第一大块的Cell是访客+我的工作圈+钱包+收藏,我们可以理解为逻辑是“用户行为模块”。第二大块是我的特权+成为认证用户,可以理解为是“用户身份模块”。

至于为什么脉脉要用全贯通的分割线,因为可能我猜脉脉的产品和UID在设计之初就为了突出各个Cell的独立感,大家看“访客”、“我的工作圈”、“钱包”、“收藏”本身就是四大块完全不相干的信息的聚合,所以脉脉的这种设计既突出了他们这四块信息都是“我产生的行为记录汇总”,有独立开了每一个行为模块,我认为这是使用全贯通线的原因。

说了这么多,我们不妨再来看两个UGC产出页的对比,一个是微信的朋友圈,一个是网易云音乐的朋友模块:贯通与非贯通? 详解App UI中的分割线我们会发现,他们倆都一致的使用了全贯通的分割线,难道这只是命运的巧合么?其实不是吧,因为用户UGC内容不可控,有可能是文字,有可能是图片加文字,有可能是文字加链接,千奇百怪五花八门。这个时候用户其实看这种页面的时候视觉压力是比较大的,所以每个模块之间的大间隔加上全贯通的分割线把每一个内容隔开就显得尤为重要。

总结一下

APP中分隔线的贯通和不贯通是产品和UID对产品信息架构功能点梳理、分类之后形成的视觉排版产物,它造就了视觉上对于一款app页面信息的整体和独立感。

这是我自己的理解,还是那句话,切勿偏听偏信。

文章作者系@Seany. 原创发布于人人都是产品经理,未经许可,禁止转载。

(编辑:常州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读