隨著移動(dòng)互聯(lián)網(wǎng)的普及，移動(dòng)端上網(wǎng)的人數(shù)也超過(guò)了PC端。產(chǎn)品的設(shè)計(jì)也越來(lái)越傾向于PC端和移動(dòng)端統(tǒng)籌起來(lái)考慮，出現(xiàn)了不少純移動(dòng)端的產(chǎn)品。
近年來(lái)關(guān)于移動(dòng)端和PC端融合的設(shè)計(jì)技術(shù)和理念也不斷的涌現(xiàn)，HTML 5、響應(yīng)式設(shè)計(jì)、移動(dòng)先行的理念等等。一定程度上緩解也解決了移動(dòng)端和PC端重復(fù)開發(fā)的問(wèn)題。但是，因?yàn)镻C端和移動(dòng)端在設(shè)備形態(tài)和使用上的差異，如何根據(jù)兩者的差異，合理規(guī)劃產(chǎn)品設(shè)計(jì)的差異還是有很多值得關(guān)注的點(diǎn)。
頁(yè)面結(jié)構(gòu)的差異
顯示屏幕的大小是PC端和移動(dòng)端最直接的呈現(xiàn)了。
PC端有超大的屏幕，頁(yè)面結(jié)構(gòu)可以設(shè)計(jì)得相對(duì)比較復(fù)雜，而不會(huì)影響用戶的使用。PC端的產(chǎn)品設(shè)計(jì)往往關(guān)注于單個(gè)頁(yè)面的橫向信息量和不同頁(yè)面層次間的縱向信息量。
首先，PC端在頁(yè)面橫向信息量上比較大。
設(shè)計(jì)PC端產(chǎn)品頁(yè)面時(shí)，除了考慮本身頁(yè)面信息，還要考慮很多“其他”的信息。如相關(guān)閱讀、廣告推薦等等。
這是因?yàn)槿嗽跒g覽頁(yè)面內(nèi)容的時(shí)候，會(huì)自動(dòng)的“過(guò)濾”掉不相關(guān)的信息。我們可以閉上眼睛想一下我們?yōu)g覽新聞頁(yè)面時(shí)多少時(shí)候能注意到頁(yè)面邊上的小廣告。
其次，PC端縱向頁(yè)面層次信息比較深。
PC端頁(yè)面比較大，所以設(shè)計(jì)的時(shí)候可以利用面包屑導(dǎo)航、快捷按鈕等來(lái)保證你在網(wǎng)站瀏覽時(shí)不會(huì)迷路。
例如我們?cè)跒g覽門戶網(wǎng)站時(shí)，用戶從閱讀時(shí)政新聞一步步被引導(dǎo)到閱讀周邊新聞是經(jīng)常的事情，你可以隨時(shí)在頂部菜單欄回到你關(guān)注的時(shí)政新聞頁(yè)面。
第三，PC端可以在新標(biāo)簽打開。
在PC端瀏覽器上，多頁(yè)面瀏覽是一件輕而易舉能實(shí)現(xiàn)的事情。通過(guò)打開多個(gè)頁(yè)面打開能保證用戶關(guān)閉標(biāo)簽后可以接著瀏覽從而保證操作的連續(xù)性。
移動(dòng)端在承載豐富內(nèi)容上面有天然的不足的。所以在移動(dòng)端設(shè)計(jì)的時(shí)候往往會(huì)更簡(jiǎn)潔。
首先，讓頁(yè)面呈現(xiàn)方式更“簡(jiǎn)單、明了、直接”。
移動(dòng)端頁(yè)面就那么一畝三分地，放了這個(gè)放不了那個(gè)，這個(gè)也是習(xí)慣了PC端產(chǎn)品的人設(shè)計(jì)移動(dòng)端產(chǎn)品是手足無(wú)措的原因。
移動(dòng)端遵循少即是多原則，剔除不必要的元素，減少非關(guān)鍵信息對(duì)用戶的干擾。怎么用最簡(jiǎn)潔的方式把產(chǎn)品想呈現(xiàn)的信息呈現(xiàn)出來(lái)是產(chǎn)品設(shè)計(jì)過(guò)程中需要考慮的。
其次，頁(yè)面層級(jí)不要太深。
在移動(dòng)端，執(zhí)行多次返回操作回到原點(diǎn)是很煩躁的事情（在PC端也同理，試想一下，你在PC網(wǎng)站上，有沒(méi)有操作過(guò)三四次返回到一個(gè)頁(yè)面？）。
移動(dòng)端產(chǎn)品設(shè)計(jì)，應(yīng)該充分利用導(dǎo)航欄來(lái)找到入口。同時(shí)要盡量縮短產(chǎn)品單次任務(wù)的層級(jí)。遇到頁(yè)面層級(jí)較多的任務(wù)時(shí)（比如下單流程），需要考慮在過(guò)程或結(jié)束頁(yè)面增加返回到起點(diǎn)的操作（比如下單過(guò)程提示購(gòu)物車結(jié)賬，下單完成引導(dǎo)用戶繼續(xù)購(gòu)物）。
操作方式不同
PC端用的是鼠標(biāo)和鍵盤，移動(dòng)端用的多為手指。
鼠標(biāo)的移動(dòng)可以精確到像素級(jí)別，手指移動(dòng)精確度要差得多。如果非要在移動(dòng)端做精確移動(dòng)的操作，可以考慮轉(zhuǎn)化成按鈕，利用“上、下、左、右、放大、縮小”按鈕來(lái)進(jìn)行精確移動(dòng)操作。
在移動(dòng)端輸入文本絕對(duì)是一個(gè)噩夢(mèng)，無(wú)論是用粗大的手指在狹小的鍵盤點(diǎn)擊，還是光標(biāo)的重定位。如何減少用戶在使用過(guò)程中的輸入是需要考慮的。如，輸入聯(lián)想、輸入按鈕化（將歷史輸入、熱門輸入設(shè)計(jì)成按鈕）、輔助輸入（比如增加下拉、增加按鈕等）。
是否在移動(dòng)端進(jìn)行長(zhǎng)文本輸入的任務(wù)也是需要慎重考慮的。
在移動(dòng)端有著獨(dú)特的輸入方式滑動(dòng)、多點(diǎn)觸控、搖一搖等，善用這些操作方式將會(huì)帶來(lái)極大的便捷。
應(yīng)用場(chǎng)景不同
應(yīng)用場(chǎng)景的不同是很多初做產(chǎn)品的人容易忽略的。
PC端的應(yīng)用場(chǎng)景往往是在固定的場(chǎng)景、相對(duì)長(zhǎng)的一段時(shí)間進(jìn)行的。如辦公室、家里、網(wǎng)吧等等，多數(shù)情況下用戶使用PC端產(chǎn)品往往有著一段相對(duì)長(zhǎng)的時(shí)間。而移動(dòng)端不同，移動(dòng)端應(yīng)用場(chǎng)景是碎片化的，辦公司、家里、車上、廁所都是移動(dòng)端使用的場(chǎng)景。
如何讓產(chǎn)品更輕、更扁平，從而占據(jù)用戶碎片化片的時(shí)間。豆瓣電影移動(dòng)端弱化了社區(qū)功能，突出電影導(dǎo)看和購(gòu)票，用戶直接查看熱門電影、查找附近影院、完成購(gòu)票。馬蜂窩則把內(nèi)容進(jìn)行了拆分，形成了馬蜂窩旅游攻略（內(nèi)容）、旅游翻譯官（工具）等產(chǎn)品。
縱觀市面熱門PC端和移動(dòng)端產(chǎn)品，并無(wú)通用原則。綜合移動(dòng)端和PC端的差異，根據(jù)應(yīng)用場(chǎng)景和產(chǎn)品策略，關(guān)注產(chǎn)品細(xì)節(jié)才能設(shè)計(jì)出好的產(chǎn)品。
