×
天晴创艺网站建设公司。主要为北京天津全国各地提供网站建设与网页设计制作服务,欢迎大家咨询。您的IP地址是:3.94.200.93。今天是:2019年12月14日,星期六,农历己亥年(猪),十一月十九,现在是:22:21:19,该休息了,祝您晚上做个好梦!

网页APP分类如何设计

作者:天晴创艺发布时间:2019-10-21 13:06:00浏览次数:10097文章出处:网站建设收费标准

分类就是将诸多的内容进行归类,提高用户的查找效率。特别是内容较多的时候,分门别类就显得格外重要。这篇文章我是从分类的入口、分类的形式来分析分类的设计。

一、分类入口

分类入口一般情况会放在比较显眼的位置,这样用户在没找到自己所需类别时,能够快速进入分类页继续查找,降低焦虑。具体可以分为以下五种:

1、金刚区的尾部;

2、顶部导航上;

3tab栏上设单独入口;

4、搜索进入;

5、直接展示分类详情。 

1、金刚区尾部

很多app会把分类的入口放在金刚区的尾部西安至成,做为核心功能分类的一个补充。这种分类一般多于十个,把重要类别在首页展示,当不能满足用户需求时可点入分类页继续查看所需类目。

 网页APP分类设计

网页APP分类设计

2、顶部导航右侧

放在顶部导航和金刚区尾部的有点类似农业类网站建设,也是做为类别的延伸补充。导航分类可以滑动查看,也可跳转分类页面继续查看。由于顶部的区域较小,容易被忽视,有些产品会把分类图标做成是动效形式。

 网页APP分类设计

网页APP分类设计

3tab

在分类功能比较重要的时候,会在tab栏单独设立入口。这样比较方便用户快捷查找。

 网页APP分类设计

网页APP分类设计

4、搜索进入

这种入口形式是,页面上并无分类按钮,在点击搜索之后直接跳转到分类页。这样做的话通常在搜索框内文字提示,避免用户找不到分类而焦虑。

 网页APP分类设计

网页APP分类设计

5、直接展示

除了以上那些分类入口形式,有些二级页面或者是功能性的分类,是直接显示分类详情的。比如美图类app中滤镜的分类。

二、分类形式

除了合理的分类,形式也是至关重要的,好的分类形式式让用户一目了然,相反会让用户摸不着头脑,反倒更找不到需要的入口。分类的形式分为有导航形式,和无导航形式。通常内容类别较多、分类层级在两级以上需要导航。具体形式分为以下四种:

1、左侧导航形式

2、顶部导航形式

3、九宫格形式

4、平铺形式

1、左侧导航形式

左侧导航形式是成左右布局形式,一级导航栏在左侧展示,右侧展示相应分类下的子内容。通常分类下的子内容较多,用户可以直接通过左侧导航快速切换不同的分类,也可以滑动查看所有内容。

这种形式有一个问题就是,有时候单个分类的子内容较少时,会同时展示下一个分类的内容在右侧,会影响用户的认知.因此切换分类的时要做的明确一些。

 网页APP分类设计

网页APP分类设计

2、顶部导航形式

顶部导航形式是分类在顶部展示,切换分类即切换页面。这样的分类导航占用的面积较小,能有更多的空间展示内容。在做的时候如果一级分类较多,在页面上展示不下,那么就需要让用户知道页面外还有内容,或者在导航右侧设置分类入口,以便查看更多。

 网页APP分类设计

 网页APP分类设计

3、九宫格形式

九宫格形式适合一级分类不是很多的情况,甚至在一页展示所有的分类,一目了然。

 网页APP分类设计

网页APP分类设计

4、平铺形式

平铺型的分类页是分类与子内容由上到下平铺展示,能够最大化的暴露内容。但是在内容过多时,用户也只能由上往下线性查找制作网站,效率较低,甚至失去耐心也未找到所需内容。因此这种适合一级分类较少的产品。

 网页APP分类设计

网页APP分类设计

三、划重点

1、分类的入口一般设置在顶部或底部导航,以及金刚区尾部这样比较明显的位置,便于用户查找。

2、分类的样式有多种,分为左侧导航形式、顶部导航形式、九宫格型、平铺型。这些类型各有特点,设计时要根据自己的内容来确定形式。

(郑重声明:本文版权归原作者海盐社山竹屁所有,转载文章仅为传播更多信息之目的,如有侵权,请联系我们删除;如作者信息标记有误,请联系我们修改。)

文章来源:网站建设收费标准

文章标题:网页APP分类如何设计

文本地址:https://www.bjtqcy.com/info_1544.html

收藏本页】【打印】【关闭

本文章Word文档下载:word文档下载 网页APP分类如何设计

用户评论

客户评价

专业的网站建设、响应式、手机站微信公众号开发

© 2010-2019 bjtqcy.com 版权所有 京ICP备16050845号

关注公众号 关注公众号

进入手机版 进入手机版