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(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 杭州实验室尾气处理_实验台_实验室家具_杭州秋叶实验设备有限公司 | 砂磨机_立式纳米砂磨机_实验室砂磨机-广州儒佳化工设备厂家 | 上海办公室装修,办公楼装修设计,办公空间设计,企业展厅设计_写艺装饰公司 | 空压机网_《压缩机》杂志| 深圳美安可自动化设备有限公司,喷码机,定制喷码机,二维码喷码机,深圳喷码机,纸箱喷码机,东莞喷码机 UV喷码机,日期喷码机,鸡蛋喷码机,管芯喷码机,管内壁喷码机,喷码机厂家 | 全自动变压器变比组别测试仪-手持式直流电阻测试仪-上海来扬电气 | 东莞办公家具厂家直销-美鑫【免费3D效果图】全国办公桌/会议桌定制 | 中视电广_短视频拍摄_短视频推广_短视频代运营_宣传片拍摄_影视广告制作_中视电广 | 对夹式止回阀_对夹式蝶形止回阀_对夹式软密封止回阀_超薄型止回阀_不锈钢底阀-温州上炬阀门科技有限公司 | 便民信息网_家电维修,家电清洗,开锁换锁,本地家政公司 | 活性炭厂家-蜂窝活性炭-粉状/柱状/果壳/椰壳活性炭-大千净化-活性炭 | 讲师宝经纪-专业培训机构师资供应商_培训机构找讲师、培训师、讲师经纪就上讲师宝经纪 | 多米诺-多米诺世界纪录团队-多米诺世界-多米诺团队培训-多米诺公关活动-多米诺创意广告-多米诺大型表演-多米诺专业赛事 | 尚为传动-专业高精密蜗轮蜗杆,双导程蜗轮蜗杆,蜗轮蜗杆减速机,蜗杆减速机生产厂家 | 滑石粉,滑石粉厂家,超细滑石粉-莱州圣凯滑石有限公司 | 江苏远邦专注皮带秤,高精度皮带秤,电子皮带秤研发生产 | 山东led显示屏,山东led全彩显示屏,山东LED小间距屏,临沂全彩电子屏-山东亚泰视讯传媒有限公司 | 耳模扫描仪-定制耳机设计软件-DLP打印机-asiga打印机-fitshape「飞特西普」 | 汽车润滑油厂家-机油/润滑油代理-高性能机油-领驰慧润滑科技(河北)有限公司 | 净水器代理,净水器招商,净水器加盟-FineSky德国法兹全屋净水 | 济南菜鸟驿站广告|青岛快递车车体|社区媒体-抖音|墙体广告-山东揽胜广告传媒有限公司 | 路面机械厂家| 阿米巴企业经营-阿米巴咨询管理-阿米巴企业培训-广东键锋企业管理咨询有限公司 | 江苏南京多语种翻译-专业翻译公司报价-正规商务翻译机构-南京华彦翻译服务有限公司 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 安徽合肥格力空调专卖店_格力中央空调_格力空调总经销公司代理-皖格制冷设备 | 冷水机,风冷冷水机,水冷冷水机,螺杆冷水机专业制造商-上海祝松机械有限公司 | 中细软知识产权_专业知识产权解决方案提供商 | 接地电阻测试仪[厂家直销]_电缆故障测试仪[精准定位]_耐压测试仪-武汉南电至诚电力设备 | 蓝莓施肥机,智能施肥机,自动施肥机,水肥一体化项目,水肥一体机厂家,小型施肥机,圣大节水,滴灌施工方案,山东圣大节水科技有限公司官网17864474793 | 涡轮流量计_LWGY智能气体液体电池供电计量表-金湖凯铭仪表有限公司 | 杭州月嫂技术培训服务公司-催乳师培训中心报名费用-产后康复师培训机构-杭州优贝姆健康管理有限公司 | 希望影视-高清影视vip热播电影电视剧免费在线抢先看 | 深圳激光打标机_激光打标机_激光焊接机_激光切割机_同体激光打标机-深圳市创想激光科技有限公司 深圳快餐店设计-餐饮设计公司-餐饮空间品牌全案设计-深圳市勤蜂装饰工程 | 磁力链接搜索神器_BT磁力狗_CILIMAO磁力猫_高效磁力搜索引擎2024 | 尼龙PA610树脂,尼龙PA612树脂,尼龙PA1010树脂,透明尼龙-谷骐科技【官网】 | WF2户外三防照明配电箱-BXD8050防爆防腐配电箱-浙江沃川防爆电气有限公司 | 泰国专线_泰国物流专线_广州到泰国物流公司-泰廊曼国际 | 步进_伺服_行星减速机,微型直流电机,大功率直流电机-淄博冠意传动机械 | 北京包装设计_标志设计公司_包装设计公司-北京思逸品牌设计 | 上海办公室装修公司_办公室设计_直营办公装修-羚志悦装 |