網站建設之桌面與移動應用程序設計的巨大差異
責任編輯:神州華宇 來源:北京網站建設 點擊:226 發(fā)表時間:2019-03-08
網站建設受到了移動浪潮猛烈地沖擊。早在2014年,美國的移動應用的互聯網使用量就超過了桌面應用,而在2016年之后不久,全球的移動互聯網瀏覽總量就超過了桌面應用。這股浪潮改變了數字設計的游戲規(guī)則。
桌面與移動應用程序設計差異很大,如何為桌面和移動應用程序用戶創(chuàng)造良好的體驗?這是一個挑戰(zhàn)。
如今,網站所有者和設計師仍在奮力追趕。他們花了十年時間完善的桌面設計策略現在已經成為一項次要的技能,而權力已經轉移到那些懂手機的人身上。
對于企業(yè)家和設計師一樣,生存現在取決于理解桌面和移動應用程序設計之間的差異,以及如何充分利用這兩者。在本文中,我們將向您介紹一些最佳實踐,以便您能夠創(chuàng)建最終的用戶體驗。
桌面與移動應用程序設計的巨大差異
網站建設的屏幕大小
桌面=大
這不僅僅意味著有機會添加更多的內容。屏幕大小影響設計的各個方面,尤其是導航。
桌面應用程序可以支持固定的導航欄,而移動應用程序通常僅限于下拉菜單。這對于可發(fā)現性非常有效,因為用戶可能會發(fā)現以前不知道的新部分。例如,你知道易趣賣汽車發(fā)動機和其他汽車零件嗎?如果你用的是他們的手機應用,你就得不費苦心地去學習。
移動=小
移動應用程序必須盡可能地節(jié)省屏幕空間,因此您必須知道哪些元素足夠重要,可以顯示。這個障礙引發(fā)了兩個有趣的趨勢:極簡主義和漢堡菜單。兩者都非常成功,它們也滲透到桌面設計中,在那里它們是風格上的選擇,而不是必需品。
網站建設的交互
桌面=游標
桌面應用程序可以充分利用光標的交互性:比如懸停文本或光標觸發(fā)的動畫。這使得桌面應用程序的整個屏幕上都是圖片,描述性文本只出現在懸停上。
移動=手勢
你不能在移動應用程序上懸?;驖L動,但你的指尖可以做出無限的手勢。滑動、搖晃或老式的戳戳給應用程序帶來了全新的機遇,它們讓應用程序更有趣。你能想象如果你必須點擊Tinder會有多無聊嗎?
網站建設的組織內容
桌面=列
桌面上的任何內容都可以以傳統(tǒng)的多欄形式出現——就像報紙和雜志上的打印內容一樣。這為設計布局和定位文本、圖像和UI元素提供了很大的靈活性。
移動=滾動
一旦內容達到一定長度,移動應用程序就需要使用長滾動。這并不是一件壞事!移動用戶實際上更喜歡連續(xù)滾動,這種技術節(jié)省了屏幕空間,同時使手勢交互更加有趣。就像極簡主義和漢堡菜單一樣,長滾動條是另一種移動設計趨勢,因為它的流行已經轉移到桌面。
移動=肖像和風景
與桌面屏幕不同的是,移動應用程序可以隨意在縱向和橫向視圖之間切換。對于設計師和網站所有者來說,這是福也是禍。兩個屏幕方向允許更多的功能和更好的用戶個性化,但它通常需要兩倍的設計工作。
網站建設的功能
桌面=大任務
根據蓋洛普(Gallup)的一項調查結果,用戶更喜歡使用桌面應用來完成更長、更復雜的任務。原因之一:手機屏幕限制了一次可用功能的數量。這就是為什么Adobe選擇了一個混合的Photoshop Mix應用,而不是將所有的Photoshop都移植到移動端。
但更重要的是,這是一種心態(tài)。手機適用于短時間的沖刺和即時出現的快速任務(想想價格比較或者證明你的朋友在《GoT》中扮演獵犬的角色是錯誤的)。當較長的任務出現時,用戶更愿意找到一個座位,使用功能更多、內容更多、功能更特殊的桌面應用程序。
移動=實驗
手機在功能上的不足,可以通過獨創(chuàng)性來彌補?,F在,移動設計處于技術的最前沿,提供了大量桌面無法提供的獨特功能。
這里有幾個例子:
虛擬現實
增強現實
多個攝像頭
加速度計和陀螺傳感器
手機聯系人列表
磁傳感器
桌面與移動應用程序設計差異很大,如何為桌面和移動應用程序用戶創(chuàng)造良好的體驗?這是一個挑戰(zhàn)。
如今,網站所有者和設計師仍在奮力追趕。他們花了十年時間完善的桌面設計策略現在已經成為一項次要的技能,而權力已經轉移到那些懂手機的人身上。
對于企業(yè)家和設計師一樣,生存現在取決于理解桌面和移動應用程序設計之間的差異,以及如何充分利用這兩者。在本文中,我們將向您介紹一些最佳實踐,以便您能夠創(chuàng)建最終的用戶體驗。
桌面與移動應用程序設計的巨大差異
網站建設的屏幕大小
桌面=大
這不僅僅意味著有機會添加更多的內容。屏幕大小影響設計的各個方面,尤其是導航。
桌面應用程序可以支持固定的導航欄,而移動應用程序通常僅限于下拉菜單。這對于可發(fā)現性非常有效,因為用戶可能會發(fā)現以前不知道的新部分。例如,你知道易趣賣汽車發(fā)動機和其他汽車零件嗎?如果你用的是他們的手機應用,你就得不費苦心地去學習。
移動=小
移動應用程序必須盡可能地節(jié)省屏幕空間,因此您必須知道哪些元素足夠重要,可以顯示。這個障礙引發(fā)了兩個有趣的趨勢:極簡主義和漢堡菜單。兩者都非常成功,它們也滲透到桌面設計中,在那里它們是風格上的選擇,而不是必需品。
網站建設的交互
桌面=游標
桌面應用程序可以充分利用光標的交互性:比如懸停文本或光標觸發(fā)的動畫。這使得桌面應用程序的整個屏幕上都是圖片,描述性文本只出現在懸停上。
移動=手勢
你不能在移動應用程序上懸?;驖L動,但你的指尖可以做出無限的手勢。滑動、搖晃或老式的戳戳給應用程序帶來了全新的機遇,它們讓應用程序更有趣。你能想象如果你必須點擊Tinder會有多無聊嗎?
網站建設的組織內容
桌面=列
桌面上的任何內容都可以以傳統(tǒng)的多欄形式出現——就像報紙和雜志上的打印內容一樣。這為設計布局和定位文本、圖像和UI元素提供了很大的靈活性。
移動=滾動
一旦內容達到一定長度,移動應用程序就需要使用長滾動。這并不是一件壞事!移動用戶實際上更喜歡連續(xù)滾動,這種技術節(jié)省了屏幕空間,同時使手勢交互更加有趣。就像極簡主義和漢堡菜單一樣,長滾動條是另一種移動設計趨勢,因為它的流行已經轉移到桌面。
移動=肖像和風景
與桌面屏幕不同的是,移動應用程序可以隨意在縱向和橫向視圖之間切換。對于設計師和網站所有者來說,這是福也是禍。兩個屏幕方向允許更多的功能和更好的用戶個性化,但它通常需要兩倍的設計工作。
網站建設的功能
桌面=大任務
根據蓋洛普(Gallup)的一項調查結果,用戶更喜歡使用桌面應用來完成更長、更復雜的任務。原因之一:手機屏幕限制了一次可用功能的數量。這就是為什么Adobe選擇了一個混合的Photoshop Mix應用,而不是將所有的Photoshop都移植到移動端。
但更重要的是,這是一種心態(tài)。手機適用于短時間的沖刺和即時出現的快速任務(想想價格比較或者證明你的朋友在《GoT》中扮演獵犬的角色是錯誤的)。當較長的任務出現時,用戶更愿意找到一個座位,使用功能更多、內容更多、功能更特殊的桌面應用程序。
移動=實驗
手機在功能上的不足,可以通過獨創(chuàng)性來彌補?,F在,移動設計處于技術的最前沿,提供了大量桌面無法提供的獨特功能。
這里有幾個例子:
虛擬現實
增強現實
多個攝像頭
加速度計和陀螺傳感器
手機聯系人列表
磁傳感器
它也不總是新技術。有時應用程序可以以新的方式使用現有的技術。例如,Snapchat利用手機的加速度計來知道你在開車,然后切換到bitmoji汽車。