最新動(dòng)態(tài) >> 網(wǎng)站建設(shè)知識(shí) >> 網(wǎng)站設(shè)計(jì)從PC端到移動(dòng)端的產(chǎn)品差異
網(wǎng)站設(shè)計(jì)從PC端到移動(dòng)端的產(chǎn)品差異【 發(fā)布日期:2013-6-17 信息來(lái)源:大連益盛科技 】
移動(dòng)互聯(lián)網(wǎng)的時(shí)代已經(jīng)來(lái)臨,最后。移動(dòng)用戶的體量也會(huì)越來(lái)越逾越PC進(jìn)行產(chǎn)品設(shè)計(jì)時(shí),思考移動(dòng)平臺(tái)是必定的如何能進(jìn)行更好地全平臺(tái)設(shè)計(jì),還有待業(yè)內(nèi)人士更多地探討。記得幾年前,非常信奉移動(dòng)端的產(chǎn)品應(yīng)該是PC補(bǔ)充,現(xiàn)在看來(lái)完全不靠譜。像微信這樣的產(chǎn)品,PC端的設(shè)計(jì)地道是移動(dòng)端的補(bǔ)充,更多產(chǎn)品則根本沒有PC端的產(chǎn)品。因此,如何能進(jìn)行全平臺(tái)的設(shè)計(jì),也需要根據(jù)各自的產(chǎn)品特征、用戶特征、情景特征來(lái)決定,最大地發(fā)揮產(chǎn)品的核心價(jià)值給目標(biāo)用戶,這就成功了 移動(dòng)端的產(chǎn)品越來(lái)越受到重視。規(guī)劃產(chǎn)品時(shí),隨著移動(dòng)互聯(lián)網(wǎng)時(shí)代的來(lái)。往往會(huì)把PC端和移動(dòng)端的產(chǎn)品放在同等重要的地位進(jìn)行思考。響應(yīng)式設(shè)計(jì)在近一段時(shí)間顯得火熱異常,也說(shuō)明了大家越來(lái)越重視用戶在各個(gè)設(shè)備終端層面的體驗(yàn)。然而,設(shè)備的多樣性、產(chǎn)品形態(tài)的多樣性都給了設(shè)計(jì)師更多的發(fā)揮空間,同時(shí)也給設(shè)計(jì)師帶來(lái)了更大地挑戰(zhàn)。PCPA DPhone甚至TV及WA PClient組合形成了多樣的產(chǎn)品,這些產(chǎn)品在設(shè)計(jì)之間有何不同,如何規(guī)劃不同平臺(tái)上產(chǎn)品的功能、設(shè)計(jì)時(shí)有哪些差別都是非常值得探討的話題。 一、如何來(lái)規(guī)劃不同產(chǎn)品上的功能 有鼠標(biāo)和鍵盤靈活的交互形式,PC端有超大的屏幕。其功能往往比擬復(fù)雜,用戶能通過鼠標(biāo)指點(diǎn)的形式快速地完成各種任務(wù)。然而在PA D與手機(jī)端,屏幕能呈現(xiàn)的信息有限,交互形式也是精度相對(duì)較差的手勢(shì)形式,所有的這些都決定了移動(dòng)端的功能應(yīng)該做減法。 移動(dòng)優(yōu)先或者是移動(dòng)同等重要的產(chǎn)品規(guī)劃方式是及其重要的獨(dú)立思考在移動(dòng)端能呈現(xiàn)的功能和內(nèi)容,對(duì)于新產(chǎn)品來(lái)說(shuō)。讓設(shè)計(jì)師更清晰地看到產(chǎn)品的核心功能、內(nèi)容,有利于設(shè)計(jì)師把握產(chǎn)品的方向。甚至可以考慮將移動(dòng)端優(yōu)先于PC端,PC功能在移動(dòng)的功能基礎(chǔ)上去架構(gòu),也不會(huì)脫離產(chǎn)品的核心價(jià)值。 而在手機(jī)上只展現(xiàn)簡(jiǎn)單功能呢?覺得未必,PC固有的特點(diǎn)在進(jìn)行復(fù)雜功能操作時(shí)會(huì)更有優(yōu)勢(shì)。那是不是復(fù)雜功能就直接轉(zhuǎn)移到PC上。要看產(chǎn)品的目標(biāo)用戶和產(chǎn)品特點(diǎn),有些產(chǎn)品用戶只更傾向于移動(dòng)端使用,甚至還有些使用本產(chǎn)品的用戶都沒有 PC因此,考慮用戶特性的基礎(chǔ)上,優(yōu)先規(guī)劃移動(dòng)端的產(chǎn)品信息架構(gòu)。如果有些功能覺得轉(zhuǎn)移到PC上衡量過沒有問題,那我覺得可以進(jìn)行轉(zhuǎn)移,移動(dòng)端突出最核心的功能給用戶,并堅(jiān)持界面簡(jiǎn)潔。 像淘寶網(wǎng)這樣的產(chǎn)品,對(duì)于老產(chǎn)品。其 PC端自身及其復(fù)雜。那在產(chǎn)品設(shè)計(jì)時(shí),更多地思考在移動(dòng)端用戶的使用情景和核心功能,先去滿足最核心的功能,滿足有手機(jī)特色和移動(dòng)情景的功能。 二、設(shè)計(jì)上的差別在哪兒 Web端的設(shè)計(jì)也越來(lái)越客戶端化,當(dāng)前的設(shè)計(jì)手法在各個(gè)平臺(tái)、各種形態(tài)上都有融合的趨勢(shì)。許多WebApp都讓人很難判斷到底是HTML5做的還是Nativ因此,設(shè)計(jì)手法上的差別會(huì)越來(lái)越小。 基于 PCPA DPhone設(shè)備特性有較大的差別,然而。PC指點(diǎn)操作與PA DPhone觸摸操作有很大的不同,觸摸優(yōu)先的設(shè)計(jì)原則對(duì)移動(dòng)端的設(shè)計(jì)有較大的協(xié)助。其次,用戶的設(shè)備的性能和網(wǎng)絡(luò)特征千差萬(wàn)別,設(shè)計(jì)時(shí)需要去思考各自用戶使用的環(huán)境。再次,多設(shè)備用戶,使用產(chǎn)品時(shí),如何進(jìn)行設(shè)備間的切換,如何銜接不同設(shè)備的操作而不被丟棄都是設(shè)計(jì)師需要考慮的問題。 主要關(guān)注瀏覽器的支持特性及Nativ上能發(fā)揮的手機(jī)、各類傳感器的特性,對(duì)于WA P與Nativ設(shè)計(jì)。這需要設(shè)計(jì)師拓寬思路去思考,好的設(shè)計(jì)能極大地提升體驗(yàn)。 三、設(shè)計(jì)上的戰(zhàn)略有哪些 響應(yīng)式設(shè)計(jì)是提得最多的方法。且在許多公司都有很多實(shí)踐。淘寶,從PC端到移動(dòng)端的Web設(shè)計(jì)時(shí)。梓佑(編者注:淘寶資深 UED總監(jiān))之前也一直在推動(dòng)響應(yīng)式的設(shè)計(jì),一淘網(wǎng)、淘寶搜索等許多產(chǎn)品上都有實(shí)踐,總得來(lái)說(shuō)對(duì)用戶體驗(yàn)起到積極的作用。然而我看到響應(yīng)式做得好的網(wǎng)站往往是結(jié)構(gòu)相對(duì)簡(jiǎn)單的博客類、新聞?lì)惥W(wǎng)站,這些頁(yè)面結(jié)構(gòu)簡(jiǎn)單,響應(yīng)規(guī)則容易定制,前端實(shí)現(xiàn)也不復(fù)雜。而對(duì)于復(fù)雜的網(wǎng)頁(yè)的響應(yīng)式設(shè)計(jì),則都會(huì)遇到不少挑戰(zhàn),淘寶資深設(shè)計(jì)師,樂乘,做玩客項(xiàng)目時(shí),總結(jié)了一套設(shè)計(jì)方案,值得參考。但是總的來(lái)說(shuō),復(fù)雜頁(yè)面是不是要使用響應(yīng)式還值得探討。 發(fā)揮了手機(jī)的特性,對(duì)于PC與移動(dòng)客戶端(App設(shè)計(jì)有何差異?勝利移動(dòng)客戶端產(chǎn)品往往是基于用戶任務(wù)與使用情景進(jìn)行設(shè)計(jì)。使原本PC功能得到更好地彌補(bǔ)與提升。如大眾點(diǎn)評(píng)中的LBS使用戶能快速地發(fā)現(xiàn)附近的店鋪;微博能快速地上傳即時(shí)拍攝的照片,能隨時(shí)隨地的查詢等。 這兩者是一致的主要的偏重有兩點(diǎn),那WA P與客戶端的上有什么偏重呢?從使用情景上來(lái)講。其一是兩者的流量原來(lái)往往不一致,根據(jù)流量來(lái)源來(lái)區(qū)分用戶的特征,基于用戶特征的不同來(lái)使兩者在產(chǎn)品上的不同。其二是WA P上一些限制和優(yōu)勢(shì),WA P上有許多功能還無(wú)法實(shí)現(xiàn),另外WA P有快速迭代的優(yōu)勢(shì),也可以進(jìn)行一些項(xiàng)目的試錯(cuò)等。當(dāng)然,當(dāng)前WA P與客戶端也在融合,這也是一個(gè)方向,隨著HTML5等技術(shù)的幼稚,兩者的融合是遲早的事情。 【 返 回 】
|