網(wǎng)站建設(shè)受到了移動(dòng)浪潮猛烈地沖擊。早在2014年，美國(guó)的移動(dòng)應(yīng)用的互聯(lián)網(wǎng)使用量就超過(guò)了桌面應(yīng)用，而在2016年之后不久，全球的移動(dòng)互聯(lián)網(wǎng)瀏覽總量就超過(guò)了桌面應(yīng)用。這股浪潮改變了數(shù)字設(shè)計(jì)的游戲規(guī)則。

桌面與移動(dòng)應(yīng)用程序設(shè)計(jì)差異很大，如何為桌面和移動(dòng)應(yīng)用程序用戶創(chuàng)造良好的體驗(yàn)？這是一個(gè)挑戰(zhàn)。

如今，網(wǎng)站所有者和設(shè)計(jì)師仍在奮力追趕。他們花了十年時(shí)間完善的桌面設(shè)計(jì)策略現(xiàn)在已經(jīng)成為一項(xiàng)次要的技能，而權(quán)力已經(jīng)轉(zhuǎn)移到那些懂手機(jī)的人身上。

對(duì)于企業(yè)家和設(shè)計(jì)師一樣，生存現(xiàn)在取決于理解桌面和移動(dòng)應(yīng)用程序設(shè)計(jì)之間的差異，以及如何充分利用這兩者。在本文中，我們將向您介紹一些最佳實(shí)踐，以便您能夠創(chuàng)建最終的用戶體驗(yàn)。

桌面與移動(dòng)應(yīng)用程序設(shè)計(jì)的巨大差異

網(wǎng)站建設(shè)的屏幕大小

桌面=大

這不僅僅意味著有機(jī)會(huì)添加更多的內(nèi)容。屏幕大小影響設(shè)計(jì)的各個(gè)方面，尤其是導(dǎo)航。

桌面應(yīng)用程序可以支持固定的導(dǎo)航欄，而移動(dòng)應(yīng)用程序通常僅限于下拉菜單。這對(duì)于可發(fā)現(xiàn)性非常有效，因?yàn)橛脩艨赡軙?huì)發(fā)現(xiàn)以前不知道的新部分。例如，你知道易趣賣(mài)汽車(chē)發(fā)動(dòng)機(jī)和其他汽車(chē)零件嗎？如果你用的是他們的手機(jī)應(yīng)用，你就得不費(fèi)苦心地去學(xué)習(xí)。

移動(dòng)=小

移動(dòng)應(yīng)用程序必須盡可能地節(jié)省屏幕空間，因此您必須知道哪些元素足夠重要，可以顯示。這個(gè)障礙引發(fā)了兩個(gè)有趣的趨勢(shì)：極簡(jiǎn)主義和漢堡菜單。兩者都非常成功，它們也滲透到桌面設(shè)計(jì)中，在那里它們是風(fēng)格上的選擇，而不是必需品。

網(wǎng)站建設(shè)的交互

桌面=游標(biāo)

桌面應(yīng)用程序可以充分利用光標(biāo)的交互性：比如懸停文本或光標(biāo)觸發(fā)的動(dòng)畫(huà)。這使得桌面應(yīng)用程序的整個(gè)屏幕上都是圖片，描述性文本只出現(xiàn)在懸停上。

移動(dòng)=手勢(shì)

你不能在移動(dòng)應(yīng)用程序上懸停或滾動(dòng)，但你的指尖可以做出無(wú)限的手勢(shì)。滑動(dòng)、搖晃或老式的戳戳給應(yīng)用程序帶來(lái)了全新的機(jī)遇，它們讓?xiě)?yīng)用程序更有趣。你能想象如果你必須點(diǎn)擊Tinder會(huì)有多無(wú)聊嗎？

網(wǎng)站建設(shè)的組織內(nèi)容

桌面=列

桌面上的任何內(nèi)容都可以以傳統(tǒng)的多欄形式出現(xiàn)——就像報(bào)紙和雜志上的打印內(nèi)容一樣。這為設(shè)計(jì)布局和定位文本、圖像和UI元素提供了很大的靈活性。

移動(dòng)=滾動(dòng)

一旦內(nèi)容達(dá)到一定長(zhǎng)度，移動(dòng)應(yīng)用程序就需要使用長(zhǎng)滾動(dòng)。這并不是一件壞事！移動(dòng)用戶實(shí)際上更喜歡連續(xù)滾動(dòng)，這種技術(shù)節(jié)省了屏幕空間，同時(shí)使手勢(shì)交互更加有趣。就像極簡(jiǎn)主義和漢堡菜單一樣，長(zhǎng)滾動(dòng)條是另一種移動(dòng)設(shè)計(jì)趨勢(shì)，因?yàn)樗牧餍幸呀?jīng)轉(zhuǎn)移到桌面。

移動(dòng)=肖像和風(fēng)景

與桌面屏幕不同的是，移動(dòng)應(yīng)用程序可以隨意在縱向和橫向視圖之間切換。對(duì)于設(shè)計(jì)師和網(wǎng)站所有者來(lái)說(shuō)，這是福也是禍。兩個(gè)屏幕方向允許更多的功能和更好的用戶個(gè)性化，但它通常需要兩倍的設(shè)計(jì)工作。

網(wǎng)站建設(shè)的功能

桌面=大任務(wù)

根據(jù)蓋洛普(Gallup)的一項(xiàng)調(diào)查結(jié)果，用戶更喜歡使用桌面應(yīng)用來(lái)完成更長(zhǎng)、更復(fù)雜的任務(wù)。原因之一：手機(jī)屏幕限制了一次可用功能的數(shù)量。這就是為什么Adobe選擇了一個(gè)混合的Photoshop Mix應(yīng)用，而不是將所有的Photoshop都移植到移動(dòng)端。

但更重要的是，這是一種心態(tài)。手機(jī)適用于短時(shí)間的沖刺和即時(shí)出現(xiàn)的快速任務(wù)(想想價(jià)格比較或者證明你的朋友在《GoT》中扮演獵犬的角色是錯(cuò)誤的)。當(dāng)較長(zhǎng)的任務(wù)出現(xiàn)時(shí)，用戶更愿意找到一個(gè)座位，使用功能更多、內(nèi)容更多、功能更特殊的桌面應(yīng)用程序。

移動(dòng)=實(shí)驗(yàn)

手機(jī)在功能上的不足，可以通過(guò)獨(dú)創(chuàng)性來(lái)彌補(bǔ)。現(xiàn)在，移動(dòng)設(shè)計(jì)處于技術(shù)的最前沿，提供了大量桌面無(wú)法提供的獨(dú)特功能。

這里有幾個(gè)例子：

虛擬現(xiàn)實(shí)

增強(qiáng)現(xiàn)實(shí)

多個(gè)攝像頭

加速度計(jì)和陀螺傳感器

手機(jī)聯(lián)系人列表

磁傳感器

它也不總是新技術(shù)。有時(shí)應(yīng)用程序可以以新的方式使用現(xiàn)有的技術(shù)。例如，Snapchat利用手機(jī)的加速度計(jì)來(lái)知道你在開(kāi)車(chē)，然后切換到bitmoji汽車(chē)。