轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.alimai.net  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

在智能手機(jī)出貨量超過(guò)PC和功能手機(jī)、用戶(hù)使用App比例超過(guò)80%以上的情況下，智能手機(jī)App絕對(duì)成為了人們生活的主角。對(duì)于PC、平板、智能手機(jī)之間的跨平臺(tái)無(wú)縫體驗(yàn)，很早之前開(kāi)發(fā)者就開(kāi)始關(guān)注了。比如Evernote會(huì)開(kāi)發(fā)幾乎所有平臺(tái)的軟件版本，來(lái)保證用戶(hù)在使用各個(gè)平臺(tái)時(shí)可以無(wú)縫切換；另外Chrome 桌面版和手機(jī)端也可以同步數(shù)據(jù)，我在電腦上打開(kāi)幾個(gè)網(wǎng)頁(yè)，換到手機(jī)上時(shí)仍能看到那幾個(gè)網(wǎng)頁(yè)。

雖然很多人都認(rèn)識(shí)到了App的重要性，但從PC到手機(jī)App，這中間仍然存在著很大的體驗(yàn)斷層。PC段到移動(dòng)端還有很多事情要做，比如接下來(lái)講的：當(dāng)大量App內(nèi)容被分享到微博、微信上之后，如何從PC或手機(jī)上的網(wǎng)頁(yè)鏈接完美切換到App。

在我近一個(gè)多月的測(cè)試中，發(fā)現(xiàn)大部分的App都沒(méi)有做好從Web鏈接到App的過(guò)渡。比如我用手機(jī)在微博中點(diǎn)開(kāi)一個(gè)應(yīng)用官方帳號(hào)微博里面的一個(gè)鏈接，鏈接內(nèi)容是App內(nèi)的內(nèi)容（微博分享出來(lái)），然后你就會(huì)發(fā)現(xiàn)打開(kāi)時(shí)大部分情況是網(wǎng)頁(yè)版。雖然我手機(jī)里安裝了這款應(yīng)用，但卻仍然打開(kāi)的是網(wǎng)頁(yè)版，如果該App需要登錄的話(huà)，我在網(wǎng)頁(yè)版上甚至都無(wú)法進(jìn)行更多的操作。

當(dāng)然，也有個(gè)別App在鏈接到App跳轉(zhuǎn)的過(guò)程做得非常好。而在一般情況下，這種跳轉(zhuǎn)優(yōu)化根據(jù)設(shè)計(jì)的無(wú)縫度會(huì)有四種，總結(jié)如下（在此聲明，我所測(cè)試的所有App都是我個(gè)人比較喜歡的，所以不存在詆毀哪款產(chǎn)品問(wèn)題）：

第一種：鏈接是為PC設(shè)計(jì)的，根本沒(méi)有針對(duì)移動(dòng)設(shè)備進(jìn)行過(guò)優(yōu)化，打開(kāi)鏈接你必須通過(guò)縮放才能看到網(wǎng)頁(yè)上的內(nèi)容。這類(lèi)App有很多，比如大眾點(diǎn)評(píng)、果殼、果庫(kù)、抬杠等。

第二種：鏈接為移動(dòng)設(shè)備優(yōu)化過(guò)，但從網(wǎng)頁(yè)端轉(zhuǎn)到移動(dòng)端仍然有斷層。比如美樂(lè)時(shí)光官方微信會(huì)推薦一些歌單，我用瀏覽器打開(kāi)后便可以直接播放，移動(dòng)體驗(yàn)非常棒，但即便登錄之后也不能對(duì)播放的歌曲進(jìn)行收藏。如果我想收藏某些歌曲，必須用電腦打開(kāi)網(wǎng)站，搜到歌曲，然后收藏后才會(huì)同步到美樂(lè)時(shí)光App上，非常的麻煩。另外這類(lèi)App還有：想去、美團(tuán)等。

這里面還有一種情況，就是媒體類(lèi)應(yīng)用。由于媒體本身產(chǎn)生的內(nèi)容只是一篇篇文章，所以很容易為移動(dòng)設(shè)備優(yōu)化。但這又分兩類(lèi)，一類(lèi)本身網(wǎng)頁(yè)在移動(dòng)設(shè)備上的體驗(yàn)非常好，同時(shí)也有客戶(hù)端，但兩者是有斷層的。第二類(lèi)是對(duì)移動(dòng)端進(jìn)行了優(yōu)化，但由于沒(méi)有客戶(hù)端，反而不會(huì)出現(xiàn)上體驗(yàn)斷層的問(wèn)題。

第三種：產(chǎn)品本身就是為移動(dòng)而生的，即便是網(wǎng)頁(yè)版，也像移動(dòng)端一樣簡(jiǎn)潔。這種鏈接打開(kāi)沒(méi)任何壓力，即便登錄，也是非常方便的。你可以直接用網(wǎng)頁(yè)版進(jìn)行各種操作，然后打開(kāi)App就能同步了。這種情況已經(jīng)算是非常好的了，但它仍然無(wú)法解決網(wǎng)頁(yè)鏈接和App之間的鴻溝問(wèn)題，我不能直接通過(guò)網(wǎng)頁(yè)鏈接打開(kāi)App。這類(lèi)產(chǎn)品比較少，比如早期的果庫(kù)（無(wú)網(wǎng)頁(yè)版）、國(guó)外的Fancy等。

第四種：點(diǎn)擊鏈接可以直接打開(kāi)App，如果是在桌面端則直接在瀏覽器中顯示內(nèi)容。在我測(cè)試的十幾款A(yù)pp中，我只發(fā)現(xiàn)了兩款在網(wǎng)頁(yè)鏈接向App跳轉(zhuǎn)上做得非常好，那就是啪啪（Papa）和Instagram。我在刷微博看見(jiàn)好友分享了一條啪啪時(shí)，點(diǎn)擊鏈接，我的啪啪就會(huì)自動(dòng)打開(kāi)，然后顯示好友分享的內(nèi)容。而Instagram做法有些不同，它第一次打開(kāi)的是優(yōu)化過(guò)的網(wǎng)頁(yè)，然后Logo旁有一個(gè)“Open in app”的按鈕，點(diǎn)擊之后可以直接打開(kāi)App。這樣就非常方便，如果我沒(méi)有安裝app，那么它會(huì)直接在手機(jī)瀏覽器里打開(kāi)，如果我用的是電腦，那它也會(huì)直接在桌面瀏覽器中打開(kāi)。

對(duì)于Web鏈接向App跳轉(zhuǎn)的問(wèn)題，可能很多人都會(huì)說(shuō)這只是一個(gè)小細(xì)節(jié)，沒(méi)必要過(guò)度深究。但隨著我們使用手機(jī)App越來(lái)越頻繁，這個(gè)小問(wèn)題會(huì)困擾越來(lái)越多的人。而且從第四種解決方案可以看出，很多App沒(méi)這樣做并不是因?yàn)樘O(píng)果的沙盒保護(hù)機(jī)制，只是開(kāi)發(fā)者在考慮用戶(hù)體驗(yàn)的時(shí)候，沒(méi)有把這部分真正的考慮進(jìn)來(lái)。