移動互聯網和(hé)傳統互聯網的(de)設計(jì)有(yǒu)很(hěn)多(↔↑&duō)不(bù)同

移動互聯網和(hé)傳統互聯網的(de)設計(jì)有(yǒu)很(hěn)多(duō)不(bù)¥₽×同，針對(duì)前者有(yǒu)哪些(xiē)♠'↔‌關鍵的(de)設計(jì)重點、考慮要(yào)素、交互或體(tǐ)驗要(yào)特₹π别注意的(de)呢(ne)？本文(wén)來(lái)自(zì)知(zhī)乎網友(yǒu)§↑λ可(kě)風(fēng)的(de)回答(dá)。

可(kě)風(fēng)

最近(jìn)越來(lái)越多(duō)的(de÷φ<")圈內(nèi)人(rén)開(kāi)始随₽π大(dà)潮進入移動互聯網領域，從(cóng¶®)傳統的(de)web或者桌面端設計(jì)開(kāi)始學習$π(xí)移動互聯網産品的(de)設計(jì)。在很(hěn)多(duō)人(rén)眼裡✘••(lǐ)，設計(jì)移動互聯網産品和(hé)傳統互聯網≤•産品的(de)區(qū)别無非就(jiù)是(shì)載體(tǐ)從(cóng)電(di≥♦àn)腦(nǎo)變成了(le)手機(jī)，所以隻要£££♠(yào)熟悉一(yī)下(xià)各個(gè)手機(jī)中不(bù)同的↓Ω(de)規範和(hé)特性就(jiù)算(suàn)是(shì)完成了(le)過渡，學習(≈↕xí)了(le)下(xià)ios human guideline，了(le)解了(le)一(yα≈ī)下(xià)拟物(wù)化(huà)設計(jì)φ♥<γ和(hé)扁平化(huà)設計(jì)，•φ≤✘就(jiù)以為(wèi)是(shì)了(le)解了(l✘πe)移動互聯網的(de)設計(jì)方法。其實這(zhè)種思想完全是(shì)隻看(kàλγ&n)到(dào)表現(xiàn)而沒看(kàn)到(dàα¶γ>o)本質的(de)錯(cuò)誤，移動互聯網和(hé)傳統互聯網的(de)區(qū)别不(bù)←>‌≠光(guāng)是(shì)設計(jì)标準和(hé)設α¶​♣計(jì)規範的(de)變化(huà)，而應該從(cóng)整個(gè)物(w∑εεù)理(lǐ)環境的(de)變化(huà)來(lái)重新全面的(de)認∑↕£α識。那(nà)麽我們分(fēn)析一(yī)下(xià)，移動互聯網産品的(de)用(yò±♣≈ng)戶體(tǐ)驗和(hé)傳統互聯網産品有(yǒu)什(shén)麽區(qū)别呢(ne)？™σ

一(yī)、使用(yòng)場(chǎng)景的(de)'™∑λ複雜(zá)

用(yòng)戶在使用(yòng)桌面客戶端或者訪問(wèn)w$ ↑∏eb頁面的(de)時(shí)候，多(duō)半是(shì)坐₹×(zuò)在電(diàn)腦(nǎo)前，固定的(de)盯著(zhe)®₩•£屏幕和(hé)使用(yòng)鍵鼠操作(zuò)，這(zhè)個(gè)時δ±Ω≤(shí)候對(duì)于用(yòng)戶來(lái)說(shuō)，使用(yòng)場∏<±↕(chǎng)景是(shì)簡單而固定的(de)。但(dàn)是(shì)在使用(yòng)手機± (jī)的(de)時(shí)候，用(yòng)戶可(kě)能(néng)在地(dì)鐵(tiě)¥∑£中，在公交上(shàng)，在電(diàn)梯中，‍ 無聊等待時(shí)或者邊走路(lù)邊用(yòng)。>ו如(rú)此複雜(zá)的(de)場(c®$≠hǎng)景，需要(yào)産品的(de)設計(£₹✘ jì)者考慮的(de)要(yào)素也(yě)自(zì)然非常的→§↕(de)複雜(zá)。

比如(rú)在公交車(chē)上(shàng)‌♣擁擠和(hé)搖晃時(shí)，用(yòng)戶如(rú)果才能(néng)順暢的(←&de)單手操作(zuò)？比如(rú)在地(dì)鐵(tiě)或÷ ∑♣者電(diàn)梯的(de)信号不(bù)好(hǎo)的(de)情況下(xià)，是₩&&(shì)否要(yào)考慮各種網絡情況帶來(lái)的(de)問(wènλ‌₹)題？比如(rú)用(yòng)戶在無聊等待玩(wán)遊戲，或者在床上(s÷₹♠∞hàng)睡(shuì)前時(shí)，又(yòu)變成了(le)∞'深入沉浸的(de)體(tǐ)驗？不(bù)同的(de)場(chǎn§ g)景不(bù)同的(de)情況在設計(jì)時(shí≈$')是(shì)否都(dōu)有(yǒu)考慮清楚？

二、使用(yòng)時(shí)間(jiān)碎片化(huàπ♠)

用(yòng)戶在使用(yòng)電(diàn)腦(nǎo)時(shí)，大(dà)部分(fēn)←™時(shí)間(jiān)還(hái)是(s$β★hì)固定的(de)，無非可(kě)能(néng)因為(w∏ 'Ωèi)工(gōng)作(zuò)和(hé)同事(shì)溝通(tōn↑≠g)一(yī)下(xià)，或者起身(shēn)上(shàng)個(‌¶β→gè)廁所，一(yī)般都(dōu)有(yǒβ'u)10-20分(fēn)鐘(zhōng)•≤♥完整的(de)時(shí)間(jiān)片在操作(zuò)電(diàn)腦(nǎo)。但(dànφ&×)是(shì)移動端就(jiù)不(bù)一(yī)樣了(le)，用(‌ yòng)戶既然在移動，使用(yòng)手機(jī)時(shí)要(yào)随時(shí)随π‌ 地(dì)觀察周圍的(de)情況，随時(shí)可(&≥$×kě)能(néng)中斷現(xiàn)在的(de)操作(zuò)，鎖屏，再繼續剛>✔≤&才的(de)操作(zuò)。所以用(yòng)戶使用(↓Ω✔yòng)移動産品的(de)時(shí)間(jiān)不(bù)是(shì ™)連成片的(de)，而是(shì)一(yī)段一(yī)段的(de)，€•♥有(yǒu)的(de)時(shí)候中斷回再回來(lái)，"​ 有(yǒu)的(de)時(shí)候中斷就(jiù)不(bù)會(huì)回來(lái)'≠€>了(le)。

三、屏幕尺寸的(de)縮小(xiǎo)

用(yòng)戶使用(yòng)電(dià‍‌n)腦(nǎo)産品的(de)屏幕尺寸是(shì)可(kě)以很(hěn)大(dà)的(de)，× ∞小(xiǎo)則13寸大(dà)到(dào)27寸，這(zhè)樣使得(de)<♣γ桌面産品和(hé)web産品有(yǒu)充β©足的(de)區(qū)域展現(xiàn)信息，整個(gè)界面利用(yòng)率¥™ 就(jiù)可(kě)以很(hěn)高(gāo)。我們在做(zuò)交互設計↔α  (jì)的(de)時(shí)候會(huì)有σ♣(yǒu)一(yī)種方法，如(rú)果一(yī)個(gè)次要(yào)信息的(♣φde)出現(xiàn)不(bù)會(huì)影(yǐφγβλng)響大(dà)部分(fēn)用(yòng)戶的(de)時(shí)候，那(nà)麽  'δ這(zhè)個(gè)次要(yào)信息是(shì)可(kě)以放(fàng)在界面上(shàn ¥∑≤g)的(de)，這(zhè)就(jiù)是(shì)為(wèi)什(shén)麽網站(zhàn)↓≤可(kě)以加入很(hěn)多(duō)廣告banner "×€的(de)原因，因為(wèi)隻要(yào)保持到(dào)一(yī)個 β(gè)度不(bù)影(yǐng)響正常的(≈₽de)使用(yòng)就(jiù)不(bù)會(huì)破壞整體(tǐ)的(de)用(yò→€×ng)戶體(tǐ)驗。但(dàn)是(shì)在移動端，這(zhè)個(gè)度是(shì)非±→÷常的(de)小(xiǎo)的(de)，因為(wèi)屏©≠幕尺寸的(de)限制(zhì)，本身(shēn)需要(yào)'☆你(nǐ)展現(xiàn)的(de)必要(yào)₩>≤↓信息都(dōu)需要(yào)有(yǒu)一(yī)個(g觶&)合理(lǐ)的(de)規劃和(hé)抉擇，次要(yào)的↔​σ≈(de)信息再一(yī)出來(lái)肯定破壞體(tǐ)驗。将前2條結合你(nǐ)會(huì)發←∏β♥現(xiàn)，用(yòng)戶在使用(yòng)移動産品是(shì)需要(yào)非常追δσ求效率的(de)，所以移動端産品的(de)設計"↕(jì)難道(dào)會(huì)大(dඩπ)大(dà)增加。

四、無法多(duō)任務的(de)處理(lǐ)信息

用(yòng)戶在使用(yòng)桌面産品時(♦♦λ₹shí)，是(shì)更加容易的(de)進行(xíng)多(duπ∑ō)任務操作(zuò)和(hé)處理(lǐ♦×)的(de)，比如(rú)我正在浏覽web查資料，又(y€÷βòu)正在進行(xíng)文(wén)檔的(de)整理(lǐ)，還(háδφ  i)可(kě)能(néng)開(kāi)著(♠β≈zhe)QQ和(hé)朋(péng)友(yǒu)聊天。因為(wèi)大(dσ↔σà)屏幕的(de)關系和(hé)系統機(jī)制(zhì)讓用(yòng)戶能(néng)夠高←♠∏(gāo)效的(de)同時(shí)處理(lǐ)多(duō)個(g♣​>♥è)信息，當然，還(hái)得(de)益于固δ•定的(de)使用(yòng)場(chǎng)景和(hé)完整的(de)時(shí)間(ji©÷♥ān)片。但(dàn)是(shì)因為(wèi)前面也(yěδδ)提到(dào)的(de)問(wèn)題，移動端的(de)産品往往是(shì)沉浸÷≥‌♦式的(de)，用(yòng)戶在同一(yī)時(shí)期隻可(kě)能(n$↑₹éng)使用(yòng)一(yī)個(gè)應用(yòng)，完成一(yī)個(gè)流程≥™®☆，然後結束，再去(qù)開(kāi)啓另一(yī)個(gè)應用(yòng)和(hé)另 ​&一(yī)個(gè)流程，所以大(dà)部分(fēn)≥↔移動産品設計(jì)時(shí)往往講求遵循的(de)是(shì)單一(yī)的(de)任務流，£α×期間(jiān)結束和(hé)跳(tiào)轉的(de)設計(jì)非常的(de)少(φ ↕♣shǎo)。

五、平台的(de)設計(jì)規範和(hé)特性

最後才是(shì)各自(zì)的(de)平台規範和(hé≥ε←)标準，比如(rú)什(shén)麽ios human gui®©deline或者WindowsPhone的(de)metro理(lǐ)念，縱觀知(zhī)乎和(>∞∑hé)各大(dà)網站(zhàn)，很(hěn)多(duō)人(rén)每α↔‍天關注的(de)都(dōu)是(shì)這(zhè)些(xiē)比如(rú)拟物(wù)化(huà< ')設計(jì)和(hé)扁平化(huà)設計(jì)的(de)風(fēng∏&)格，返回按鈕的(de)邏輯或者隐藏title之類的(de)方法論細節。的(de)确你(nǐק)了(le)解這(zhè)些(xiē)信息是(shì)可(kě)以快(k$γuài)速方便的(de)設計(jì)出一(yī)個(gè)可(kě)用(yòng)↓σ的(de)移動産品的(de)，但(dàn)是(shì)✔₩&如(rú)果沒有(yǒu)了(le)解之前所說(shuō)的(de)幾條移動産品 ‍€≥和(hé)傳統互聯網産品在用(yòng)₹<  戶體(tǐ)驗上(shàng)的(de)區(qū)别，你(nǐ)可₽λ(kě)能(néng)永遠(yuǎn)也(yě)無法參透λ≤移動互聯網用(yòng)戶體(tǐ)驗的(de)規律₽ σ和(hé)本質。