移動設(shè)計吸引和轉(zhuǎn)換用戶的7個技巧
發(fā)表日期:2018/12/11 10:54:09 文章編輯:瑩晨建站 瀏覽次數(shù):2396
移動設(shè)計吸引和轉(zhuǎn)換用戶的7個技巧
隨著移動設(shè)備的出現(xiàn),設(shè)計師不得不改變他們的方法。打印轉(zhuǎn)向數(shù)字化,設(shè)計師發(fā)現(xiàn)了人們與像素制作的內(nèi)容進行交互的新方法。而現(xiàn)在,移動設(shè)備已超越臺式機作為我們的網(wǎng)絡(luò)窗口。以下是設(shè)計師在今天的小屏幕上吸引和轉(zhuǎn)換用戶的七個技巧。
1.設(shè)計移動設(shè)備
設(shè)計師們主要為龐大的桌面顯示器設(shè)計產(chǎn)品。這些提供了一個廣闊的畫布,為設(shè)計師提供了很多工作空間。限制迫使一種更實用的方法,減少視覺混亂和無意義的裝飾。
任何網(wǎng)站設(shè)計的起點都應(yīng)該考慮網(wǎng)站可能顯示的最小屏幕。在較小屏幕的限制下工作將在各種設(shè)備上創(chuàng)建一致的體驗。
在為移動設(shè)計創(chuàng)建線框之前,請確保:
編譯必要的內(nèi)容并定義如何組織
為每個部分創(chuàng)建標題
確定號召性用語及其展示位置
規(guī)劃您將使用的交互式元素的類型
并計劃所有這些元素將如何在單列設(shè)計中流動。
2.使用手勢微交互和動畫
移動意味著更小的屏幕空間,這使得內(nèi)容和交互元素脫穎而出并清楚地傳達其目的非常重要。微交互是可用性的一小部分,激發(fā)了某人立即采取行動的反饋。
我們在沒有考慮的情況下豎起大拇指或心臟,公開我們的批準。我們在約會應(yīng)用程序上向左或向右滑動,并立即得到有人喜歡我們的消息(喘氣?。?。微交互使交互性快速直觀 - 它們是許多網(wǎng)站和應(yīng)用程序的決定性時刻。
基于滾動的交互就像微交互一樣:它們?yōu)槲覀兪种械钠矫嫫聊惶砑恿藙幼?。他們將動態(tài)元素添加到設(shè)計中并充當指南,吸引用戶的注意力,將其引導(dǎo)到您想要的位置。
3.保持簡單
在網(wǎng)站設(shè)計移動設(shè)備時,將所有內(nèi)容都拆分為基本組件。這意味著帶走不必要的項目,如圖形和繁忙的動畫,不會增加用戶體驗。極端陰影和其他模擬三維的圖形被拋在一邊,以實現(xiàn)更實用的設(shè)計。
相反,使用引人注目的顏色和充足的負空間。結(jié)合簡單的排版,這可以使設(shè)計方法易于導(dǎo)航和快速加載。
4.快速加載時請注意
臺式機擁有更快的處理器,更強大的計算能力,并且無需在縮小的3G連接中填充兆字節(jié)。它們可以容納更大的文件大小,如長視頻剪輯。您不希望有人登陸您的網(wǎng)頁,只會被未針對移動設(shè)備優(yōu)化的文件陷入困境。
在為設(shè)計準備視覺效果時,請確保:
使用組合良好,整潔,有意義的圖像
使用Photoshop等照片編輯軟件優(yōu)化所有圖像
使用適當大小的比例圖像進行布局
使用高質(zhì)量的背景視頻,但僅在必要時 - 大多數(shù)移動設(shè)備甚至無法顯示這些視頻
5.記住手機制作您的內(nèi)容
移動設(shè)備改變了我們體驗網(wǎng)絡(luò)的方式。我們隨時隨地有一個快速的時間窗口。內(nèi)容需要分成小塊,在短暫的參與過程中很容易被消化。正如視覺設(shè)計元素需要精煉到只需要的東西一樣,內(nèi)容也是如此。這意味著制作簡短,直接,清晰的句子和段落。
內(nèi)容組織在移動設(shè)備上更為重要。每個部分都應(yīng)無縫地流入下一部分。不應(yīng)該有內(nèi)容的變化。當有人滾動瀏覽內(nèi)容時,一切都應(yīng)該有意義。一個想法需要邏輯地流入下一個想法。
6.以正確的方式使用彈出窗口
彈出窗口是轉(zhuǎn)換的重要工具,他們需要使自己的外表變得有用,而不是分散注意力。彈出窗口需要的不僅僅是一般的提示 - 它應(yīng)該與您的品牌個性保持一致,并啟發(fā)一個特定的行動,讓讀者獲得一些東西。即使它將來只是更多的免費內(nèi)容。
彈出窗口需要錨定到特定內(nèi)容。不要在每個頁面的頂部不加選擇地顯示,而是將它們編織到內(nèi)容的結(jié)構(gòu)中。彈出窗口應(yīng)該在所呈現(xiàn)的內(nèi)容中有意義。
7.使用多步驟表單
表格可能既費時又乏味。我們當中有多少人填寫過每一個字段并點擊提交只是為了讓憤怒的紅色文字告訴你一些錯誤?隨著內(nèi)容領(lǐng)域的擴展,很容易錯過一些東西。
多步驟表單的開發(fā)簡化了輸入信息的過程。有一種邏輯流,一種信息的輸入轉(zhuǎn)換到下一種信息。多步形式對于移動設(shè)備尤其有用。讓用戶輕松地設(shè)置帳戶,申請工作或填寫約會檔案。
移動設(shè)計是關(guān)于簡單性的
移動設(shè)計改變了可用性標準。曾經(jīng)很好用于桌面的東西現(xiàn)在被認為是麻煩的。移動設(shè)計消除了不必要的裝飾,并找到了更直接的路線來引導(dǎo)用戶瀏覽內(nèi)容。有些人稱之為約束,我們可以將其視為改善人們體驗網(wǎng)絡(luò)的機會。
-
手機網(wǎng)站的優(yōu)勢有哪些?
日期:2018-10-25 瀏覽次數(shù):2566
-
免費SSL證書申請網(wǎng)站topssl.cn上線
日期:2024-09-23 瀏覽次數(shù):1889
-
如何在北京順義尋找一個踏實的網(wǎng)站建設(shè)公司
日期:2023-08-10 瀏覽次數(shù):4951
-
順義網(wǎng)站建設(shè):北京順義網(wǎng)站建設(shè)的優(yōu)點
日期:2023-05-25 瀏覽次數(shù):5332
-
選擇網(wǎng)站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數(shù):4176
-
北京模板建站
日期:2023-03-28 瀏覽次數(shù):4388
-
如何改善網(wǎng)站應(yīng)用程序的用戶體驗
日期:2018-12-19 瀏覽次數(shù):2745
-
如何讓您的網(wǎng)站看起來更專業(yè)
日期:2019-06-10 瀏覽次數(shù):2371
-
設(shè)計專業(yè)銷售網(wǎng)站的基本要素是什么
日期:2021-09-03 瀏覽次數(shù):1727
-
謝謝你頁面的重要性
日期:2019-07-19 瀏覽次數(shù):2544
-
優(yōu)化移動網(wǎng)站性能的五種方法
日期:2019-08-22 瀏覽次數(shù):2490