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

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

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

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

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

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

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

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

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

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

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

受限于像素的困擾

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

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

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

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

另一種觀點

考慮另外一種限制：手機揣兜里時。

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

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

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

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

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

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

一年之后，Lockitron團隊將整個方案以全新的體驗方式進行了重設(shè)計。

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

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

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

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

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

后續(xù)方向

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

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

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

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

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

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