前端的革命：物聯網時代的網頁UI設計
當英國技術專家 凱文·阿什頓 （ Kevin Ashton）在1999年 創造了“ 物聯網” 這個術語時，他可能沒有料到這個術語在未來幾年會如此受歡迎。如今，生活在物聯網中的願景已經成為現實。
據估計，到2020年， ofollow,noindex" target="_blank"> 全球將有約500億臺物聯網裝置 投入使用，人們的手機已經能夠隨時接到基於位置的提醒通知。
萬物互聯
根據Statista 的統計（見下圖），到 2020年 ，物聯網市場預計將達到 4570億美元 。這將是一個驚人的增長，因為2017年物聯網市場規模僅1940億美元。那麼，物聯網如何變得如此受歡迎？答案是：它能實現萬物互聯。
前端工程師和網頁設計師的新時代
我們正在 進入一個前端網頁設計的新時代，網站的設計需要考慮到智慧裝置的功能。物聯網將把電子商務網站 設計 提升到一個新的水平：
1.網頁設計將變得更加複雜
網站設計將變得更加複雜，因為現在設計師必須考慮設計前端介面，方便人們輕鬆地與其他智慧裝置進行通訊。介面需要簡潔明瞭，以便使用者可以輕鬆地與諸如照相機，感測器，冰箱，洗衣機和其他智慧裝置進行通訊。
將花費更多時間來測試設計，配置網路和管理伺服器。該 設計應該靈活且易於適應 通過物聯網連線的一系列裝置。
2.需要強大的後端通訊框架
後端資料庫需要很強大，因為從每個使用者對應的物聯網裝置獲得的資料必須根據需要安全地儲存和訪問。
瞭解大多數頂級框架（如Physical Web，Open Remote，Open Hab，Lelylan，Eclipse，KAA IoT，ZETTA和Open Connectivity Foundation）對於構建有效資料，使用者和裝置互動的強大框架非常必要。
3.桌面將死亡，移動UI優先，移動使用者體驗將是關鍵
使用者體驗將成為關鍵所在 ，桌面設計為移動端設計讓位。簡單性將是關鍵，因為簡單的設計將更容易在移動裝置上載入。因此，在設計中將優選可以增強使用者體驗和提升個性化的少而精的功能。
將來，每個物聯網裝置都將通過智慧手機連線，因此，設計人員必須建立可以在所有智慧手機螢幕上平滑訪問的設計，不受智慧裝置螢幕大小和互動功能的限制，從而大大簡化與智慧裝置的互動。
4.網站速度依然將發揮決定性作用
與web時代類似，頁面載入速度依然將是關鍵，因為與IoT裝置進行通訊並不容易，並且互動將花費大量時間。設計人員必須儘可能地提高頁面載入速度，以便為裝置通訊和資料共享擠出時間。
以下是設計人員必須採取的一些步驟，以便改善頁面載入時間：
- 最大限度地減少重定向的次數。
- 建立並測試 在移動裝置上載入速度更快的 AMP頁面 。
- 減少影象數量。
- 最小化JS和CSS檔案的數量。
- 利用瀏覽器快取的強大功能。
- 禁用影象的熱連結 。
- 刪除所有未使用的外掛。
- 通過在.htaccess檔案中新增以下程式碼來啟用Keep-Alive：
<ifModule mod_headers.c>
Header set Connection keep-alive
</ ifModule>
- 修復所有損壞的連結以改善使用者體驗並控制爬網預算。
- 利用CDN減少伺服器負載。
- 藉助快取外掛並保持資料庫清潔。
5.安全性將成為主要的設計考慮因素
相比傳統web系統，黑客攻擊智慧裝置和發出虛假訂單變得容易。因此，安全性將成為 主要的設計 考慮因素。
採用安全設計方法是必要的， 以便開始每一個設計都要牢記安全性。以下是安全的網站設計需要遵循的一些步驟：
- 規劃設計並確定可以引發漏洞的流程。該 網站設計的想法應該是完美的 ，其中定義了網站的目標，勾畫出客戶的產品路徑是非常重要的。
- 從早期開始執行測試，以便儘早修復任何錯誤或缺陷。
- 採用 模型 – 檢視 – 控制器框架 ，有效地將使用者介面與底層資料模型相關聯。
- 設計一個簡單的網站，儘量減少附加元件和外掛的使用。
- 利用Cloudflare等Web應用程式防火牆，即使在攻擊開始之前，也可以幫助增強網站的安全性。
- 使用SSL證書建立加密連線並構建信任。
6. JavaScript將使前端互動更容易
JavaScript將是最受追捧的語言，它將使設計人員能夠有效地與智慧裝置進行互動，並使前端互動儘可能順暢。
JavaScript是一種事件驅動語言 ，正因為如此，可以在智慧裝置發生互動或資料庫中記錄資料的同時執行命令。對於事件驅動語言，每個連線的裝置將監聽其他事件並相應地做出響應。
此外，可以實現多工同時執行，而無需等待一個任務完成再執行下一個。有了更好的記憶體管理和大量的庫和外掛，JavaScript是每個Web開發人員應該在物聯網時代鎖定語言。
結論
網站設計師應該清楚地意識到，物聯網時代網站設計正面臨一次重大前端革命。靈活，使用者友好和整潔的介面是當今設計的核心需求，甚至用最輕量化的文字展示所有信息。物聯網時代，全新一代網頁設計師將成為寵兒。
英文原文連結： Readwrite