亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 平面設計 > 正文

GOOGLE CLASS界面設計指南全面介紹(圖文)

2024-09-03 19:29:18
字體:
來源:轉載
供稿:網友
 

編者按:這篇文章絕對值得收藏!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上顯示的信息以人像優先,讓用戶以平時說話的方式回復,說話結束后會自動發送。

三、設計模式

使用通用的UX設計模式,讓用戶在所有的Glass應用中獲得一致的體驗。

在本章,通過一些體驗良好的Glass設計模式的案例,你將了解到如何用基本構件來構建這些模式。

3.1 設計模式構件

利用主要UI元素和調用方法,你可以在Glass上構建各種運作良好的使用模式。 你還可以根據需要,將多個模式有機整合在你的Glass應用上。

UI元素

1. 靜態卡片:顯示文本、HTML、圖像和視頻。靜態卡片可以調用動態卡片或者沉浸模式。
2. 動態卡片:顯示當前重要信息的卡片,通常會高頻更新。
3. 沉浸模式:顯示暫時替代時間軸體驗的Android activities

調用方法

1. "OK glass"語音或觸控指令
2. 時間軸卡片中的語音或觸控指令

3.1.1 語音調用模式

用戶與Glass的交互中,語音指令扮演著重要的角色,它能釋放用戶的雙手,讓用戶快速、自然地處理事情。語音指令與用戶交流的方式,是Glass應用體驗中的一個主要部分。

在OK Glass 菜單中,我們基于一套標準精心挑選了語音指令。你可以查看voice command checklist,里邊詳細描述了什么樣才是好的語音指令。通常來說,在 Glass中語音指令會采用以下指導原則:

專注于動作,而非機器指令

語音指令應該基于用戶想要做什么而不是Glass應用正在實現的行為。

例如"ok glass,快拍下來"的指令要優于"ok glass,開啟相機"。專注于行動對于用戶交互是一種更自然的方式,主要的語音指令都要遵循這條準則。

縮短從目的到行動的時間

語音指令應該是盡可能快的實施指令。

例如,"ok glass,聽Led Zeppelin的歌"指令一下達就應該開始播放音樂,而不是在播放之前強迫用戶去選擇任何選項。

口語化,容易說

語音指令是自然的聲音、與通常的指令非常不同、至少是兩個詞,這些特質讓我們調整語音識別來適應各種各樣的指令。

足夠通用,能適用于多個Glass應用

為避免ok glass指令沖突,必要時語音指令應該可以用于多個Glass應用。在這 些情況下,Glass會自動彈出能夠完成指令的應用列表。

例如,"ok glass, play a game, spellista"的指令要優于 "ok glass, play spellista"。

3.2 設計模式

3.2.1 周期性通知

周期性通知指的是,不需調用模型而將靜態卡片插入時間軸。你的服務將根據用戶定義的設置來發送通知,比如說,每小時發送熱點新聞,或是一來郵件就通知。

這一模式調用Mirror API網絡服務或Glass上的Android后臺服務來將通知推送到時間軸中。

3.2.2 持續性任務

持續性任務指的是長時間運行的動態卡片,并且用戶可能頻繁切換進出這些卡片。

比如說,秒表應用(Stopwatch)通過語音指令"ok glass"來啟動計時。

用戶可以在秒表應用中停留一段時間,然后通過時間軸切換到其他卡片,再返回到秒表應用。當顯示屏從休眠狀態被喚起時,秒表應用會是默認展現的卡片(前提:只要當顯示器進入休眠時,秒表處于聚焦狀態)。用戶能通過點擊菜單項中的"停止"來停止計時。

注意:所有動態卡片都必須有"停止"或類似功能來移除卡片。

上一頁12 下一頁 閱讀全文
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美午夜精品久久久久久浪潮| 91国内免费在线视频| 国产aⅴ夜夜欢一区二区三区| 日韩在线精品一区| 一区二区在线免费视频| 国产精品白嫩美女在线观看| 色悠悠久久88| 午夜精品美女自拍福到在线| 欧美日韩中文字幕| 7m精品福利视频导航| 色诱女教师一区二区三区| 欧美成人中文字幕在线| 亚洲午夜色婷婷在线| 国模极品一区二区三区| 国内精品视频在线| 日韩av手机在线观看| 亚洲аv电影天堂网| 亚洲专区中文字幕| 久久久久国产视频| 国产aⅴ夜夜欢一区二区三区| 国产成人综合精品在线| 91av在线网站| 亚洲最大的网站| 国产成人欧美在线观看| 91精品国产91久久久久| 久久久久国产精品一区| 久久久久免费精品国产| 国产欧美日韩丝袜精品一区| 国产视频福利一区| 久久久亚洲福利精品午夜| 久久国产精品久久久久| 国产精品欧美亚洲777777| 在线不卡国产精品| 日日狠狠久久偷偷四色综合免费| 日韩精品视频三区| 亚洲高清久久网| 中文字幕在线国产精品| 亚洲午夜未删减在线观看| 亚洲午夜久久久影院| 亚洲欧美制服综合另类| 久久久国产精品一区| 日韩欧美中文字幕在线播放| 亚洲日韩中文字幕| 国产精品色午夜在线观看| 久久91亚洲精品中文字幕| 久久高清视频免费| 精品亚洲一区二区三区在线观看| 久久久久国产精品一区| 97久久超碰福利国产精品…| 国产丝袜一区视频在线观看| 亚洲精品第一国产综合精品| 91精品在线影院| 欧美日韩国产91| 欧美成人免费va影院高清| 国产成人在线一区| 成人性生交大片免费观看嘿嘿视频| 日韩在线欧美在线国产在线| 在线播放国产一区二区三区| 国产精品香蕉在线观看| 成人免费在线视频网址| 日韩av在线影院| 成人免费观看49www在线观看| 国内精品久久久久久久久| 高清欧美电影在线| 欧美性猛交xxxxx免费看| 国产91色在线| 日韩精品欧美国产精品忘忧草| 欧美香蕉大胸在线视频观看| 久久精品亚洲一区| 欧美大学生性色视频| 久久好看免费视频| 日韩亚洲精品视频| 懂色av影视一区二区三区| 欧美日韩中文字幕| 亚洲va电影大全| 国语自产精品视频在线看一大j8| 久久婷婷国产麻豆91天堂| 国产精品都在这里| 精品视频久久久久久久| 日韩中文在线不卡| yw.139尤物在线精品视频| 欧美专区在线观看| 国产在线观看一区二区三区| 精品视频在线观看日韩| 久久久久久久97| 国产成人亚洲综合| 亚洲国产精品国自产拍av秋霞| 久久97久久97精品免视看| 亚洲国产精彩中文乱码av在线播放| 91av福利视频| 国产精品美女www| 国产91成人在在线播放| 亚洲欧美一区二区三区四区| 欧美视频不卡中文| 色狠狠久久aa北条麻妃| 午夜精品一区二区三区在线视频| 91久久久久久国产精品| 久久久噜噜噜久久中文字免| 精品国产乱码久久久久酒店| 欧美大片欧美激情性色a∨久久| 欧美大全免费观看电视剧大泉洋| 日韩在线视频网站| 久久久久久国产三级电影| 国产视频福利一区| 亚洲人成啪啪网站| 国产深夜精品福利| 欧美在线性爱视频| 日韩最新免费不卡| 日韩精品有码在线观看| 亚洲福利视频专区| 国产99久久精品一区二区| 日韩成人中文字幕| 国产日韩精品在线观看| 成人午夜两性视频| 亚洲精品成人久久电影| 亚洲久久久久久久久久| 亚洲精品www久久久| 欧美精品中文字幕一区| 78色国产精品| 久久成年人免费电影| 成人免费淫片aa视频免费| 亚洲成人av中文字幕| 亚洲高清久久久久久| 91精品免费久久久久久久久| 久热99视频在线观看| 国产精品极品尤物在线观看| 国产精品美女视频网站| 性欧美xxxx交| 欧美视频中文在线看| 91香蕉嫩草神马影院在线观看| 亚洲精品久久久久中文字幕二区| 欧美一区二区三区图| 欧美日韩aaaa| 91情侣偷在线精品国产| 国产精品久久97| 亚洲成人久久久| 亚洲电影免费观看高清完整版在线| 精品国产999| 欧美日韩国产中文字幕| 国产精品老女人视频| 国产在线视频一区| 国产91久久婷婷一区二区| 日韩中文字幕在线视频| 国产精品第二页| 国产成人一区二区三区电影| www.欧美精品| 中文字幕日韩精品有码视频| 91青草视频久久| 日韩电影在线观看中文字幕| 国产小视频国产精品| 亚洲免费av片| 久久成人精品电影| 一区二区三区黄色| 亚洲mm色国产网站| 一区二区在线视频| 亚洲精品影视在线观看| 美女扒开尿口让男人操亚洲视频网站| 亚洲国产成人久久综合| 日韩av在线精品| 国产成人jvid在线播放| 国产又爽又黄的激情精品视频| 日韩高清欧美高清| 日韩黄色在线免费观看| 91中文在线视频|