2015-3-26 周周
藍(lán)藍(lán)設(shè)計( www.miumiuwan.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、定期有效。
這絕非易事。大多設(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://www.miumiuwan.com