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

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

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

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

桌面與移動(dòng)應用程序設計的巨大差異

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

桌面=大

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

桌面應用程序可以支持固定的導航欄，而移動(dòng)應用程序通常僅限于下拉菜單。這對于可發(fā)現性非常有效，因為用戶(hù)可能會(huì )發(fā)現以前不知道的新部分。例如，你知道易趣賣(mài)汽車(chē)發(fā)動(dòng)機和其他汽車(chē)零件嗎？如果你用的是他們的手機應用，你就得不費苦心地去學(xué)習。

移動(dòng)=小

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

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

桌面=游標

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

移動(dòng)=手勢

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

網(wǎng)站建設的組織內容

桌面=列

桌面上的任何內容都可以以傳統的多欄形式出現——就像報紙和雜志上的打印內容一樣。這為設計布局和定位文本、圖像和UI元素提供了很大的靈活性。

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

一旦內容達到一定長(cháng)度，移動(dòng)應用程序就需要使用長(cháng)滾動(dòng)。這并不是一件壞事！移動(dòng)用戶(hù)實(shí)際上更喜歡連續滾動(dòng)，這種技術(shù)節省了屏幕空間，同時(shí)使手勢交互更加有趣。就像極簡(jiǎn)主義和漢堡菜單一樣，長(cháng)滾動(dòng)條是另一種移動(dòng)設計趨勢，因為它的流行已經(jīng)轉移到桌面。

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

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

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

桌面=大任務(wù)

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

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

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

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

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

虛擬現實(shí)

增強現實(shí)

多個(gè)攝像頭

加速度計和陀螺傳感器

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

磁傳感器

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