隨著移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái)，移動(dòng)端的產(chǎn)品越來(lái)越受到重視。在規(guī)劃產(chǎn)品時(shí)，往往會(huì)把移動(dòng)端和PC端的產(chǎn)品放在同等重要的地位進(jìn)行思考，同時(shí)也給設(shè)計(jì)師帶來(lái)了更大地挑戰(zhàn)。我在金大師負(fù)責(zé)的是PC客戶端的界面設(shè)計(jì)工作，經(jīng)歷了幾次版本迭代后，對(duì)夸平臺(tái)的設(shè)計(jì)總結(jié)了一些心得，借此機(jī)會(huì)與大家分享，本期先從設(shè)計(jì)PC端與移動(dòng)端產(chǎn)品的差異說(shuō)起。
PC端：一般以鼠標(biāo)和鍵盤為媒介，擁有靈活的交互形式。PC端的功能往往比較復(fù)雜，用戶需要操作鼠標(biāo)來(lái)完成各種操作。
移動(dòng)端：直接用手指觸控屏幕，除了最通用的點(diǎn)擊操作之外，還支持滑動(dòng)、捏合等各種復(fù)雜的手勢(shì)。
以金大師PC端和移動(dòng)端為例
金大師PC端的操作多以鼠標(biāo)操作為主，在設(shè)計(jì)時(shí)需要注意及時(shí)給予用戶反饋，明確按鈕、輸入框等操作時(shí)的多態(tài)效果，如默認(rèn)、懸停、點(diǎn)擊和禁止，幫助用戶明確目前的操作狀態(tài)。
相比PC端的鼠標(biāo)操作，移動(dòng)端的手指觸摸范圍較大，較難精確控制點(diǎn)擊位置。所以移動(dòng)端的點(diǎn)擊區(qū)域要設(shè)置的更大一些，不同點(diǎn)擊元素的間隔也不能太近。
對(duì)于左滑、捏合等手勢(shì)操作，初學(xué)者的學(xué)習(xí)、獲知成本相對(duì)高，針對(duì)這類問(wèn)題，一些App常需要通過(guò)新手引導(dǎo)的方式來(lái)教用戶如何使用。
相對(duì)移動(dòng)端手勢(shì)操作，PC端鼠標(biāo)的學(xué)習(xí)成本比較低。
PC端：有較大的屏幕，不同PC的分辨率也不同，軟件窗口最大化的尺寸也不同，并且窗口可自由縮放。
移動(dòng)端：設(shè)備尺寸相對(duì)較小，不同設(shè)備的分辨率差異化較多，特別是安卓系統(tǒng)的設(shè)備；并且支持橫屏、豎屏調(diào)轉(zhuǎn)方向。
以金大師PC端和移動(dòng)端為例
PC端因分辨率差異較大、且窗口尺寸可變化，設(shè)計(jì)時(shí)需要確定好不同分辨率的內(nèi)容展示和布局。
移動(dòng)設(shè)備的尺寸較小，一屏展示的內(nèi)容有限，更需要明確哪些信息更為重要，有效的組織相關(guān)聯(lián)內(nèi)容，優(yōu)先級(jí)高的內(nèi)容突出展示。由于設(shè)備分辨率、dpi大小不一，移動(dòng)設(shè)備在界面布局、圖片、文字的顯示上，要兼顧不同設(shè)備的效果。
移動(dòng)設(shè)備支持橫屏、豎屏展示，在設(shè)計(jì)時(shí)，需要考慮用戶是否有“換個(gè)方向看看”的需求、哪些情況下切換屏幕方向、如何切換等。
PC端：通常坐在某個(gè)室內(nèi)，使用時(shí)間相對(duì)較長(zhǎng)，用戶更為專注。
移動(dòng)端：可能是長(zhǎng)時(shí)間在室內(nèi)使用、也可能是利用碎片化的時(shí)間使用，或站或坐或躺著或行走，姿勢(shì)不一。用戶很容易被周邊環(huán)境所影響，對(duì)界面上展示的內(nèi)容可能沒(méi)那么容易留意到；用戶在移動(dòng)過(guò)程中更容易誤操作，需要考慮如何防止誤操作、如何從錯(cuò)誤中恢復(fù)。
PC端：網(wǎng)絡(luò)相對(duì)穩(wěn)定，基本無(wú)需擔(dān)心流量問(wèn)題。
移動(dòng)端：因用戶使用環(huán)境復(fù)雜，可能在移動(dòng)過(guò)程中從通暢環(huán)境到封閉的信號(hào)較差的環(huán)境，網(wǎng)絡(luò)可能從有到無(wú)、從快到慢；既可使用無(wú)需擔(dān)心流量的WiFi，也可能使用需要控制流量的3G/4G。
移動(dòng)設(shè)備網(wǎng)絡(luò)異常的情況更普遍，需要更加重視這類場(chǎng)景下的錯(cuò)誤提示、以及如何從錯(cuò)誤中恢復(fù)的方法。
PC端：通過(guò)右下角彈窗方式，或通知中心以小紅點(diǎn)加亮。
移動(dòng)端：通常使用推送通知給用戶的方式。
本期針對(duì)PC端與移動(dòng)端的差異，提到了設(shè)計(jì)中需要注意的要點(diǎn)。下期將從設(shè)計(jì)的趨勢(shì)，針對(duì)金大師PC客戶端的優(yōu)劣勢(shì)進(jìn)行分析。【未完待續(xù)】
