移動互聯網和(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)解了≈∞‌(le)移動互聯網的(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)web頁面的(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)場(chǎ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)遊戲，或者在床上(shàn★±&g)睡(shuì)前時(shí)，又(yòu)變成了(le)深入★​沉浸的(de)體(tǐ)驗？不(bù)同的(de)場 §(chǎng)景不(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)是(shì)固定的(de)，無非可(k‌α™ě)能(néng)因為(wèi)工(gōng)作(zuò)和(hé)同事(shì)≥₩溝通(tōng)一(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àng)的€©∑↓(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ō)任務操作(z$♥∑uò)和(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í)間(j♥‍£iā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 guideline或者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ě)以快(kuài)速方便的(d₹↓≥ e)設計(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é)本質。