当前位置 :主页 > 联系我们 >

资讯中心

APP设计的对比总结
* 来源 :http://www.tuppenja.com * 作者 : * 发表时间 : 2018-06-24 11:06 * 浏览 :

  设计的目的就是需要突出产品的核心,扁平化用户的任务径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应用中所处的,及如何前往目的页面。

  产品的系统,是产品的信息结构在用户界面上的展现方式。移动端产品的设计没有最好之说,只有最合适,根据你的产品采取最合适的设计。

  纵观应用市场上的APP,设计的模式总是几种的组合使用。下面我们来看一下常见的几种设计模式。

  01 底部标签(Tab) 描述:当产品的整个体验流中是以几个常用功能模块(一般不超过5个)贯穿的,意味着用户需要在多个标签入口之间来回切换;为了切换的效率,将贯穿产品整个体验的流的模块平铺在Tab Bar,了用户任务径的扁平。iOS原装App Podcast,5Tab。

  优点:可见性好,明显,易于发现,它能让用户直观了解到APP的核心功能;操作性好,用户很方便就能触及到这个区域,并可在几个标签中快速切换且不会迷失方向,简单而高效;符合习惯、ios原生控件,开发简单;优先级较高、用户使用频繁,彼此之间相互。缺点:容纳个数有限,一般最多五个(不然需要结合其他方式,运用层级和收放)。占据高度空间略大,一般都是文字+图标的形式。

  顶部Tab是谷歌提出来的,为了区分与iOS的区别的一种模式,由于在顶部,手指难以触及,所以谷歌对应地提出了手势操作的解决方法:通过在屏幕左右滑动来切换标签。

  03 舵式 描述:点聚式它将多个核心功能聚汇到主界面中显示,方便用户呼出使用。会搭载其他样式出现(如标签式)成为舵式。与标签类似,就点聚工与标签的结合体,其中一个标签蕴含更多的操作选项,也可以理解为标签中蕴含更多二级标签。当页面有处于同一层级的几大部分内容,同时又需要一个非常重要且频繁操作的入口,就可以采用这种APP模式。

  优点:扩展性非常好,便于组合不同的信息类型(运营位、广告位、内容块、设置等);视野范围内可以展示的功能入口多,能够让用户整体上了解APP提供的服务,从而选择自己所需要的那个服务;静态、动态结合可以展示出丰富的信息,同时保持视觉统一;跨平台不受平台。缺点:每个宫格相互,它们的信息间也没有任何交集,无法跳转互通;当排布过多的时候,用户容易眼花缭乱,选择压力较大;

  07 抽屉 描述:抽屉式也是谷歌提出来的一种模式,由于虚拟按键的存在,所以在上使用底部Tab会造成双底栏,视觉观感不佳;一般用来放置对用户而言不太常用或者对于产品而言不太核心的功能,或者不那么需要频繁切换内容的应用,例如对设置、关于、个人信息等内容的隐藏;更多的被应用于信息流产品设计中,这类产品注重核心内容的展示,用户的任务径较为单一,几乎都是用于浏览产品的核心内容;至于其他比较低频的模块入口则会隐藏在当前界面后方,避免冗余的模块抢夺用户的眼球;在不同的地方可能被称为:扩展菜单、侧边、汉堡;“2/8”告诉我们,80%的用户只用那些20%功能,这20%功能就是信息流里面的核心功能;如果那80%不常用的功能也占用着最重要的,那么用户就会被打扰,产生臃肿感,甚至会放弃使用产品。

  优点:节省页面展示空间,让用户将更多的注意力聚焦到当前页面;由于界面是隐藏在屏幕之外,展开之后整一页面都是菜单内容,所以可扩展和个性化的空间很大;扩展性好,的个数没上限。缺点:用户不易发现,使用次功能需要二次点击,给用户在切换功能带来了操作成本;可见性太差,用户还没能把汉堡菜单按钮和侧边栏联系起来,所以,侧边栏的渗透率很低;不直观、不适用于主、如遇频繁操作的功能,用户不断开关抽屉体验不好。

  08 下拉/菜单 描述:与抽屉式的目的相同,都是为了突出内容。一般位于产品顶部,通过点击呼出菜单;通常用来筛选同一信息模块下不同类别的信息,或者快速启动某些常用的功能模块,而不需要频繁的页面跳转 ;Android中对应的控件为spinner控件,但该控件用于同一类别下不同视图之间的切换,而不是跳转至完全不同的视图。iOS中下拉菜单为自定义控件,可以实现不同类别之间的切换;下拉还有一种变式,就是下来菜单中展示两级甚至多级,一般在电商产品中比较常见,因为品类和筛选条件众多。

  09 列表 描述:作为信息组织框架,是我们在产品设计中必不可少的一个信息承载模式。适合用来显示较长或拥有次级文字内容的标题,每行可以融入较多信息。与宫格类似,常用于二级页面,不会默认展示任何实质内容,所以通常app不会在首页使用它;无论ios开发和android 都有现成的列表布局插件和模板。

  可能不单单只有这几种,可能大家的叫法也不同,而且每种都有其存在的意义,不是它不够好,而是它可能不适用于你的产品。真正在实际项目中,还是得根据产品的实际情况综合去运用。