移動互聯網和(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)電(d↔εià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，了(l "e)解了(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)景的(d✘​←♦e)複雜(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ì)然非常的(d₽← ±e)複雜(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ì)前時(shí)，又(yòu)變成了(le)深入沉浸的(de)體(‌★₽↕tǐ)驗？不(bù)同的(de)場(chǎng)景不(bù)同的(d♥≠‌e)情況在設計(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)片在操作(zδ‌λ₩uò)電(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òn↓ g)戶使用(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ì)非常的(d ★€e)小(xiǎo)的(de)，因為(wèi)屏幕尺₩↓±寸的(de)限制(zhì)，本身(shēn)需要(yào)你(nǐ)展現(x≈'ià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)，所以移動端産品的(d₹∏↔e)設計(jì)難道(dào)會(huì)大&®(dà)大(dà)增加。

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

用(yòng)戶在使用(yòng)桌面産品時(s↑∞hí)，是(shì)更加容易的(de)進行(xíng)多(duō)任務操作(zuò)和(>↔hé)處理(lǐ)的(de)，比如(rú)我正在浏覽we∑•b查資料，又(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 guideline或者WindowsPhone的(de)m✘±etro理(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)速方便的(de)設計(jì)出一(yī)個(gè)可(kě)用(yε≥≠òng)的(de)移動産品的(de)，但(dàn)是(shì)如(rú)果沒有(yǒu)了(l'∏e)解之前所說(shuō)的(de)幾條移<∏∑♥動産品和(hé)傳統互聯網産品在用(yò<✔∏ng)戶體(tǐ)驗上(shàng)的(de)區(qū)别，你(←☆₽πnǐ)可(kě)能(néng)永遠(yuǎn)也(yě)無₩ 法參透移動互聯網用(yòng)戶體(tǐ)驗的(d♣'π→e)規律和(hé)本質。