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

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

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

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

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

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

桌面=大

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

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

移動=小

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

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

桌面=游標(biāo)

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

移動=手勢

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

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

桌面=列

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

移動=滾動

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

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

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

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

桌面=大任務(wù)

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

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

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

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

這里有幾個例子：

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

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

多個攝像頭

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

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

磁傳感器

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