联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

app网页设计类型有哪些?优缺点是什么

Time: 2021-02-22

网页设计是非常重要的一项工作,在网页设计过程中需要考虑到很多问题,这就需要进行专业的设计来保证效果,那么app网页设计类型有哪些?优缺点是什么?下面一起看下吧。

  APP页面设计的四种类型

  聚合类

  聚合类多见于APP的首页,用于功能入口的聚合展示。例如京东和得到APP将很多功能聚合在首页,用户可以在首页找到想要功能入口,点击就能进入该功能模块。聚合类相当于分流的作用,用户打开APP,进入首页,再通过首页的各个功能入口进入到其他的页面。

  在设计聚合类页面的时候,根据用户的需求和产品功能的优先级进行排列,将优先级高的功能入口放在靠前的位置。

  列表类

  列表类是APP最常见的页面类型,目的是展示同类别的信息,供用户筛选。虽然我们将这类页面命名为列表页,但是其展示形式是多样的,可以是列表的形式、也可以是网格的形式、还可以是卡片的形式。它们的本质都是展示多条信息,供用户选择。

  当设计列表页时,应根据展现信息的不同特点选择恰当的展示形式(列表型、网格型、卡片型),或者干脆提供多种浏览方式来供用户选择,淘宝京东的商品列表页既提供了列表和网格两种展示方式。同时要将用户关心的维度放在列表中展示出来(如标题、图片、销量、价格等),用户会根据这些维度的信息来进行选择,从而决定要不要点击进入下级页面。

  内容类

  打开APP进入京东首页(聚合页),搜索电脑进入搜索结果页(列表页),在列表页看中了苹果的iMac,点击进入商品详情页,即内容页。内容页是用来展示具体信息的页面,购物APP中的商品详情页,读书APP中的书籍阅读页,资讯APP中的正文页......这些都属于内容页。

  设计内容页的时候,应注重用户的阅读体验,尽量提供沉浸式的环境,将不必要的信息暂时隐藏。如果涉及到工具栏,可以考虑将工具栏放在页面下方而不是上方。
 

app网页设计
 

app网页设计(图片来自网络)


 

  功能类

  第四类可以称为功能类,即为了完成某个功能而存在的页面,常见的有搜索页面;发布状态页面;收货信息的填写页面等等。

  值得注意的是,一个页面可能会包含两种不同的页面类型,例如美团首页,第一屏是聚合页,下面则是列表页。上方的高德搜索页中还包含聚合类型。

  网页app制作的优缺点

  网页app制作不受设备端口的限制,可以跨平台开发,也无需在应用市场下载,直接在游览器中打开使用即可。而且开发速度快,不需要经过操作系统的审核,所有拥有一次开发,多处运行的便利性。

  在网页app运行中,可以在线上自动进行更新,提升了用户的体验,使用链接打开app应用,不用占用用户的手机内存,减少了用户的使用阻碍因素。

  制作网页app的缺点是只能使用相对固定的移动硬件设备功能,也由于游览器同时支持多种设备,所以维护成本也很难下降。再一个使用网页app必须是在有网络的情况下,而且数据越多,对网络的要求就越大。

  在用户体验上,很多交互和动画效果不好运行,页面导航经常会和交互动效重叠,影响网页app流程的使用。

  在app的后续运行上,程序app更新每一次都需要经过应用市场的审核后由用户主动下载更新,而网页app由企业自行更新即可。在app开发费用上,网页app开发的费用低于程序app开发的费用。
 

app网页设计
 

app网页设计(图片来自网络)

 

  app网页设计是非常专业的一项工作,在设计过程中需要考虑到很多问题,根据情形来进行设计,以保证页面设计效果。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开