相比App,移動Web成本少,實現難度低,數據追蹤更,還能快速調整。優點非常多,隨著全民寬帶的提高,未來也會是一大熱點。
隨著移動互聯網思維的滲透,以及智能手機浪潮的影響,一波波app前仆后繼,目前App?store應用程序總數已逾170萬,還在以每日數百的速度增長。?「先做個app」幾乎成為所有項目的步。
可以理解的是,大家傾心于app必定源于其獨特優勢,例如酷炫的交互效果、的用戶界面、支持離線模式消息推送,以及在用戶客戶端和各渠道的”存在感”等等。對于需要體驗性極強的大型手游、社交類應用、拍照類工具型應用、以及金融類功能復雜的平臺應用,app無疑是目前適合不過的載體。可是,所有項目都必須做成app嗎?對于那些無需做成app的項目,還有比app更適合的實現方式嗎?
移動Web的特點,是用戶可以直接通過瀏覽器訪問網絡上的應用程序。那么,移動Web和app相比具備哪些優勢呢?
app:需要投入客戶端和服務端開發,以及耗費開銷支持多平臺和多設備。
移動Web:僅需H5頁面開發,使用響應式設計的移動Web可到處運行。
app:需要并等待安裝,占用手機容量,無Wi-Fi下流量耗費大。
移動Web:支持跨平臺,無安裝成本,用戶門檻較低。
移動Web:方便追蹤用戶來源,媲美PC瀏覽器下常規站點統計。
app:傷不起的審核周期,遇到緊急問題無法快速處理。
移動Web:站點服務器自己可控,利于快速更新迭代。
盡管移動Web有如上諸多優勢,但不可否認的是,瀏覽的體驗短期內還無法超越原生應用。那么,對于生長在移動Web上的業務和服務,如何做好設計確提升用戶體驗將尤為重要。
移動Web并不是把PC端內容直接搬到手機上來顯示,而是需要結合移動端用戶的使用場景,突出核心的功能給用戶,并保持界面簡潔。
我們簡單總結了一些重要的移動Web設計原則與大家分享。
PC首頁通常身兼迎賓、資訊中心和廣告推薦多重角色,但是移動Web首頁的主要用途應該是將用戶和他們所需要的內容快速連接,一個好的移動Web首頁能夠幫助用戶立即取得所需信息。
手機用戶不耐于等待,網站內容顯示過慢會讓用戶果斷離開你的網頁。因此,網站的圖片大小、瀏覽器的緩存、JavaScript、CSS、HTML、伺服器的回應時間,都是你可以優化的空間。
有數據顯示,當移動頁面加載時間超過5s,將流失掉72%的流量。
確保用戶從搜索結果頁等站點自動導入手機版網頁是成功留住使用者的步。
手機用戶很容易漏看菜單,因此一定要把主要的行動點放在用戶看得到的地方,使用戶容易完成你想讓他完成的事。
詳盡的菜單也許在PC端效果很好,但對手機用戶而言,可沒耐心在冗長的菜單尋找類目,所以想辦法盡量縮減菜單類目的數量。
通常用戶預期只要按下網頁上方角落的logo能回到首頁,否則覺得很不方便。
宣傳信息及廣告可能會遮蓋四周內容,或是吸引了眼球而妨礙用戶原本使用路徑。與大型插頁式廣告相比,用戶對于可以輕松關閉的橫幅廣告更有好感。
用戶通過搜索來取得自己需要的特定咨詢,因此搜索功能必須擺放在網站的顯眼處,一眼能看見。對于網頁上方顯眼處且允許自由輸入文字的搜索框,用戶的評價。
以上是想要分享給大家的移動Web設計原則。隨著無線互聯網技術的發展,Web產品和app產品的界限很可能會變得模糊起來。也許通過瀏覽器,也可以實現效果好、可推送。同一個服務之所以會有兩種不同呈現形式的存在,完全取決于用戶在不同使用場景下的體驗差異。
推薦閱讀
幫你留住更多移動端流量!超實用WEB設計分享 | 文軍營銷一、節約成本 app:需要投入客戶端和服務端開發,以及耗費開銷支持多平臺和多設備。 移動Web:僅需H5頁面開發,使用響應式設計的移動Web可到處運行。 二、降低門檻 app:需要并等待安裝,占用手機容量,無Wi-Fi下流量耗費大。 移動Web:支持跨平臺,無安裝成本,用戶門檻較低。 三、追蹤數據 app:來源無法追蹤,對渠道細分統...幫你留住更多移動端流量!超實用WEB設計分享 | 文軍營銷幫你留住更多移動端流量!超實用web設計分享 時間:2016-01-05 10:01:07 相比app,移動web成本少,實現難度低,數據追蹤更,還能快速調整.優點非常多,隨著全民寬帶的提高,未來也會是一大熱點. 隨著移動互聯網思維的滲透,以及智能手機浪潮的影響,一波波app前仆后繼,目前appstore應用程序總數已逾 170萬 ,還在以每日數百...幫你留住更多移動端流量!超實用WEB設計分享 | 文軍營銷超實用web設計分享 幫你留住更多移動端流量!超實用web設計分享 時間:2016-01-05 10:01:07 相比app,移動web成本少,實現難度低,數據追蹤更,還能快速調整.優點非常多,隨著全民寬帶的提高,未來也會是一大熱點. 隨著移動互聯網思維的滲透,以及智能手機浪潮的影響,一波波app前仆后繼,目前appstore應用程序總數已逾 170...