優點(1)開發成本低,
(2)更新快,
(3)更新無需通知使用者,不需要手動公升級,
(4)能夠跨多個平台和終端。
缺點:(1)臨時性的入口
(2)無法獲取系統級別的通知,提醒,動效等等
(3)使用者留存率低
(4)設計受限制諸多
(5)體驗較差
優點:(1)打造完美的使用者體驗
(2)效能穩定
(3)操作速度快,上手流暢
(4)訪問本地資源(通訊錄,相簿)
(5)設計出色的動效,轉場,
(6)擁有系統級別的貼心通知或提醒
(7)使用者留存率高
缺點:
網路環境,渲染效能
因此,基於網路環境和渲染效能的影響,在設計h5頁面時,應注意以下幾點:
正如書中《瞬間之美》的乙個核心觀點:重要的並不是我們提供的資訊量有多大,而是我們能否給他們提供真正需要的資訊。
受限於瀏覽器
少用手勢,避免與瀏覽器手勢衝突。
減少頁面跳轉次數,盡量在當前頁面顯示。
系統限制,平台特性
web版地圖基於瀏覽器展現,因此,不能全屏顯示地圖,給使用者的眼界帶來侷限感;相反,native 版地圖以全屏展現的形式,很好的拓展了使用者的視野。整個介面乾淨簡潔,首頁去除冗餘功能。
在制定路線的體驗中,如圖:
web 版地圖耗費的流量大於native版,且不能預先快取離線地圖。對於地理位置的判斷也是基於宿主瀏覽器,而非web地圖本身。獲取路線後,對於更換到達方式,相對來說是不便利的。
native 版地圖相對於 web版地圖增加更多情感化,易用的功能,如:能夠記錄使用者的生活軌跡,記錄使用者的點滴足跡,能夠享受躲避擁堵方案等。而web版地圖基於技術框架,很難實現以上功能,從使用者體驗角度來看,弱於native版地圖。簡化
簡化不重要的動畫/動效
簡化複雜的圖形文字樣式
2. 少用
少用手勢,避免與瀏覽器手勢衝突
少用彈窗
3. 減少
減少頁面內容
減少控制項數量
減少頁面跳轉次數,盡量在當前頁面顯示
4. 增強
增強loading時的趣味性
增強頁面主次關係
增強控制項復用性
歡迎使用CSDN markdow
本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...
歡迎毛毛與妞妞使用CSDN markdown編輯器
建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能,豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下mar...
歡迎使用CSDN markdow1n編輯器
本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...