• News新聞動態
    環境設計與設備API

     珠海市天惠設計制作有限公司,成立于1996年8月,是為拓展中國Internet領域應用而專門成立的高新技術企業,是企業電子商務技術服務和解決方案綜合服務提供商。

    如果你曾試過舉著手機站到椅子上以求獲取更好的信號,或是等待30秒還沒刷出一個頁面,那你一定深有體會:如今珠海網頁設計的用戶體驗仍存在許多不足之處。我們花費大量時間用無數會話、用戶測試、數據分析的接口來堆積我們的眼球,卻只是得到了被發射塔產生的怪異信號所削弱的體驗。

    也許用戶從3G切換到WiFi了,也許電量很低了,也許只是天色變暗了,不管是什么情況,珠海網頁設計,現實世界因素都能輕易阻撓你原本的好意,并讓你的用戶感到沮喪和憤怒。

    在設計時考慮現實世界因素并不是新概念了。環境設計可以追溯到至少公元前500年,古希臘人當時就建造了用太陽能取暖的房子,它基于兩個簡單事實:現實世界是存在的,而且你無法控制它。

    當 用戶與你的設計進行交互時,你也無法控制所有因素,只能承認它們的存在,為它們做好計劃,我把這些稱為設計條件。有的設計條件是不變的,比如一臺手機,你 擺著或用著,它都是那個模樣兒。而有的設計條件是會變化的,比如能耗、光線、信號強度等,它們是潛在的且有變化趨勢的,即使是在單一的訪問過程中,甚至是 在頁面加載中,都會改變。

    一年前,關于用戶體驗的問題,我還沒有太多的答案,因為當時這些設備API并未具備。但現在我們可以開始為改善用戶體驗做些事了,這要感謝設備API的創建者。
     
    設備API是什么?

    在2011年7月,當時Mozilla和Andreas Gal博士創建了Boot2Gecko,這是個完全基于Web技術的操作系統。有趣的是,Mozilla在這個OS中還創建了允許瀏覽器訪問設備的JavaScript API,這就開啟了設備API。

    一些API還停留在Boot2Gecko操作系統中,但大量的工作已經轉移到W3C進行標準化了。探討這些API,以及它們對提升產品在現實和環境設計條件下的潛力,將是我們今天要專注的工作。
     
    電池狀態和網絡信息 Battery Status and Network Information

    響應式設計,為我們省了不少麻煩,但它也帶來像前端資源管理之類的新問題。比如要如何處理圖片去適應小屏幕或窄帶寬這些情況呢?

    如果僅是“小屏幕獲取小圖像”的簡單問題,響應式圖片問題幾乎完全可以通過圖片元素來解決。但這樣就假定了小屏幕下要提供更小的圖片以適應其尺寸和帶寬限制。我們開始意識到,如此說來,顯示尺寸跟可用帶寬量就幾乎無關了。

    在 最佳條件下,每個人的設備都有著閃電般的快速連接,100%的電量?墒褂靡苿釉O備的人越多,這個可能性就越小,更多的時候,這些條件將影響用戶的體驗。 假如用戶是通過快速連接隨意地瀏覽,低分辨率圖像就不會是最好的體驗。反之,假如用戶是通過蝸牛般連接,且電量極低了,下載大圖片將會耗死他的手機。

    正是這樣的情況,才使電池狀態和網絡信息的API顯得如此有趣。

    電 池狀態API可以告訴你設備的剩余電量和電量趨勢(上降或上升,即放電或充電),。這些信息不僅在加載時可捕獲,通過電池狀態關聯的事件也可捕獲。目前規 范的事件包 括:onchargingchange,onchargingtimechange,ondischargingtimechange,onlevelchange。

    再 加上網絡信息API,那就更有趣了,它可讓你挖掘到設備的帶寬相關信息。目前的草案規定,網絡信息API會返回兩個方面的信息:連接速度(單位MB/秒) 和是否為ISP的計量帶寬(真/假的布爾值),這是我們在瀏覽器中篩選資源和管理帶寬所需的信息。當跟蹤到用戶離線時,這個連接API也可以返回0。

    網 絡信息和電池狀態各有妙用,當它們兩個組合,不僅可以幫助你在頁面初始加載時管理資源,隨著時間推移,連接或電池狀態會變化,接口也會修改相應的信息。您 甚至可以運行能量測試,估算用戶在目前的條件下電量還能用多久(正如汽車上的油量可行駛公里數的估算)。你不會得到像“Facebook正在耗電中”的具 體信息,但你可以知道是否有足夠的電量來完成你的應用程序中的某個任務。

    這兩個API,特別是它們的組合,可能會是我們讓設計更好地處理現實場景的一手資源。他們使我們能夠檢測性能瓶頸和探測設備(還記得圖片處理的問題嗎?)。又有另一對讓瀏覽器變得更強的API脫穎而出了:環境光傳感器和接近傳感器的API。
     
    環境光傳感器 Ambient Light Sensor

    環境光傳感器API使用設備的光傳感器來告知當前的環境。當然,這個API的限制是設備必須有光傳感器的裝置,不管是攝像頭或其他類型的傳感器,只要有就可以。在初始加載時和通過ondevicelight事件都可以捕獲到環境光的亮度級別,類似上面談到的電池狀態API。

    這個環境光傳感器API比較獨特,它不像普通網頁使用像素或百分比單位,它的返回值是以LX為單位的。LX是標識照度的國際單位。其實,在發現這個API之前,我從來沒有聽說過LX,現在它引入了,設備層居然也支持它,讓我也感覺上流了。
    環境光線感應器API有助于提升電子閱讀器的體驗,比如Kindle,可以通過探測到的室內光線信息,再相應地調整配色、排版,或其他設計元素,就可以提供更舒適的閱讀體驗了。
     
    近物體傳感器 Proximity Sensor

    近物體傳感器API,它使瀏覽器也可以近場通信(NFC),珠海網頁設計,這將是我們今后的目標,目前規范還未定,而且大多數設備還未具備必要的傳感器。目前僅有少數智能手機含有NFC技術, 直至我們在iPhone上發現它,它可能有兩個版本。

    如果用戶的設備裝有接近性傳感器,您可以通過它的NFC信息來探測附近的物體,這實在是太棒了! 這個API包含一個ondeviceproximity事件,當有物體在傳感器的探測范圍內時可觸發。

    由于目前的傳感器還不穩定,所以W3C不建議測量物體的精確距離。但你仍然可以突破推進用戶體驗的極限,只需敲動幾下鍵盤,把自己從瀏覽器的狹隘環境中解放出來,把現實世界的互動對象、光敏感性、連接信息、和能源消耗的束縛通過一個接口釋放出去。
     
    推動環境設計

    將外部因素加以考慮的網絡環境設計概念,僅僅是設備API的起步。

    后續將會有更多的可用API,雖然以住的經驗告訴我們,在每一個瀏覽器將會有所不同,正如你的每個房間不可能都一模一樣,我們可以好好利用這些API,以創新的方式融入到你的應用程序中去。就像連接、電量,以及其他情況的變化,用戶都可以在您的網站中體驗到。

    對大多數人來說,處理各種瀏覽器的兼容是個全職的工作,所以我們要有質保測試。接受這種混亂,而不是花時間打擊它,才是推進網絡和積累成功經驗的關鍵。盡情地發揮你的優勢,不斷增強你的用戶體驗工具,才是推動Web體驗的正路。

    我們的承諾:
    天惠公司將一如既往,秉承專業服務精神,一切從客戶利益出發,為您率先建站,令您把握先機,長遠的眼光定使您在商海搏擊中穩操勝券。

    国内精品久久久久影院日本