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