歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

阿里再度回應(yīng):對高鑫旗下的大潤發(fā)不感愛好

發(fā)布時間:2017-02-19 文章來源:  瀏覽次數(shù):3504


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


企業(yè)App研究


跟著移動互聯(lián)網(wǎng)時代的到來,移動真?zhèn)產(chǎn)品越來越受到正視。在規(guī)劃產(chǎn)品時,往往會把PC端和移動真?zhèn)產(chǎn)品放在平等重要的地位進(jìn)行思索。響應(yīng)式設(shè)計在近一段時間顯得火熱異常,也說明了大家越來越正視用戶在各個設(shè)備終端層面的體驗。然而,設(shè)備的多樣性、產(chǎn)品形態(tài)的多樣性都給了設(shè)計師更多的施展空間,同時也給設(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與手機(jī)端,屏幕能呈現(xiàn)的信息有限,交互形式也是精度相對較差的手勢形式,所有的這些都決定了在移動真?zhè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 固有的特點在進(jìn)行復(fù)雜功能操縱時會更有上風(fēng)。那是不是復(fù)雜功能就直接轉(zhuǎn)移到 PC 上,而在手機(jī)上只展現(xiàn)簡樸功能呢?我覺得未必,要看產(chǎn)品的目標(biāo)用戶和產(chǎn)品特點,有些產(chǎn)品用戶只更傾向于移動端使用,甚至還有些使用本產(chǎn)品的用戶都沒有 PC。因此,在考慮用戶特性的基礎(chǔ)上,優(yōu)先規(guī)劃移動真?zhèn)產(chǎn)品信息架構(gòu)。假如有些功能覺得轉(zhuǎn)移到 PC 上衡量過沒有題目,那我覺得可以進(jìn)行轉(zhuǎn)移,在移動端凸起最核心的功能給用戶,并保持界面簡潔。


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


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


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


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


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


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


從PC端到移動真?zhèn)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ù)與使用情景進(jìn)行設(shè)計,施展了手機(jī)的特性,使原本PC的功能得到更好地彌補(bǔ)與晉升。如大眾點評中的LBS使用戶能快速地發(fā)現(xiàn)四周的店鋪;微博能快速地上傳即時拍攝的照片,能隨時隨地的查詢等。


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


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

上一條:秀場模式后勁不足 直播市...

下一條:產(chǎn)業(yè)互聯(lián)網(wǎng)玉成球焦點,中...