珠海市天惠設(shè)計(jì)制作有限公司，成立于1996年8月,是為拓展中國Internet領(lǐng)域應(yīng)用而專門成立的高新技術(shù)企業(yè)，是企業(yè)電子商務(wù)技術(shù)服務(wù)和解決方案綜合服務(wù)提供商。
如果你曾試過舉著手機(jī)站到椅子上以求獲取更好的信號，或是等待30秒還沒刷出一個(gè)頁面，那你一定深有體會(huì)：如今珠海網(wǎng)頁設(shè)計(jì)的用戶體驗(yàn)仍存在許多不足之處。我們花費(fèi)大量時(shí)間用無數(shù)會(huì)話、用戶測試、數(shù)據(jù)分析的接口來堆積我們的眼球，卻只是得到了被發(fā)射塔產(chǎn)生的怪異信號所削弱的體驗(yàn)。
也許用戶從3G切換到WiFi了，也許電量很低了，也許只是天色變暗了，不管是什么情況，珠海網(wǎng)頁設(shè)計(jì),現(xiàn)實(shí)世界因素都能輕易阻撓你原本的好意，并讓你的用戶感到沮喪和憤怒。
在設(shè)計(jì)時(shí)考慮現(xiàn)實(shí)世界因素并不是新概念了。環(huán)境設(shè)計(jì)可以追溯到至少公元前500年，古希臘人當(dāng)時(shí)就建造了用太陽能取暖的房子，它基于兩個(gè)簡單事實(shí)：現(xiàn)實(shí)世界是存在的，而且你無法控制它。
當(dāng)
用戶與你的設(shè)計(jì)進(jìn)行交互時(shí)，你也無法控制所有因素，只能承認(rèn)它們的存在，為它們做好計(jì)劃，我把這些稱為設(shè)計(jì)條件。有的設(shè)計(jì)條件是不變的，比如一臺手機(jī)，你
擺著或用著，它都是那個(gè)模樣兒。而有的設(shè)計(jì)條件是會(huì)變化的，比如能耗、光線、信號強(qiáng)度等，它們是潛在的且有變化趨勢的，即使是在單一的訪問過程中，甚至是
在頁面加載中，都會(huì)改變。
一年前，關(guān)于用戶體驗(yàn)的問題，我還沒有太多的答案，因?yàn)楫?dāng)時(shí)這些設(shè)備API并未具備。但現(xiàn)在我們可以開始為改善用戶體驗(yàn)做些事了，這要感謝設(shè)備API的創(chuàng)建者。
設(shè)備API是什么？
在2011年7月，當(dāng)時(shí)Mozilla和Andreas Gal博士創(chuàng)建了Boot2Gecko，這是個(gè)完全基于Web技術(shù)的操作系統(tǒng)。有趣的是，Mozilla在這個(gè)OS中還創(chuàng)建了允許瀏覽器訪問設(shè)備的JavaScript API，這就開啟了設(shè)備API。
一些API還停留在Boot2Gecko操作系統(tǒng)中，但大量的工作已經(jīng)轉(zhuǎn)移到W3C進(jìn)行標(biāo)準(zhǔn)化了。探討這些API，以及它們對提升產(chǎn)品在現(xiàn)實(shí)和環(huán)境設(shè)計(jì)條件下的潛力，將是我們今天要專注的工作。
電池狀態(tài)和網(wǎng)絡(luò)信息 Battery Status and Network Information
響應(yīng)式設(shè)計(jì)，為我們省了不少麻煩，但它也帶來像前端資源管理之類的新問題。比如要如何處理圖片去適應(yīng)小屏幕或窄帶寬這些情況呢？
如果僅是“小屏幕獲取小圖像”的簡單問題，響應(yīng)式圖片問題幾乎完全可以通過圖片元素來解決。但這樣就假定了小屏幕下要提供更小的圖片以適應(yīng)其尺寸和帶寬限制。我們開始意識到，如此說來，顯示尺寸跟可用帶寬量就幾乎無關(guān)了。
在
最佳條件下，每個(gè)人的設(shè)備都有著閃電般的快速連接，100％的電量。可使用移動(dòng)設(shè)備的人越多，這個(gè)可能性就越小，更多的時(shí)候，這些條件將影響用戶的體驗(yàn)。
假如用戶是通過快速連接隨意地瀏覽，低分辨率圖像就不會(huì)是最好的體驗(yàn)。反之，假如用戶是通過蝸牛般連接，且電量極低了，下載大圖片將會(huì)耗死他的手機(jī)。
正是這樣的情況，才使電池狀態(tài)和網(wǎng)絡(luò)信息的API顯得如此有趣。
電
池狀態(tài)API可以告訴你設(shè)備的剩余電量和電量趨勢（上降或上升，即放電或充電），。這些信息不僅在加載時(shí)可捕獲，通過電池狀態(tài)關(guān)聯(lián)的事件也可捕獲。目前規(guī)
范的事件包
括：onchargingchange，onchargingtimechange，ondischargingtimechange，onlevelchange。
再
加上網(wǎng)絡(luò)信息API，那就更有趣了，它可讓你挖掘到設(shè)備的帶寬相關(guān)信息。目前的草案規(guī)定，網(wǎng)絡(luò)信息API會(huì)返回兩個(gè)方面的信息：連接速度（單位MB/秒）
和是否為ISP的計(jì)量帶寬（真/假的布爾值），這是我們在瀏覽器中篩選資源和管理帶寬所需的信息。當(dāng)跟蹤到用戶離線時(shí)，這個(gè)連接API也可以返回0。
網(wǎng)
絡(luò)信息和電池狀態(tài)各有妙用，當(dāng)它們兩個(gè)組合，不僅可以幫助你在頁面初始加載時(shí)管理資源，隨著時(shí)間推移，連接或電池狀態(tài)會(huì)變化，接口也會(huì)修改相應(yīng)的信息。您
甚至可以運(yùn)行能量測試，估算用戶在目前的條件下電量還能用多久（正如汽車上的油量可行駛公里數(shù)的估算）。你不會(huì)得到像“Facebook正在耗電中”的具
體信息，但你可以知道是否有足夠的電量來完成你的應(yīng)用程序中的某個(gè)任務(wù)。
這兩個(gè)API，特別是它們的組合，可能會(huì)是我們讓設(shè)計(jì)更好地處理現(xiàn)實(shí)場景的一手資源。他們使我們能夠檢測性能瓶頸和探測設(shè)備（還記得圖片處理的問題嗎？）。又有另一對讓瀏覽器變得更強(qiáng)的API脫穎而出了：環(huán)境光傳感器和接近傳感器的API。
環(huán)境光傳感器 Ambient Light Sensor
環(huán)境光傳感器API使用設(shè)備的光傳感器來告知當(dāng)前的環(huán)境。當(dāng)然，這個(gè)API的限制是設(shè)備必須有光傳感器的裝置，不管是攝像頭或其他類型的傳感器，只要有就可以。在初始加載時(shí)和通過ondevicelight事件都可以捕獲到環(huán)境光的亮度級別，類似上面談到的電池狀態(tài)API。
這個(gè)環(huán)境光傳感器API比較獨(dú)特，它不像普通網(wǎng)頁使用像素或百分比單位，它的返回值是以LX為單位的。LX是標(biāo)識照度的國際單位。其實(shí)，在發(fā)現(xiàn)這個(gè)API之前，我從來沒有聽說過LX，現(xiàn)在它引入了，設(shè)備層居然也支持它，讓我也感覺上流了。
環(huán)境光線感應(yīng)器API有助于提升電子閱讀器的體驗(yàn)，比如Kindle，可以通過探測到的室內(nèi)光線信息，再相應(yīng)地調(diào)整配色、排版，或其他設(shè)計(jì)元素，就可以提供更舒適的閱讀體驗(yàn)了。
近物體傳感器 Proximity Sensor
近物體傳感器API，它使瀏覽器也可以近場通信（NFC），珠海網(wǎng)頁設(shè)計(jì),這將是我們今后的目標(biāo)，目前規(guī)范還未定，而且大多數(shù)設(shè)備還未具備必要的傳感器。目前僅有少數(shù)智能手機(jī)含有NFC技術(shù)， 直至我們在iPhone上發(fā)現(xiàn)它，它可能有兩個(gè)版本。
如果用戶的設(shè)備裝有接近性傳感器，您可以通過它的NFC信息來探測附近的物體，這實(shí)在是太棒了！ 這個(gè)API包含一個(gè)ondeviceproximity事件，當(dāng)有物體在傳感器的探測范圍內(nèi)時(shí)可觸發(fā)。
由于目前的傳感器還不穩(wěn)定，所以W3C不建議測量物體的精確距離。但你仍然可以突破推進(jìn)用戶體驗(yàn)的極限，只需敲動(dòng)幾下鍵盤，把自己從瀏覽器的狹隘環(huán)境中解放出來，把現(xiàn)實(shí)世界的互動(dòng)對象、光敏感性、連接信息、和能源消耗的束縛通過一個(gè)接口釋放出去。
推動(dòng)環(huán)境設(shè)計(jì)
我們的承諾：
天惠公司將一如既往，秉承專業(yè)服務(wù)精神，一切從客戶利益出發(fā)，為您率先建站,令您把握先機(jī)，長遠(yuǎn)的眼光定使您在商海搏擊中穩(wěn)操勝券。