移動互聯網和(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àng)睡(shuì)前時(s‍∑hí)，又(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ō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)，而是(sα‍↑±hì)一(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)則1&€3寸大(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)就(jδ≠↓δiù)不(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)的(d€‍e)必要(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ònφ$×g)戶在使用(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)益于固定的(d<×☆e)使用(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én♥♦$g)使用(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或者WindowsPε©hone的(de)metro理(lǐ)念，縱觀知(zhī)乎和(hé)各大(dà)網站(zh♥β≤àn)，很(hěn)多(duō)人(rén)每天關注的(de)都(dōu)是(shì)這(z↔™hè)些(xiē)比如(rú)拟物(wù)化(huà)設計(jì)和(hé)扁§¶平化(huà)設計(jì)的(de)風(fēng)格，返回按鈕的(de)§γ‍₩邏輯或者隐藏title之類的(de)方法論細節。的(de)确你(nǐ)了(le)解‌ ₹∞這(zhè)些(xiē)信息是(shì)可(kě)以快φβγ(kuài)速方便的(de)設計(jì)出一(yī)個(gè)可(kě)用(yòng)的(d¶∞&e)移動産品的(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é)本質​₩。