2014-3-18 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里
在智能手機(jī)出貨量超過PC和功能手機(jī)、用戶使用App比例超過80%以上的情況下,智能手機(jī)App絕對成為了人們生活的主角。對于PC、平板、智能手機(jī)之間的跨平臺無縫體驗(yàn),很早之前開發(fā)者就開始關(guān)注了。比如Evernote會開發(fā)幾乎所有平臺的軟件版本,來保證用戶在使用各個(gè)平臺時(shí)可以無縫切換;另外Chrome 桌面版和手機(jī)端也可以同步數(shù)據(jù),我在電腦上打開幾個(gè)網(wǎng)頁,換到手機(jī)上時(shí)仍能看到那幾個(gè)網(wǎng)頁。
雖然很多人都認(rèn)識到了App的重要性,但從PC到手機(jī)App,這中間仍然存在著很大的體驗(yàn)斷層。PC段到移動(dòng)端還有很多事情要做,比如接下來講的:當(dāng)大量App內(nèi)容被分享到微博、微信上之后,如何從PC或手機(jī)上的網(wǎng)頁鏈接完美切換到App。
在我近一個(gè)多月的測試中,發(fā)現(xiàn)大部分的App都沒有做好從Web鏈接到App的過渡。比如我用手機(jī)在微博中點(diǎn)開一個(gè)應(yīng)用官方帳號微博里面的一個(gè)鏈接,鏈接內(nèi)容是App內(nèi)的內(nèi)容(微博分享出來),然后你就會發(fā)現(xiàn)打開時(shí)大部分情況是網(wǎng)頁版。雖然我手機(jī)里安裝了這款應(yīng)用,但卻仍然打開的是網(wǎng)頁版,如果該App需要登錄的話,我在網(wǎng)頁版上甚至都無法進(jìn)行更多的操作。
當(dāng)然,也有個(gè)別App在鏈接到App跳轉(zhuǎn)的過程做得非常好。而在一般情況下,這種跳轉(zhuǎn)優(yōu)化根據(jù)設(shè)計(jì)的無縫度會有四種,總結(jié)如下(在此聲明,我所測試的所有App都是我個(gè)人比較喜歡的,所以不存在詆毀哪款產(chǎn)品問題):
第一種:鏈接是為PC設(shè)計(jì)的,根本沒有針對移動(dòng)設(shè)備進(jìn)行過優(yōu)化,打開鏈接你必須通過縮放才能看到網(wǎng)頁上的內(nèi)容。這類App有很多,比如大眾點(diǎn)評、果殼、果庫、抬杠等。
第二種:鏈接為移動(dòng)設(shè)備優(yōu)化過,但從網(wǎng)頁端轉(zhuǎn)到移動(dòng)端仍然有斷層。比如美樂時(shí)光官方微信會推薦一些歌單,我用瀏覽器打開后便可以直接播放,移動(dòng)體驗(yàn)非常棒,但即便登錄之后也不能對播放的歌曲進(jìn)行收藏。如果我想收藏某些歌曲,必須用電腦打開網(wǎng)站,搜到歌曲,然后收藏后才會同步到美樂時(shí)光App上,非常的麻煩。另外這類App還有:想去、美團(tuán)等。
這里面還有一種情況,就是媒體類應(yīng)用。由于媒體本身產(chǎn)生的內(nèi)容只是一篇篇文章,所以很容易為移動(dòng)設(shè)備優(yōu)化。但這又分兩類,一類本身網(wǎng)頁在移動(dòng)設(shè)備上的體驗(yàn)非常好,同時(shí)也有客戶端,但兩者是有斷層的。第二類是對移動(dòng)端進(jìn)行了優(yōu)化,但由于沒有客戶端,反而不會出現(xiàn)上體驗(yàn)斷層的問題。
第三種:產(chǎn)品本身就是為移動(dòng)而生的,即便是網(wǎng)頁版,也像移動(dòng)端一樣簡潔。這種鏈接打開沒任何壓力,即便登錄,也是非常方便的。你可以直接用網(wǎng)頁版進(jìn)行各種操作,然后打開App就能同步了。這種情況已經(jīng)算是非常好的了,但它仍然無法解決網(wǎng)頁鏈接和App之間的鴻溝問題,我不能直接通過網(wǎng)頁鏈接打開App。這類產(chǎn)品比較少,比如早期的果庫(無網(wǎng)頁版)、國外的Fancy等。
第四種:點(diǎn)擊鏈接可以直接打開App,如果是在桌面端則直接在瀏覽器中顯示內(nèi)容。在我測試的十幾款A(yù)pp中,我只發(fā)現(xiàn)了兩款在網(wǎng)頁鏈接向App跳轉(zhuǎn)上做得非常好,那就是啪啪(Papa)和Instagram。我在刷微博看見好友分享了一條啪啪時(shí),點(diǎn)擊鏈接,我的啪啪就會自動(dòng)打開,然后顯示好友分享的內(nèi)容。而Instagram做法有些不同,它第一次打開的是優(yōu)化過的網(wǎng)頁,然后Logo旁有一個(gè)“Open in app”的按鈕,點(diǎn)擊之后可以直接打開App。這樣就非常方便,如果我沒有安裝app,那么它會直接在手機(jī)瀏覽器里打開,如果我用的是電腦,那它也會直接在桌面瀏覽器中打開。
對于Web鏈接向App跳轉(zhuǎn)的問題,可能很多人都會說這只是一個(gè)小細(xì)節(jié),沒必要過度深究。但隨著我們使用手機(jī)App越來越頻繁,這個(gè)小問題會困擾越來越多的人。而且從第四種解決方案可以看出,很多App沒這樣做并不是因?yàn)樘O果的沙盒保護(hù)機(jī)制,只是開發(fā)者在考慮用戶體驗(yàn)的時(shí)候,沒有把這部分真正的考慮進(jìn)來。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com