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

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來源：優(yōu)設(shè)網(wǎng)

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

【譯者注】本文是設(shè)計(jì)師Golden Krishna新書《The Best Interface is No Interface》中的部分節(jié)選，探討了“屏幕外的用戶體驗(yàn)”相關(guān)內(nèi)容。清楚記得2013年UXPA上，Josh Clark的演講《Design out of the Screen》也是類似主題，移動(dòng)設(shè)計(jì)并非只與線框圖、布局、切圖、設(shè)備適配等內(nèi)容相關(guān)，借助設(shè)備的傳感器進(jìn)行屏幕外的設(shè)計(jì)更加重要，精彩的觀點(diǎn)和無數(shù)生動(dòng)案例讓我印象頗深。如今的移動(dòng)用戶體驗(yàn)設(shè)計(jì)師們，包括我自己，癡迷在數(shù)字信息框架、界面設(shè)計(jì)模式及豐富流暢的動(dòng)效之中，這篇文章的及時(shí)出現(xiàn)，為定義移動(dòng)用戶體驗(yàn)點(diǎn)亮了新方向。作為用戶體驗(yàn)的締造者，設(shè)計(jì)師應(yīng)該避免局限于屏幕中埋頭創(chuàng)作數(shù)字輸出物，而是從對用戶痛點(diǎn)的切實(shí)理解出發(fā)，結(jié)合工業(yè)設(shè)計(jì)、產(chǎn)品設(shè)計(jì)與界面設(shè)計(jì)等設(shè)計(jì)方法的優(yōu)缺點(diǎn)，充分利用現(xiàn)有技術(shù)的革新，跳出固有思維框架，才能更好的打造用戶真正喜愛的體驗(yàn)。讓我們隨正文開始逐步學(xué)習(xí)Golden Krishna的觀點(diǎn)跟思路吧。

設(shè)想在不考慮觸控系統(tǒng)且不涉及屏幕的前提下，利用典型流程，設(shè)計(jì)一些不必從兜里掏出手機(jī)就能發(fā)揮作用的移動(dòng)應(yīng)用會(huì)是怎樣的情形呢？

“Charles意識到自己的生命中充斥著各種移動(dòng)應(yīng)用，他厭倦了打開它們做著平淡無奇的事情。如果能跟朋友面對面的暢談，而不是做低頭族玩著各自的手機(jī)，那肯定很棒。他希望借助的技術(shù)幫助自己擺脫移動(dòng)設(shè)備的束縛，也想知道如今強(qiáng)大的手機(jī)能力是否可以讓生活更輕松，而不是疲于應(yīng)付屏幕上的各種應(yīng)用。”

多么熟悉而美妙的開場。正如定性和定量研究、歷史典故與主題采訪，它能幫助體驗(yàn)設(shè)計(jì)師們挖掘一組既定目標(biāo)客戶的獨(dú)特問題。然后，以屏幕上的一張草圖作為完成以下目標(biāo)的常規(guī)出發(fā)點(diǎn)：

1、設(shè)計(jì)盡可能優(yōu)雅的方案； 2、打造的數(shù)字產(chǎn)品； 3、定期有效。

圖1.移動(dòng)應(yīng)用設(shè)計(jì)師的典型思路

這絕非易事。大多設(shè)計(jì)師往往拘泥于屏幕進(jìn)行各種折騰，而忽略了對用戶典型路徑的思考。

受限于像素的困擾

從屏幕畫布中創(chuàng)造別具風(fēng)格的優(yōu)秀體驗(yàn)不難，但給出基于屏幕的方案面臨著先天的挑戰(zhàn)。從口袋或錢包里掏出手機(jī)，解鎖屏幕，找到并啟動(dòng)應(yīng)用，輸入賬戶，打開菜單，尋找目標(biāo)，以及應(yīng)付移動(dòng)操作系統(tǒng)中的其它設(shè)置…這樣無法被稱為一個(gè)優(yōu)雅的體驗(yàn)吧。

使用漢堡菜單、無襯線體視覺風(fēng)、視差滾動(dòng)、順應(yīng)流行設(shè)計(jì)趨勢、添加極盡絢麗的動(dòng)效，盡管很多應(yīng)用被包裝的很現(xiàn)代，但除了依葫蘆畫瓢之外，缺乏讓人為之振奮的地方，還是沒有脫穎而出的體驗(yàn)。

圖2.使用性感圓角矩形組成的漢堡菜單，包含了你需要的所有內(nèi)容

這些應(yīng)用大多帶來了無休止的消息推送和震動(dòng)提示，令人懊惱。KPCB調(diào)查發(fā)現(xiàn)，人們平均每天要檢查手機(jī)150次左右。在《時(shí)代》雜志發(fā)起的一項(xiàng)投票中，四分之一的用戶每30分鐘查看一次手機(jī)，五分之一的用戶每10分鐘查看一次。更何況“幻想震動(dòng)癥候群&鈴聲幻聽（在手機(jī)并未有消息和震動(dòng)時(shí)誤認(rèn)為有）”已經(jīng)影響超過90%的大學(xué)生。

另一種觀點(diǎn)

考慮另外一種限制：手機(jī)揣兜里時(shí)。

上圖意味著以不掏出手機(jī)為目標(biāo)的截然不同解決方案。讓應(yīng)用在兜里工作的方式是重圖形界面時(shí)代后期相對比較容易實(shí)現(xiàn)的。這是被棄用的Moves應(yīng)用圖標(biāo)，但卻通過擬物化的方式揭示了下一代移動(dòng)應(yīng)用的方向：在兜里就可以完美工作。

想象不需要消息推送和震動(dòng)提示的應(yīng)用，其主體體驗(yàn)已不局限在基于屏幕的數(shù)字界面了。在用戶最看重的朋友、家庭和時(shí)間等美好事物面前，它能夠悄悄的取悅并服務(wù)用戶。它利用用戶口袋里強(qiáng)大的計(jì)算優(yōu)勢，而不是三十年以來基于“窗口、圖標(biāo)、菜單和光標(biāo)”的圖形用戶界面，允許手機(jī)內(nèi)置的傳感器和無線電技術(shù)幫助我們實(shí)現(xiàn)目標(biāo)。

一旦掌握了這種獨(dú)特的思路，未來擁有了更多的可能。

一家從事無鑰匙啟動(dòng)技術(shù)名的公司叫Lockitron，它擁有一個(gè)從既定舊思維轉(zhuǎn)型成功的團(tuán)隊(duì)。華爾街日報(bào)曾報(bào)道說，英國保險(xiǎn)公司的調(diào)查發(fā)現(xiàn)，英國成年人平均每天有9次找不著物品，其中最令人沮喪的就是找不到公寓大門鑰匙。Lockitron正是瞄準(zhǔn)解決此類問題，他們宣稱可以做到“使用手機(jī)打開房門”。

聽起來令人銷魂，然而卻需要更換特殊的插銷。初始的解決方案局限在手機(jī)屏幕上，要求用戶每天進(jìn)行繁瑣的操作，基于屏幕的思路并不比傳統(tǒng)的門鎖搭配鑰匙方便。用戶需要按以下步驟完成目標(biāo)：

1. 走到公寓門前；
2. 拿出智能手機(jī)；
3. 點(diǎn)擊電源喚醒手機(jī)；
4. 滑動(dòng)解鎖；
5. 輸入密碼；
6. 退出上次使用的應(yīng)用；
7. 退出上次打開的應(yīng)用文件夾；
8. 在幾個(gè)屏幕的應(yīng)用堆中挑選目標(biāo)應(yīng)用；
9. 點(diǎn)擊啟動(dòng)應(yīng)用；
10. 等待應(yīng)用加載；
11. 點(diǎn)擊應(yīng)用里的“開門”按鈕；
12. 打開公寓大門。

一年之后，Lockitron團(tuán)隊(duì)將整個(gè)方案以全新的體驗(yàn)方式進(jìn)行了重設(shè)計(jì)。

首要的變化就是他們?nèi)サ袅硕ㄖ频牟邃N，而是在客戶已有的門鎖上添加一個(gè)鎖套。

更讓人欽佩的是，他們考慮了客戶屏幕之外的所處環(huán)境，并不需要用戶掏出手機(jī)。該應(yīng)用依然需要在智能手機(jī)上下載和安裝，不過一旦設(shè)置完畢，就不必再次掏出手機(jī)使用了。

借助藍(lán)牙技術(shù)，第二代Lockitron應(yīng)用幫助手機(jī)直接與插銷進(jìn)行感應(yīng)，無需外部數(shù)字交互過程。所以當(dāng)客戶站在公寓門前時(shí)，Lockitron很方便的將他們領(lǐng)入家中，而不再像之前那樣，需要進(jìn)行無數(shù)不夠順暢的點(diǎn)擊操作。他們的應(yīng)用通過簡化開鎖流程更好的滿足了客戶的需求，如下所示：

1. 走到公寓門前；
2. 打開公寓大門。

結(jié)果第二代的Lockitron在眾籌網(wǎng)站Kickstarter上，從潛在客戶中募集到了220萬美元，對一家門鎖公司來說太贊了，不是嗎？

后續(xù)方向

考慮屏幕外的設(shè)計(jì)并非適合任何問題，但是一旦找到機(jī)會(huì)，它就能以無法預(yù)見的方式愉悅用戶。在設(shè)計(jì)你的下一款應(yīng)用時(shí)考慮一下4條tip吧，它們的原則都是“基于典型流程而非屏幕”：

1. 從理解用戶的典型流程開始。 在用戶可能進(jìn)行任務(wù)或遭遇問題的真實(shí)環(huán)境下觀察他們的行為，這能幫助我們基于典型用戶流程設(shè)計(jì)系統(tǒng)，以真實(shí)世界的設(shè)定作為設(shè)計(jì)限制（而不是虛擬像素空間）。

2. 尋找我們可以解決問題的觸發(fā)器。 正如站在公寓門前就可以開鎖的案例，通過了解用戶典型流程，我們或許能發(fā)現(xiàn)一些更簡單的方案來解決問題。在提供更復(fù)雜的解決方案時(shí)，需要對觸發(fā)器進(jìn)行組合，才能確保系統(tǒng)執(zhí)行必要的動(dòng)作。比方說，只有對用戶所處情境的當(dāng)前時(shí)間、星期幾、位置及手機(jī)是否激活等信息進(jìn)行合理識別，手機(jī)或許才可以大膽的認(rèn)為用戶正在休息，并自動(dòng)設(shè)置在此之后8小時(shí)的鬧鈴。

3. 設(shè)計(jì)前更多的熟悉智能手機(jī)技術(shù)，而不只是屏幕像素與尺寸。 智能手機(jī)技術(shù)發(fā)展迅速，作為設(shè)計(jì)師，我們必須了解手機(jī)端的傳感器技術(shù)，無線電和其它機(jī)器輸入手段。大家可以參考這份文檔。

4. 適應(yīng)物理體驗(yàn)的可用性模式。 Apple，Google和Microsoft等公司都在普及低耗能數(shù)字模式，例如自動(dòng)移門、自動(dòng)扶梯和電梯，它們均以取自真實(shí)物理世界的可及性見長，在缺少數(shù)字界面的情況下幫助人們很自然的學(xué)會(huì)使用。開始留意并收集優(yōu)秀工業(yè)設(shè)計(jì)的精彩案例吧。

學(xué)習(xí)另辟蹊徑的思維方式、異類方法，以及了解如何設(shè)計(jì)科技方案的新思路，可以閱讀我的《The Best Interface is No Interface》。