pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

超詳的GOOGLE GLASS界面設計指南

 超詳的GOOGLE GLASS界面設計指南 三聯

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

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 穿线管|波纹穿线管|包塑金属软管|蛇皮管?闵彬专注弱电工程? | 板框压滤机-隔膜压滤机-厢式压滤机生产厂家-禹州市君工机械设备有限公司 | 高压微雾加湿器_工业加湿器_温室喷雾-昌润空气净化设备 | 泥沙分离_泥沙分离设备_泥砂分离机_洛阳隆中重工机械有限公司 | 运动木地板厂家,篮球场木地板品牌,体育场馆木地板安装 - 欧氏运动地板 | 报警器_家用防盗报警器_烟雾报警器_燃气报警器_防盗报警系统厂家-深圳市刻锐智能科技有限公司 | 餐饮小吃技术培训-火锅串串香培训「何小胖培训」_成都点石成金[官网] | 正压送风机-多叶送风口-板式排烟口-德州志诺通风设备 | 环氧树脂地坪_防静电地坪漆_环氧地坪漆涂料厂家-地壹涂料地坪漆 环球电气之家-中国专业电气电子产品行业服务网站! | 重庆波纹管|重庆钢带管|重庆塑钢管|重庆联进管道有限公司 | 千淘酒店差旅平台-中国第一家针对TMC行业的酒店资源供应平台 | 东莞喷砂机-喷砂机-喷砂机配件-喷砂器材-喷砂加工-东莞市协帆喷砂机械设备有限公司 | 塑料检查井_双扣聚氯乙烯增强管_双壁波纹管-河南中盈塑料制品有限公司 | 北京易通慧公司从事北京网站优化,北京网络推广、网站建设一站式服务商-北京网站优化公司 | 台式核磁共振仪,玻璃软化点测定仪,旋转高温粘度计,测温锥和测温块-上海麟文仪器 | 包头市鑫枫装饰有限公司| lcd条形屏-液晶长条屏-户外广告屏-条形智能显示屏-深圳市条形智能电子有限公司 | 商标转让-商标注册-商标查询-软著专利服务平台 - 赣江万网 | 反渗透水处理设备|工业零排放|水厂设备|软化水设备|海南净水设备--海南水处理设备厂家 | 防火窗_耐火窗_防火门厂家_防火卷帘门-重庆三乐门业有限公司 | 聚氨酯保温钢管_聚氨酯直埋保温管道_聚氨酯发泡保温管厂家-沧州万荣防腐保温管道有限公司 | 电子海图系统-电梯检验系统-智慧供热系统开发-商品房预售资金监管系统 | 华禹护栏|锌钢护栏_阳台护栏_护栏厂家-华禹专注阳台护栏、楼梯栏杆、百叶窗、空调架、基坑护栏、道路护栏等锌钢护栏产品的生产销售。 | 聚氨酯催化剂K15,延迟催化剂SA-1,叔胺延迟催化剂,DBU,二甲基哌嗪,催化剂TMR-2,-聚氨酯催化剂生产厂家 | 海尔生物医疗四川代理商,海尔低温冰箱四川销售-成都壹科医疗器械有限公司 | 齿轮减速马达一体式_蜗轮蜗杆减速机配电机-德国BOSERL齿轮减速电动机生产厂家 | 微学堂-电动能源汽车评测_电动车性能分享网 | 定量包装机,颗粒定量包装机,粉剂定量包装机,背封颗粒包装机,定量灌装机-上海铸衡电子科技有限公司 | 玉米深加工机械,玉米加工设备,玉米加工机械等玉米深加工设备制造商-河南成立粮油机械有限公司 | 线粒体膜电位荧光探针-细胞膜-标记二抗-上海复申生物科技有限公司 | 金环宇|金环宇电线|金环宇电缆|金环宇电线电缆|深圳市金环宇电线电缆有限公司|金环宇电缆集团 | 废水处理-废气处理-工业废水处理-工业废气处理工程-深圳丰绿环保废气处理公司 | 上海赞永| 民用音响-拉杆音响-家用音响-ktv专用音响-万昌科技 | 防水套管|柔性防水套管|伸缩器|伸缩接头|传力接头-河南伟创管道 防水套管_柔性防水套管_刚性防水套管-巩义市润达管道设备制造有限公司 | 北京模型公司-军事模型-工业模型制作-北京百艺模型沙盘公司 | DWS物流设备_扫码称重量方一体机_快递包裹分拣机_广东高臻智能装备有限公司 | B2B网站_B2B免费发布信息网站_B2B企业贸易平台 - 企资网 | 广州展览设计公司_展台设计搭建_展位设计装修公司-众派展览装饰 广州展览制作工厂—[优简]直营展台制作工厂_展会搭建资质齐全 | 熔体泵_熔体出料泵_高温熔体泵-郑州海科熔体泵有限公司 | 浩方智通 - 防关联浏览器 - 跨境电商浏览器 - 云雀浏览器 |