用户打开APP,是为了完成某项任务,打开京东为了购物或者查看物流信息;打开简书为了写文章或者浏览文章;打开微信是为了查看朋友圈、即时聊天......而这些任务都是基于APP的每个页面去完成的。不同的页面有着不同的作用,按照作用划分,可以将APP页面大致分为四种类型:聚合类;列表类;内容类;功能类。
聚合类
聚合类多见于APP的首页,用于功能入口的聚合展示。例如京东和得到APP将很多功能聚合在首页,用户可以在首页找到想要功能入口,点击就能进入该功能模块。聚合类相当于分流的作用,用户打开APP,进入首页,再通过首页的各个功能入口进入到其他的页面。
得到&京东在设计聚合类页面的时候,根据用户的需求和产品功能的优先级进行排列,将优先级高的功能入口放在靠前的位置。
列表类
列表类是APP最常见的页面类型,目的是展示同类别的信息,供用户筛选。虽然我们将这类页面命名为列表页,但是其展示形式是多样的,可以是列表的形式、也可以是网格的形式、还可以是卡片的形式。它们的本质都是展示多条信息,供用户选择。
得到&36kr当设计列表页时,应根据展现信息的不同特点选择恰当的展示形式(列表型、网格型、卡片型),或者干脆提供多种浏览方式来供用户选择,淘宝京东的商品列表页既提供了列表和网格两种展示方式。同时要将用户关心的维度放在列表中展示出来(如标题、图片、销量、价格等),用户会根据这些维度的信息来进行选择,从而决定要不要点击进入下级页面。
内容类
打开APP进入京东首页(聚合页),搜索电脑进入搜索结果页(列表页),在列表页看中了苹果的iMac,点击进入商品详情页,即内容页。内容页是用来展示具体信息的页面,购物APP中的商品详情页,读书APP中的书籍阅读页,资讯APP中的正文页......这些都属于内容页。
京东&微信读书设计内容页的时候,应注重用户的阅读体验,尽量提供沉浸式的环境,将不必要的信息暂时隐藏。如果涉及到工具栏,可以考虑将工具栏放在页面下方而不是上方。
功能类
第四类可以称为功能类,即为了完成某个功能而存在的页面,常见的有搜索页面;发布状态页面;收货信息的填写页面等等。
高德&微信值得注意的是,一个页面可能会包含两种不同的页面类型,例如美团首页,第一屏是聚合页,下面则是列表页。上方的高德搜索页中还包含聚合类型。
重点来了,按照作用把页面大致分为这四类有什么用呢?第一,目前的产品都是由一个个页面组成的,知道了页面的四种类型,会加深你对页面的理解,做设计时能够心中有数。第二,多一个角度思考产品设计,可以根据聚合类、列表类、内容类、功能类,分别思考每个类型的页面在设计时会有什么样的特点,应该注意什么。
还有一个重要的页面形式:临时框。关于临时框可以查看文章:《App临时框设计,全在这了...》。
网友评论
将不同页面大致归类,可以快速检索通用规律,相当于给当前设计提供了很多现成的指导建议,不会使设计杂乱无章,偏离主概念,变成四不像。