2015-3-26 周周
藍(lán)藍(lán)設(shè)計( m.88yangsc.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
每一個扁平化界面設(shè)計，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計
如果您想訂閱本博客內(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è)備的傳感器進(jìn)行屏幕外的設(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ù)的革新，跳出固有思維框架，才能更好的打造用戶真正喜愛的體驗。讓我們隨正文開始逐步學(xué)習(xí)Golden Krishna的觀點跟思路吧。
設(shè)想在不考慮觸控系統(tǒng)且不涉及屏幕的前提下，利用典型流程，設(shè)計一些不必從兜里掏出手機(jī)就能發(fā)揮作用的移動應(yīng)用會是怎樣的情形呢？
“Charles意識到自己的生命中充斥著各種移動應(yīng)用，他厭倦了打開它們做著平淡無奇的事情。如果能跟朋友面對面的暢談，而不是做低頭族玩著各自的手機(jī)，那肯定很棒。他希望借助的技術(shù)幫助自己擺脫移動設(shè)備的束縛，也想知道如今強(qiáng)大的手機(jī)能力是否可以讓生活更輕松，而不是疲于應(yīng)付屏幕上的各種應(yīng)用。”
多么熟悉而美妙的開場。正如定性和定量研究、歷史典故與主題采訪，它能幫助體驗設(shè)計師們挖掘一組既定目標(biāo)客戶的獨(dú)特問題。然后，以屏幕上的一張草圖作為完成以下目標(biāo)的常規(guī)出發(fā)點：
1、設(shè)計盡可能優(yōu)雅的方案； 2、打造的數(shù)字產(chǎn)品； 3、定期有效。
圖1.移動應(yīng)用設(shè)計師的典型思路
這絕非易事。大多設(shè)計師往往拘泥于屏幕進(jìn)行各種折騰，而忽略了對用戶典型路徑的思考。
受限于像素的困擾
從屏幕畫布中創(chuàng)造別具風(fēng)格的優(yōu)秀體驗不難，但給出基于屏幕的方案面臨著先天的挑戰(zhàn)。從口袋或錢包里掏出手機(jī)，解鎖屏幕，找到并啟動應(yīng)用，輸入賬戶，打開菜單，尋找目標(biāo)，以及應(yīng)付移動操作系統(tǒng)中的其它設(shè)置…這樣無法被稱為一個優(yōu)雅的體驗吧。
使用漢堡菜單、無襯線體視覺風(fēng)、視差滾動、順應(yīng)流行設(shè)計趨勢、添加極盡絢麗的動效，盡管很多應(yīng)用被包裝的很現(xiàn)代，但除了依葫蘆畫瓢之外，缺乏讓人為之振奮的地方，還是沒有脫穎而出的體驗。
圖2.使用性感圓角矩形組成的漢堡菜單，包含了你需要的所有內(nèi)容
這些應(yīng)用大多帶來了無休止的消息推送和震動提示，令人懊惱。KPCB調(diào)查發(fā)現(xiàn)，人們平均每天要檢查手機(jī)150次左右。在《時代》雜志發(fā)起的一項投票中，四分之一的用戶每30分鐘查看一次手機(jī)，五分之一的用戶每10分鐘查看一次。更何況“幻想震動癥候群&鈴聲幻聽（在手機(jī)并未有消息和震動時誤認(rèn)為有）”已經(jīng)影響超過90%的大學(xué)生。
另一種觀點
考慮另外一種限制：手機(jī)揣兜里時。
上圖意味著以不掏出手機(jī)為目標(biāo)的截然不同解決方案。讓應(yīng)用在兜里工作的方式是重圖形界面時代后期相對比較容易實現(xiàn)的。這是被棄用的Moves應(yīng)用圖標(biāo)，但卻通過擬物化的方式揭示了下一代移動應(yīng)用的方向：在兜里就可以完美工作。
想象不需要消息推送和震動提示的應(yīng)用，其主體體驗已不局限在基于屏幕的數(shù)字界面了。在用戶最看重的朋友、家庭和時間等美好事物面前，它能夠悄悄的取悅并服務(wù)用戶。它利用用戶口袋里強(qiáng)大的計算優(yōu)勢，而不是三十年以來基于“窗口、圖標(biāo)、菜單和光標(biāo)”的圖形用戶界面，允許手機(jī)內(nèi)置的傳感器和無線電技術(shù)幫助我們實現(xiàn)目標(biāo)。
一旦掌握了這種獨(dú)特的思路，未來擁有了更多的可能。
一家從事無鑰匙啟動技術(shù)名的公司叫Lockitron，它擁有一個從既定舊思維轉(zhuǎn)型成功的團(tuán)隊。華爾街日報曾報道說，英國保險公司的調(diào)查發(fā)現(xiàn)，英國成年人平均每天有9次找不著物品，其中最令人沮喪的就是找不到公寓大門鑰匙。Lockitron正是瞄準(zhǔn)解決此類問題，他們宣稱可以做到“使用手機(jī)打開房門”。
聽起來令人銷魂，然而卻需要更換特殊的插銷。初始的解決方案局限在手機(jī)屏幕上，要求用戶每天進(jìn)行繁瑣的操作，基于屏幕的思路并不比傳統(tǒng)的門鎖搭配鑰匙方便。用戶需要按以下步驟完成目標(biāo)：
一年之后，Lockitron團(tuán)隊將整個方案以全新的體驗方式進(jìn)行了重設(shè)計。
首要的變化就是他們?nèi)サ袅硕ㄖ频牟邃N，而是在客戶已有的門鎖上添加一個鎖套。
更讓人欽佩的是，他們考慮了客戶屏幕之外的所處環(huán)境，并不需要用戶掏出手機(jī)。該應(yīng)用依然需要在智能手機(jī)上下載和安裝，不過一旦設(shè)置完畢，就不必再次掏出手機(jī)使用了。
借助藍(lán)牙技術(shù)，第二代Lockitron應(yīng)用幫助手機(jī)直接與插銷進(jìn)行感應(yīng)，無需外部數(shù)字交互過程。所以當(dāng)客戶站在公寓門前時，Lockitron很方便的將他們領(lǐng)入家中，而不再像之前那樣，需要進(jìn)行無數(shù)不夠順暢的點擊操作。他們的應(yīng)用通過簡化開鎖流程更好的滿足了客戶的需求，如下所示：
結(jié)果第二代的Lockitron在眾籌網(wǎng)站Kickstarter上，從潛在客戶中募集到了220萬美元，對一家門鎖公司來說太贊了，不是嗎？
后續(xù)方向
考慮屏幕外的設(shè)計并非適合任何問題，但是一旦找到機(jī)會，它就能以無法預(yù)見的方式愉悅用戶。在設(shè)計你的下一款應(yīng)用時考慮一下4條tip吧，它們的原則都是“基于典型流程而非屏幕”：
從理解用戶的典型流程開始。 在用戶可能進(jìn)行任務(wù)或遭遇問題的真實環(huán)境下觀察他們的行為，這能幫助我們基于典型用戶流程設(shè)計系統(tǒng)，以真實世界的設(shè)定作為設(shè)計限制（而不是虛擬像素空間）。
尋找我們可以解決問題的觸發(fā)器。 正如站在公寓門前就可以開鎖的案例，通過了解用戶典型流程，我們或許能發(fā)現(xiàn)一些更簡單的方案來解決問題。在提供更復(fù)雜的解決方案時，需要對觸發(fā)器進(jìn)行組合，才能確保系統(tǒng)執(zhí)行必要的動作。比方說，只有對用戶所處情境的當(dāng)前時間、星期幾、位置及手機(jī)是否激活等信息進(jìn)行合理識別，手機(jī)或許才可以大膽的認(rèn)為用戶正在休息，并自動設(shè)置在此之后8小時的鬧鈴。
設(shè)計前更多的熟悉智能手機(jī)技術(shù)，而不只是屏幕像素與尺寸。 智能手機(jī)技術(shù)發(fā)展迅速，作為設(shè)計師，我們必須了解手機(jī)端的傳感器技術(shù)，無線電和其它機(jī)器輸入手段。大家可以參考這份文檔。
適應(yīng)物理體驗的可用性模式。 Apple，Google和Microsoft等公司都在普及低耗能數(shù)字模式，例如自動移門、自動扶梯和電梯，它們均以取自真實物理世界的可及性見長，在缺少數(shù)字界面的情況下幫助人們很自然的學(xué)會使用。開始留意并收集優(yōu)秀工業(yè)設(shè)計的精彩案例吧。
學(xué)習(xí)另辟蹊徑的思維方式、異類方法，以及了解如何設(shè)計科技方案的新思路，可以閱讀我的《The Best Interface is No Interface》。
藍(lán)藍(lán)設(shè)計的小編 http://m.88yangsc.com