APP功能结构设计

发布时间:2017-05-13 11:27:02来源:http://www.qzyzkj.com


   说到APP,我们再熟悉不过了,每天打开手机接触的应用软件都称为APP,那么我们今天来讲讲APP的功能结构设计。

  
 

      相比PC web产品来说,APP产品功能结构相对比较简单,但是每个部分都很有讲究,需要根据不同的产品定位进行选择。简单点来说,一个APP的产品功能结构包括下面几个方面:启动页、广告页、产品主体、引导页
      

      启动页(必需,每次出现)

      启动页,包含了品牌展示和价值主张情怀。用户刚刚打开APP时展示的页面,此时,产品的后台可能进行一些产品初始化和系统检查的动作,这个过程为了保证用户体验,需要展示一个页面,时间一般为1-2秒。国外的产品或者超级大牌的产品比较简单,一般就是展示一个logo就完了,例如下面的flickr、sphere、微信和支付宝。
     

     


    

   国内的产品大部分都充分使用这个页面来展示公司的logo、产品的价值主张(slogan)、产品优势和品牌情怀,见下图:
 

   
 

    

       广告页(非必需,每次出现)

      广告页面,不是必需的,这个根据产品而定,流量很大的情况下,寻求流量变现,是一种不错的方式,但是产品刚出来还是不要做了,意义不大,用户体验也不会好。

  


      广告页的设计有几个注意事项,时间控制在1-3秒,如果超过1秒,需要有倒计时和跳过按钮,否则用户体验会很差。比如说“网易严选”的广告页面很短,一秒时间都不到,一晃而过,就不需要倒计时和跳过页面了,否则是要做的。至于在广告页下面要不要加品牌logo和价值主张,根据产品阶段而定,早期为了加深用户品牌影像,需要做,后续产品做大了,可有可无。

       引导页(必需,并非每次出现)

      产品的引导页主要的功能是引导用户快速熟悉产品,并暗示用户按照产品设计的任务流程使用产品。对于新手引导,只有用户第一次使用产品的时候才会出现,其他时候不会出现。对于新功能引导,每一个版本出新功能了,特别是如果不告知用户的情况下,用户很难知道有这个功能,一般都会出现新功能引导。引导页的设计方式有很多种,基于不同的需要选择设计,下面分别讲一讲各种设计方式和使用场景。

      幻灯片式引导

      这种幻灯片式的引导是最为常见的,通过手动滑动轮播图的方式呈现(可以左右滑动,也有上下滑动的,上下滑动的更有上下文的感觉)。类似一个简易的产品说明,阐述一下这个产品干什么用的,大体怎么用。当然,同样是用户引导,也有高手写成一个故事,很有情怀,让人引起场景共鸣。
 

     
 

      上图是高德地图2013年圣诞版的新手引导页,通过圣诞老人送礼品的小故事,让人了解这个产品是干什么用的,有什么新功能,同时也激发了使用的欲望。

也有把引导页做成一个短视频的,很容易抓住用户的眼球,效果也不错,比如说:蚂蜂窝视频引导页。

   遮罩引导

    遮罩引导大部分是在用户第一次使用产品的时候出现,而且只出现1次,出现的时间是用户第一次进入某个新界面时候。

 

    浮层引导

    浮层引导一般是某个新功能的提醒性引导,在第一次产品使用可能出现,产品有新功能,也会提示,但是也只出现1次。这类引导,一般不需要关闭按钮或者确认按钮,点击引导区域即可消失,并跳转到相应功能页面。
 

    

  交互式引导

   这类引导一般在用户使用某个功能的过程中出现,主要是告诉用户操作的效果,或者下一步延伸的功能。

   

     智能引导

      我没有找到相应的案例,这种引导比较隐性,很难试出来,不过我相信一定会有。就是用户使用的时候不会出现引导,只有用户多次错误使用功能,才会出现引导提示。这个相对来说要复杂一些,需要通过用户的行为记录触发。 

     总体来说,引导的作用让用户尽快的掌握产品功能和引导用户进入预定的任务路线,同时不能降低用户的使用体验。至于用什么方式,不能生搬硬套,要以目的和体验为导向。
 

      产品主体页(每次出现)

      产品主体页是产品的功能核心,是产品体现价值的精髓所在,其结构设计重要性不言而喻。通常来说,产品主体页有几种结构模式,标签式、抽屉式和平铺式,通过这几种模式来组织功能的首屏、一屏、二屏……

   标签式

    这种模式是最常见的,产品的主体功能体现在界面最下方的Tabbar里面。

     标签式设计最是常用的,像国民应用微信、淘宝都是这么做的。这种设计使用时需要注意的就是,Tabbar里面最多不能超过5个按钮(3个、4个居多)。如果超过5个,一个方面是设计出来的按钮太小,不好操作,另外,产品主体功能过于复杂,用户学习成本太高。还有就是这种模式是点击Tabbar里面的按钮响应的,不能通过界面左右滑动切换Tabbar的功能。

    当然这种标签式的结构也不全是一个Tabbar,里面定义好几个大小一样的图标,根据产品需要,也可以优化。比如说图片社交或者视频社交类产品常采用这种设计,但是首屏不是第一个标签页,而是中间的标签页,而且中间标签页的图标非常突出,亮眼,目的就是为了激发用户产生内容。




【返回】

 
服务热线:
13959859749