對于Web網(wǎng)站和移動(dòng)App的設(shè)計(jì)是存在很大的差異，前者是依托于PC的瀏覽器，后者則是依托于手機(jī)以及平板電腦。因?yàn)椴煌脑O(shè)備以及平臺均有各自的特點(diǎn)，為此在產(chǎn)品的交互設(shè)計(jì)上具有很多差異點(diǎn)。

    一、用戶與界面交互、操作的方式不同
 
    Web網(wǎng)站主要是以鼠標(biāo)或觸摸板為媒介，移動(dòng)APP是直接用手指觸控屏幕，為此其設(shè)計(jì)也有一定的差異點(diǎn)。
 
    設(shè)計(jì)要點(diǎn)：
 
    1、相比鼠標(biāo)，手指觸摸范圍更大，為此需要競爭控制點(diǎn)擊位置，也就是iOS人機(jī)交互規(guī)范中提到手指最合適的觸控區(qū)域至少需要44 point的原因。
 
    2、Web網(wǎng)站支持鼠標(biāo)滑過的效果，為此一些tips提示通常采用鼠標(biāo)滑過展開或者收起的操作方式，移動(dòng)App則不支持這類效果。
 
    二、設(shè)備尺寸不同
 
    Web網(wǎng)站是針對不同PC的分辨率不同，瀏覽器窗口最大化的尺寸也不同。而移動(dòng)App設(shè)備尺寸相對較小，同時(shí)不同設(shè)備的分辨率差異化較多，為此在涉及到過程中需要注重設(shè)備尺寸問題。
 
    設(shè)計(jì)要點(diǎn)：
 
    1、移動(dòng)App的尺寸較小，一屏展示的內(nèi)容有限，為此更加需要設(shè)計(jì)人員提供明確、有效的信息。
 
    2、Web網(wǎng)站因?yàn)g覽器分辨率差異較大、且窗口尺寸可變化，設(shè)計(jì)時(shí)需要確定好不同分辨率的內(nèi)容展示和布局。
 
    三、使用環(huán)境不同
 
    Web網(wǎng)站是通常坐在某個(gè)室內(nèi)、使用時(shí)間相對較長；移動(dòng)App是既可能是長時(shí)間在室內(nèi)使用、也可能是利用碎片化的時(shí)間使用。