網(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)以前不知道的新部分。例如,你知道易趣賣汽車發(fā)動(dòng)機(jī)和其他汽車零件嗎?如果你用的是他們的手機(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)畫。這使得桌面應(yīng)用程序的整個(gè)屏幕上都是圖片,描述性文本只出現(xiàn)在懸停上。
移動(dòng)=手勢(shì)
你不能在移動(dòng)應(yīng)用程序上懸?;驖L動(dòng),但你的指尖可以做出無(wú)限的手勢(shì)?;瑒?dòng)、搖晃或老式的戳戳給應(yīng)用程序帶來(lái)了全新的機(jī)遇,它們讓應(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ǔ)?,F(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)知道你在開車,然后切換到bitmoji汽車。
網(wǎng)站題目:成都網(wǎng)站建設(shè)之桌面與移動(dòng)應(yīng)用程序設(shè)計(jì)的巨大差異
分享鏈接:http://jinyejixie.com/news41/240491.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)