移動網(wǎng)站設計吸引和轉換用戶的6個技巧
發(fā)表日期:2019/1/7 9:52:51 文章編輯:瑩晨建站 瀏覽次數(shù):2249
移動網(wǎng)站設計吸引和轉換用戶的6個技巧
移動是一個改善人們網(wǎng)絡體驗的機會,計師可以通過七種方式提供幫助。
隨著移動設備的出現(xiàn),設計師不得不改變他們的方法。打印轉向數(shù)字化,設計師發(fā)現(xiàn)了人們與像素制作的內容進行交互的新方法。而現(xiàn)在,移動設備已超越臺式機作為我們的網(wǎng)絡窗口。以下是設計師在今天的小屏幕上吸引和轉換用戶的6個技巧。
1.設計移動設備
不久前,設計師們主要為龐大的桌面顯示器設計產(chǎn)品。這些提供了一個廣闊的畫布,為設計師提供了很多工作空間。限制迫使一種更實用的方法,減少視覺混亂和無意義的裝飾。
任何網(wǎng)頁設計的起點都應該考慮網(wǎng)站可能顯示的最小屏幕。在較小屏幕的限制下工作將在各種設備上創(chuàng)建一致的體驗。
在為移動網(wǎng)站設計創(chuàng)建線框之前,請確保:
編譯必要的內容并定義如何組織
為每個部分創(chuàng)建標題
確定號召性用語及其展示位置
規(guī)劃您將使用的交互式元素的類型
并計劃所有這些元素將如何在單列設計中流動。
2.使用手勢微交互和動畫
通過簡單的向左或向右滑動。移動意味著更小的屏幕空間,這使得內容和交互元素脫穎而出并清楚地傳達其目的非常重要。
微交互是可用性的一小部分,激發(fā)了某人立即采取行動的反饋。我們在約會應用程序上向左或向右滑動,并立即得到有人喜歡我們的消息(喘氣!)。微交互使交互性快速直觀 - 它們是許多網(wǎng)站和應用程序的決定性時刻。
基于滾動的交互就像微交互一樣:它們?yōu)槲覀兪种械钠矫嫫聊惶砑恿藙幼鳌K麄儗討B(tài)元素添加到設計中并充當指南,吸引用戶的注意力,將其引導到您想要的位置,例如注冊表單。
3.保持簡單
在設計移動設備時,將所有內容都拆分為基本組件。這不是關于無聊的,不起眼的文字漂浮在虛空中 - 但如果你可以做到這一點,你就會有更大的力量。它是關于精煉元素,以便只剩下重要的東西。
這意味著帶走不必要的項目,如圖形和繁忙的動畫,不會增加用戶體驗。極端陰影和其他模擬三維的圖形被拋在一邊,以實現(xiàn)更實用的設計。
相反,使用引人注目的顏色和充足的負空間。結合簡單的排版,這可以使設計方法易于導航和快速加載。設計日歷利用負空間和強烈排版成功的平面設計。
4.快速加載時請注意
臺式機擁有更快的處理器,更強大的計算能力,并且無需在縮小的3G連接中填充兆字節(jié)。它們可以容納更大的文件大小,如長視頻剪輯。您不希望有人登陸您的網(wǎng)頁,只會被未針對移動設備優(yōu)化的文件陷入困境。
在為設計準備視覺效果時,請確保:
使用組合良好,整潔,有意義的圖像
使用Photoshop等照片編輯軟件優(yōu)化所有圖像
使用適當大小的比例圖像進行布局
使用高質量的背景視頻,但僅在必要時 - 大多數(shù)移動設備甚至無法顯示這些視頻
5.記住手機制作您的內容
內容需要分成小塊,在短暫的參與過程中很容易被消化。正如視覺設計元素需要精煉到只需要的東西一樣,內容也是如此。這意味著制作簡短,直接,清晰的句子和段落。
內容組織在移動設備上更為重要。每個部分都應無縫地流入下一部分。不應該有內容的變化。當有人滾動瀏覽內容時,一切都應該有意義。一個想法需要邏輯地流入下一個想法。
號召行動需要的不僅僅是耳語 - 他們應該引起注意。要編寫更具吸引力的號召性用語:
給讀者一個行動的理由
吸引他們的情緒
強調及時性的重要性
創(chuàng)造性地傳達品牌的個性
6.以正確的方式使用彈出窗口
彈出窗口是轉換的重要工具。他們需要使自己的外表變得有用,而不是分散注意力。彈出窗口需要的不僅僅是一般的提示 - 它應該與您的品牌個性保持一致,并啟發(fā)一個特定的行動,讓讀者獲得一些東西。即使它將來只是更多的免費內容。
彈出窗口需要錨定到特定內容。不要在每個頁面的頂部不加選擇地顯示,而是將它們編織到內容的結構中。彈出窗口應該在所呈現(xiàn)的內容中有意義。
用戶可能正在滾動樂隊的巡演日期。要求他們加入關于旅游日期的電子郵件列表的彈出窗口是合適的。當彈出窗口有用且在上下文中時,會發(fā)生轉換。內容應提供了解更多信息并采取行動的理由。
移動網(wǎng)站設計是關于簡單性的,移動網(wǎng)站設計改變了可用性標準。曾經(jīng)很好用于桌面的東西現(xiàn)在被認為是麻煩的。移動網(wǎng)站設計消除了不必要的裝飾,并找到了更直接的路線來引導用戶瀏覽內容。有些人稱之為約束,我們可以將其視為改善人們體驗網(wǎng)絡的機會。
-
訪客離開網(wǎng)站的原因
日期:2019-10-24 瀏覽次數(shù):2395
-
網(wǎng)站維護的具體步驟有哪些
日期:2019-10-24 瀏覽次數(shù):2333
-
了解跨瀏覽器兼容的網(wǎng)站
日期:2019-10-24 瀏覽次數(shù):2360
-
以正確的方式使用號召性用語
日期:2019-10-24 瀏覽次數(shù):2400
-
如何避免CSS中的常見錯誤?
日期:2019-10-24 瀏覽次數(shù):2220
-
免費SSL證書申請網(wǎng)站topssl.cn上線
日期:2024-09-23 瀏覽次數(shù):1089
-
如何在北京順義尋找一個踏實的網(wǎng)站建設公司
日期:2023-08-10 瀏覽次數(shù):4142
-
順義網(wǎng)站建設:北京順義網(wǎng)站建設的優(yōu)點
日期:2023-05-25 瀏覽次數(shù):4565
-
選擇網(wǎng)站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數(shù):3425
-
北京模板建站
日期:2023-03-28 瀏覽次數(shù):3606
-
移動應用程序如何成功的7個措施
日期:2019-03-12 瀏覽次數(shù):2166
-
常用的Git 命令
日期:2016-02-24 瀏覽次數(shù):2805
-
為什么擁有SEO優(yōu)化網(wǎng)站很重要
日期:2019-03-06 瀏覽次數(shù):2383
-
如何把握網(wǎng)站設計元素讓自己網(wǎng)站脫穎而出?
日期:2021-03-29 瀏覽次數(shù):2226
-
國外網(wǎng)站設計初學者常用的程序有哪些?
日期:2021-03-29 瀏覽次數(shù):2032