方寸指间——细节设计_引导

  引导设计

  移动设计的引导,可以让用户快速的熟悉产品,在用户遇到困难前给予用户及时的帮助。在设计时力

  求简单有趣,在恰当的时间出现在恰当的地方。

  引导设计的主要模式有:幻灯片引导、浮层式引导、遮罩式引导、嵌入式引导、互动式引导。

  

 

  幻灯片引导

  幻灯片引导,一般出现在app第一次启动的时候,是一系列的帮助页面组合。可以通过全屏或者近乎

  全屏的方式展示,让用户聚焦到引导内容上。在幻灯片引导方面,设计师的发挥空间很大,但要做到

  聚焦、精简、创新。因为引导页很容易被用户直接划过,所以每一页都需要追求核心,做到简单

  从内容形式上来说,幻灯片引导氛围功能型和故事型,也有一些游戏型的方式。展示的内容要有连贯

  性,做到设计风格统一,吻合产品气质。从交互方式上来说,有横向左右滑动翻页,也有很好的纵向

  衔接设计,一般在3~5个页面。也可以考虑用自动翻页的方式进行。

  

 

  浮层式引导

  浮层式引导是一种轻量级但目标性很强的引导方式,一般是半透明浮层结合文案的设计方式。大部分浮

  层式引导带有箭头,目标性很强,用来提示重要的功能或一些隐藏的操作,一般为非模态浮层,大概显

  示3秒左右后消失,对用户的干扰较小。也有一些重要功能使用模态浮层,需要用户点击确认。

  

 

  遮罩式引导

  遮罩式引导,是一种比较强势的引导方式,同各国直接覆盖住界面来强调当前需要引导的内容。一般遮

  罩层为半透明,在此图层上,通过各种图形来结合被盖住的界面内容,引导用户聚焦到重要的信息上。

  遮罩式引导图层需要确认或者退出按键。

  

 

  嵌入式引导

  嵌入式引导,顾名思义是将引导内容直接嵌入到界面中。可以嵌入到状态栏、导航栏、工具栏,比较常见

  的是嵌入到主题内容界面中

  嵌入式进引导分为局部嵌入式和整体嵌入式。局部嵌入是保留当前界面内容的同时,增加引导提示,这种

  方式更加温和。整体嵌入式则是将引导作为一个整体代替界面中的内容,一般使用在”空状态“情况下。

  

 

  嵌入式引导•空状态

  空状态界面主要出现在以下三种情况中。

  1、初始状态:需要用户添加或用户操作才产生内容的界面,一般在初始状态都为空,这时候需要在界面上

    做良好的新手引导,告知用户如何开始

  2、清空状态:通过删除或其他用户操作,清空当前页面中的内容,从而产生空白页面,这时候可以考虑感

    情化设计,让用户有良好的感受

  3、出错状态:由于网络情况或者服务器情况的等原因无法加载内容,导致了空页面,这时候需要有明确的

    提示,且告知用户该如何处理。用户操作反馈的无结果界面也可以用这样的思路来设计

  

 

  互动式引导

  互动式引导一般较为隐蔽,是在用户与产品互动的过程中发生的,引导用户完成操作行为。常见的有手势互

  动,如下拉刷新、底部上拉时的各种加载方式。互动式引导也常发生在语音操作中,例如用户在使用麦克风

  的过程中,界面随着用户声音的输入而产生互动,从而告知用户系统正处于接收状态,可以继续输入。

  

 

  多媒体引导方式

  放在各种引导方式中,动画引导也越来越常见。动画效果的引入,让引导更加有趣和创意,也让app更加直观

  明了。目前视频、语音引导方式用户的还不多,主要考虑到制作成本,还有文件大小成本等。这类引导方式一

  般在语音视频类app中使用的比较多

  

 

  

  

posted @ 2015-05-09 09:04  RoperLee  阅读(713)  评论(0)    收藏  举报