web端与APP有什么差异?外行人看热闹,内行人看

文章分类:APP开发资讯 发布时间:2016-04-04 原文作者:Shi Yongfeng 阅读( )

对于Web网站和移动App的设计是存在很大的差异,前者是依托于PC的浏览器,后者则是依托于手机以及平板电脑。因为不同的设备以及平台均有各自的特点,为此在产品的交互设计上具有很多差异点。
                                       
  一、用户与界面交互、操作的方式不同
 

    Web网站主要是以鼠标或触摸板为媒介,移动APP是直接用手指触控屏幕,为此其设计也有一定的差异点。
 
    设计要点:
 
    1、相比鼠标,手指触摸范围更大,为此需要竞争控制点击位置,也就是iOS人机交互规范中提到手指最合适的触控区域至少需要44 point的原因。
 
    2、Web网站支持鼠标滑过的效果,为此一些tips提示通常采用鼠标滑过展开或者收起的操作方式,移动App则不支持这类效果。
 
    二、设备尺寸不同
 
    Web网站是针对不同PC的分辨率不同,浏览器窗口最大化的尺寸也不同。而移动App设备尺寸相对较小,同时不同设备的分辨率差异化较多,为此在涉及到过程中需要注重设备尺寸问题。
 
    设计要点:
 
    1、移动App的尺寸较小,一屏展示的内容有限,为此更加需要设计人员提供明确、有效的信息。
 
    2、Web网站因浏览器分辨率差异较大、且窗口尺寸可变化,设计时需要确定好不同分辨率的内容展示和布局。
 
    三、使用环境不同
 

    Web网站是通常坐在某个室内、使用时间相对较长;移动App是既可能是长时间在室内使用、也可能是利用碎片化的时间使用。
 

原文来自:Shi Yongfeng