Web网站和移动APP设计的差异有哪些

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

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