[[75081]]
對于PC與移動客戶端(App)的設(shè)計有何差異？

企業(yè)App研究

隨著移動互聯(lián)網(wǎng)時代的到來，移動端的產(chǎn)品越來越受到重視。在規(guī)劃產(chǎn)品時，往往會把PC端和移動端的產(chǎn)品放在同等重要的地位進行思考。響應(yīng)式設(shè)計 在近一段時間顯得火熱異常，也說明了大家越來越重視用戶在各個設(shè)備終端層面的體驗。然而，設(shè)備的多樣性、產(chǎn)品形態(tài)的多樣性都給了設(shè)計師更多的發(fā)揮空間，同 時也給設(shè)計師帶來了更大地挑戰(zhàn)。PC、PAD、Phone甚至TV及WAP、Client的組合形成了多樣的產(chǎn)品，這些產(chǎn)品在設(shè)計之間有何不同，如何規(guī)劃 不同平臺上產(chǎn)品的功能、設(shè)計時有哪些差異都是非常值得探討的話題。

圖為 LinkedIn 的 Web、iPhone 和 iPad 版。

一、如何來規(guī)劃不同產(chǎn)品上的功能

在PC端有超大的屏幕，有鼠標(biāo)和鍵盤靈活的交互形式，其功能往往比較復(fù)雜，用戶能通過鼠標(biāo)指點的形式快速地完成各種任務(wù)。然而在PAD與手機端，屏幕能呈現(xiàn)的信息有限，交互形式也是精度相對較差的手勢形式，所有的這些都決定了在移動端的功能應(yīng)該做減法。

對于新產(chǎn)品來說，移動優(yōu)先或者是移動同等重要的產(chǎn)品規(guī)劃方式是及其重要的，獨立思考在移動端能呈現(xiàn)的功能和內(nèi)容，讓設(shè)計師更清晰地看到產(chǎn)品的核 心功能、內(nèi)容，有利于設(shè)計師把握產(chǎn)品的方向。甚至可以考慮將移動端優(yōu)先于PC端，PC的功能在移動的功能基礎(chǔ)上去架構(gòu)，它也不會脫離產(chǎn)品的核心價值。

PC 固有的特點在進行復(fù)雜功能操作時會更有優(yōu)勢。那是不是復(fù)雜功能就直接轉(zhuǎn)移到 PC 上，而在手機上只展現(xiàn)簡單功能呢？我覺得未必，要看產(chǎn)品的目標(biāo)用戶和產(chǎn)品特點，有些產(chǎn)品用戶只更傾向于移動端使用，甚至還有些使用本產(chǎn)品的用戶都沒有 PC。因此，在考慮用戶特性的基礎(chǔ)上，優(yōu)先規(guī)劃移動端的產(chǎn)品信息架構(gòu)。如果有些功能覺得轉(zhuǎn)移到 PC 上衡量過沒有問題，那我覺得可以進行轉(zhuǎn)移，在移動端突出最核心的功能給用戶，并保持界面簡潔。

對于老產(chǎn)品，像淘寶網(wǎng)這樣的產(chǎn)品，其 PC 端本身及其復(fù)雜。那在產(chǎn)品設(shè)計時，更多地思考在移動端用戶的使用情景和核心功能，先去滿足最核心的功能，滿足有手機特色和移動情景的功能。

二、設(shè)計上的差異在哪兒

當(dāng)前的設(shè)計手法在各個平臺、各種形態(tài)上都有融合的趨勢，在Web端的設(shè)計也越來越客戶端化，許多Web App都讓人很難判斷到底是HTML5做的還是Native的。因此，在設(shè)計手法上的差異會越來越小。

然而，基于 PC、PAD、Phone的設(shè)備特性有較大的差異，PC 的指點操作與PAD、Phone 的觸摸操作有很大的不同，觸摸優(yōu)先的設(shè)計原則對移動端的設(shè)計有較大的幫助。其次，用戶的設(shè)備的性能和網(wǎng)絡(luò)特征千差萬別，在設(shè)計時需要去思考各自用戶使用的 環(huán)境。再次，多設(shè)備用戶，在使用產(chǎn)品時，如何進行設(shè)備間的切換，如何銜接不同設(shè)備的操作而不被丟棄都是設(shè)計師需要考慮的問題。

對于WAP與Native的設(shè)計，主要關(guān)注瀏覽器的支持特性及Native上能發(fā)揮的手機、各類傳感器的特性，這需要設(shè)計師拓寬思路去思考，好的設(shè)計能極大地提升體驗。

三、設(shè)計上的策略有哪些

從PC端到移動端的Web設(shè)計時，響應(yīng)式設(shè)計是提得最多的方法。且在許多公司都有很多實踐。在淘寶，梓佑(編者注：淘寶資深 UED 總監(jiān))之前也一直在推動響應(yīng)式的設(shè)計，在一淘網(wǎng)、淘寶搜索等許多產(chǎn)品上都有實踐，總得來說對用戶體驗起到了積極的作用。 然而我們看到的響應(yīng)式做得好的網(wǎng)站往往是結(jié)構(gòu)相對簡單的博客類、新聞類網(wǎng)站，這些頁面結(jié)構(gòu)簡單，響應(yīng)規(guī)則容易定制，前端實現(xiàn)也不復(fù)雜。而對于復(fù)雜的網(wǎng)頁的 響應(yīng)式設(shè)計，則都會遇到不少挑戰(zhàn)，淘寶資深設(shè)計師，樂乘，在做玩客項目時，總結(jié)了一套設(shè)計方案，值得參考。但是總的來說，復(fù)雜頁面是不是要使用響應(yīng)式還值 得探討。

對于PC與移動客戶端(App)的設(shè)計有何差異？成功移動客戶端產(chǎn)品往往是基于用戶任務(wù)與使用情景進行設(shè)計，發(fā)揮了手機的特性，使原本PC的功 能得到更好地彌補與提升。如大眾點評中的LBS使用戶能快速地發(fā)現(xiàn)附近的店鋪；微博能快速地上傳即時拍攝的照片，能隨時隨地的查詢等。

那WAP與客戶端的上有什么側(cè)重呢？從使用情景上來講，這兩者是一致的。主要的側(cè)重有兩點，其一是兩者的流量原來往往不一致，根據(jù)流量來源來區(qū) 分用戶的特征，基于用戶特征的不同來使兩者在產(chǎn)品上的不同。其二是WAP上一些限制和優(yōu)勢，WAP上有許多功能還無法實現(xiàn)，另外WAP有快速迭代的優(yōu)勢， 也可以進行一些項目的試錯等。當(dāng)然，當(dāng)前WAP與客戶端也在融合，這也是一個方向，隨著HTML5等技術(shù)的成熟，兩者的融合是遲早的事情。

最后，移動互聯(lián)網(wǎng)的時代已經(jīng)來臨，移動用戶的體量也會越來越超越PC，在進行產(chǎn)品設(shè)計時，思考移動平臺是必然的，如何能進行更好地全平臺設(shè)計， 還有待業(yè)內(nèi)人士更多地探討。記得幾年前，我非常信奉移動端的產(chǎn)品應(yīng)該是PC的補充，現(xiàn)在看來完全不靠譜。像微信這樣的產(chǎn)品，PC端的設(shè)計純粹是移動端的補 充，更多產(chǎn)品則根本沒有PC端的產(chǎn)品。因此，如何能進行全平臺的設(shè)計，也需要根據(jù)各自的產(chǎn)品特征、用戶特征、情景特征來決定，最大地發(fā)揮產(chǎn)品的核心價值給 目標(biāo)用戶，這就成功了！

原文鏈接：http://tech.sina.com.cn/i/csj/2013-06-14/17518440474.shtml