分析：從PC端到移動端的產品設計差異

分析：從PC端到移動端的產品設計差異

一、如何來規(guī)劃不同產品上的功能在PC端有超大的屏幕，有鼠標和鍵盤靈活的交互形式，其功能往往比較復雜，用戶能通過鼠標指點的形式快速地完成各種任務。然而在PAD與手機端，屏幕能呈現(xiàn)的信息有限，交互形式也是精度相對較差的手勢形式，所有的這些都決定了在移動端的功能應該做減法。對于新產品來說，移動優(yōu)先或者是移動同等重要的產品規(guī)劃方式是及其重要的，獨立思考在移動端能呈現(xiàn)的功能和內容，讓設計師更清晰地看到產品的核心功能、內容，有利于設計師把握產品的方向。甚至可以考慮將移動端優(yōu)先于PC端，PC的功能在移動的功能基礎上去架構，它也不會脫離產品的核心價值。PC固有的特點在進行復雜功能操作時會更有優(yōu)勢。那是不是復雜功能就直接轉移到PC上，而在手機上只展現(xiàn)簡單功能呢？我覺得未必，要看產品的目標用戶和產品特點，有些產品用戶只更傾向于移動端使用，甚至還有些使用本產品的用戶都沒有PC。因此，在考慮用戶特性的基礎上，優(yōu)先規(guī)劃移動端的產品信息架構。如果有些功能覺得轉移到PC上衡量過沒有問題，那我覺得可以進行轉移，在移動端突出最核心的功能給用戶，并保持界面簡潔。對于老產品，像淘寶網這樣的產品，其PC端本身及其復雜。那在產品設計時，更多地思考在移動端用戶的使用情景和核心功能，先去滿足最核心的功能，滿足有手機特色和移動情景的功能。二、設計上的差異在哪兒當前的設計手法在各個平臺、各種形態(tài)上都有融合的趨勢，在Web端的設計也越來越客戶端化，許多WebApp都讓人很難判斷到底是HTML5做的還是Native的。因此，在設計手法上的差異會越來越小。然而，基于PC、PAD、Phone的設備特性有較大的差異，PC的指點操作與PAD、Phone的觸摸操作有很大的不同，觸摸優(yōu)先的設計原則對移動端的設計有較大的幫助。其次，用戶的設備的性能和網絡特征千差萬別，在設計時需要去思考各自用戶使用的環(huán)境。再次，多設備用戶，在使用產品時，如何進行設備間的切換，如何銜接不同設備的操作而不被丟棄都是設計師需要考慮的問題。對于WAP與Native的設計，主要關注瀏覽器的支持特性及Native上能發(fā)揮的手機、各類傳感器的特性，這需要設計師拓寬思路去思考，好的設計能極大地提升體驗。三、設計上的策略有哪些從PC端到移動端的Web設計時，響應式設計是提得最多的方法。且在許多公司都有很多實踐。在淘寶，梓佑(編者注：淘寶資深UED總監(jiān))之前也一直在推動響應式的設計，在一淘網、淘寶搜索等許多產品上都有實踐，總得來說對用戶體驗起到了積極的作用。然而我們看到的響應式做得好的網站往往是結構相對簡單的博客類、新聞類網站，這些頁面結構簡單，響應規(guī)則容易定制，前端實現(xiàn)也不復雜。而對于復雜的網頁的響應式設計，則都會遇到不少挑戰(zhàn)，淘寶資深設計師，樂乘，在做玩客項目時，總結了一套設計方案，值得參考。但是總的來說，復雜頁面是不是要使用響應式還值得探討。對于PC與移動客戶端(App)的設計有何差異？成功移動客戶端產品往往是基于用戶任務與使用情景進行設計，發(fā)揮了手機的特性，使原本PC的功能得到更好地彌補與提升。如大眾點評中的LBS使用戶能快速地發(fā)現(xiàn)附近的店鋪；微博能快速地上傳即時拍攝的照片，能隨時隨地的查詢等。那WAP與客戶端的上有什么側重呢？從使用情景上來講，這兩者是一致的。主要的側重有兩點，其一是兩者的流量原來往往不一致，根據(jù)流量來源來區(qū)分用戶的特征，基于用戶特征的不同來使兩者在產品上的不同。其二是WAP上一些限制和優(yōu)勢，WAP上有許多功能還無法實現(xiàn)，另