超詳的GOOGLE GLASS介面設計指南

來源:互聯網
上載者:User

 

  編者按:這篇文章絕對值得收藏,Google Glass介面設計指南由使用者介面、設計原則、設計模式和視覺風格4方面組成,說是一篇手把手的設計教程也不為過,特別是百度同學的專業翻譯,保證了文章品質的原汁原味。向未來看齊的設計師們感受一下吧!

  一、使用者介面

  本章將介紹Glass的主要UI組件、它們的使用情境,以及使用者如何與它們進行互動操作。

  1.1 時間軸概念是 Glass 使用者體驗的主體

  Google Glass的主要使用者介面是由解析度為640x360px的卡片組成的時間軸。它提供了諸多功能,如呈現動態和靜態卡片的標準模式,系統級語音指令以及Glass應用的通用啟動方式。

  使用者通過滾動時間軸切換不同地區顯示曆史、當前和未來的卡片。新近產生的卡片會在最接近首頁卡片的地方出現,而首頁卡片是使用者喚醒Glass時預設展現的第一介面。

  時間軸除用以管理卡片之外,還能處理使用者輸入,例如通過觸控區定位時間軸,以及通過語音啟動Glass應用等。大多數卡片有允許使用者進行操作的功能表項目,如,回複文字訊息或分享照片。

  1.2 時間軸按照地區進行組織

  時間軸中的卡片根據其臨時程度和類型出現在以下幾個地區:

  首頁區

  預設的首頁卡片是 Glass時鐘,處於時間軸的中間位置。使用者喚醒Glass的多數時候都展現該介面。

  它為使用者啟動其他的Glass應用提供了系統級的語音和觸控命令。Glass時鐘卡片為整個Glass系統提供了入口,因此它將一直處於時間軸的首頁位置 。

  曆史區

  Glass 時鐘的右側是曆史區,這裡僅顯示靜態卡片。因為動態卡片總被認為是當前進行中的,所以不會出現在這裡。

  靜態卡片在曆史區中自然“衰減”。當新卡片進入曆史區時,處在離時鐘最近的位置。越早的卡片使用者越少使用,因此會被Glass系統依次向右推,Glass 會將使用者7天內沒使用過的卡片,或者超出200張上限部分的卡片自動清除掉。

  當前和未來區

  Glass時鐘的左側是當前和未來的地區,這裡會展現靜態、動態兩種卡片。

  動態卡片展示和使用者當前時刻有關的資訊,並且此卡片一直處於此地區。如果焦點在動態卡片上時系統進入休眠,當Glass再次被喚醒時這張動態卡片將會作為預設卡片顯示。

  擁有未來時間戳記或被固定位置的靜態卡片也會顯示在當前和未來區。基於地理位置、狀態、或者其他類型使用者資訊的Google Now卡片就是一個被固定位置的例子。

  設定區

  時間軸最左側是Glass系統級設定,在這裡你能夠設定諸如音量和Wi-Fi網路等系統選項。

  1.3 動態卡片包含豐富、即時的內容

  動態卡片能夠通過頻繁更新自訂映像來給使用者展示即時資訊。這項功能非常適合那些需要基於使用者資料不斷更新的使用者介面。

  動態卡片還能夠訪問Glass的底層硬體感應器資料,比如加速計和GPS,這些都是靜態卡片所不能實現的新形式互動和功能。

  另外,動態卡片在時間軸內運行時,使用者能夠左右滑動查看其他卡片並與之進行互動。這允許使用者執行多任務且無縫地保持動態卡片在後台即時運行。

  1.4 靜態卡片顯示文字、映像和視頻內容

  靜態卡片是一組簡單的使用HTML、文本、映像和視頻來構建的資訊。它們不能即時重新整理,而是被用來展示快速通知。

  1.5 通過Glass應用(Glassware)將內容分享給連絡人

  靜態卡片有分享功能,允許使用者將當前卡片內容分享給其他人或Glass應用 (Glassware)。可將你的應用(Glassware)時間軸卡片設定成共用的,同時為你的Glass應用(Glassware)定義連絡人,這樣他就能夠接受你分享的時間軸條目。

  1.6 沉浸模式提供了一種完全自訂的體驗

  當需要完全把控使用者體驗時,你可以利用沉浸模式,它能夠在時間軸之外運行。 沉浸模式允許渲染你自己的介面並且處理所有的使用者輸入。沉浸模式非常適合於那些在時間軸的限制下無法正常工作的Glass應用(Glassware)。

  1.7 功能表項目允許使用者執行操作

  卡片和沉浸模式都能承載諸如分享、回複、移除等操作(不限於此)的功能表項目。

  二、原則

  Glass與現有的移動平台在設計與使用中有著根本的不同。開發Glass應用時遵循以下原則將為使用者帶來最佳的體驗。

  2.1 為Glass而設計

  在不同的使用情境下,使用者會使用不同的裝置來儲存和顯示資訊。Glass最適合簡單、即時、與情境緊密相關的資訊。

  不要嘗試把為智能手機、平板或者桌上電腦設計的獨特功能移植到Glass上,也不要嘗試用Glass代替它們。相反,要關注Glass以及你的服務與上述裝置如何互補,向使用者傳達獨一無二的體驗。

  2.2 不要妨礙使用者

  Glass被設計成這樣:需要時就出現,不需要時則消失。設計Glass應用也要採用同樣的理念——為使用者提供愉悅的功能補充使用者的生活,而不是讓他們脫離生活。

  Glass顯示屏恰好在自然視線的上方,使用者既可以感受世界,又能在需要的時候訪問Glass。Google搜尋會協助你在當前情景下找到特定資訊。

  2.3 與使用者情境緊密相關

  要在合適的時間和地點為使用者推送資訊。情境越相關使用者越感到神奇,從而增加使用者的使用時間長度和滿意度。

  當使用者到達喜歡的雜貨店時推送購物清單,是與使用者情境緊密相關的體驗,在Glass上運用的很好。

  2.4 避免“驚喜”

  由於非常貼近使用者感官,Glass上不符合使用者預期的功能或者不好的體驗會比在其他裝置上更加令使用者感到糟糕。

  別太頻繁也別不合時宜地發送內容給使用者。讓使用者明確地知道Glass應用的意圖,不要偽裝成不是你的東西。

  在使用者不想看到提示的時候發送通知是一種不好的體驗。 注意推送資訊的時間、頻率和地點。

  2.5 圍繞人來設計

  設計圖形化的、能夠利用語音和自然手勢互動的介面。專註於即用即拋的使用模式,讓使用者可以快速行動並繼續完成他們正在做的事情。

  Glass上顯示的資訊以人像優先,讓使用者以平時說話的方式回複,說話結束後會自動發送。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。