【移動(dòng)端頁面優(yōu)化】好的設(shè)計(jì)通常需要好的內(nèi)容作為基本支持。無論是內(nèi)容還是設(shè)計(jì)，為了化兩者的結(jié)合，往往需要進(jìn)行調(diào)整和優(yōu)化。

當(dāng)您的內(nèi)容需要遷移到移動(dòng)端時(shí)，您如何將內(nèi)容與用戶體驗(yàn)無縫匹配？設(shè)計(jì)人員需要考慮基于小屏幕交互的整體設(shè)計(jì)和優(yōu)化策略。

1、每個(gè)屏幕完成一項(xiàng)任務(wù)

雖然手機(jī)屏幕越來越大，但當(dāng)您的內(nèi)容出現(xiàn)在移動(dòng)設(shè)備上時(shí)，仍然需要確保每個(gè)屏幕只執(zhí)行特定的任務(wù)，而不會積累太多跨進(jìn)程的內(nèi)容。

雖然在移動(dòng)設(shè)備上，用戶已經(jīng)習(xí)慣了多任務(wù)，看游戲聊天，這樣的情況很多。用戶的習(xí)慣和各種應(yīng)用場景使得移動(dòng)界面必須保持內(nèi)容、界面和內(nèi)容的簡單直觀，使用戶在復(fù)雜的操作中不會迷失或困惑。

那么，你如何確保這種清晰的體驗(yàn)?zāi)兀克械奈谋?、插圖、視頻和用戶界面元素都集中在幫助用戶執(zhí)行特定任務(wù)上，并且它們結(jié)合在一起，允許用戶做出決定：是否要執(zhí)行此操作？

2、簡化和優(yōu)化導(dǎo)航系統(tǒng)

當(dāng)用戶打開您的網(wǎng)站或應(yīng)用程序時(shí)，他們通常會執(zhí)行特定的操作、訪問特定的頁面，或者您希望他們單擊特定的按鈕。這些操作能否實(shí)現(xiàn)主要取決于導(dǎo)航方式的設(shè)計(jì)。

盡管在桌面網(wǎng)頁上，一個(gè)高可用的導(dǎo)航可以承載多個(gè)級別、數(shù)十個(gè)甚至20多個(gè)不同的導(dǎo)航項(xiàng)目，但在移動(dòng)端、屏幕和時(shí)間限制常常使用戶太晚，不愿意瀏覽這么多的類別。

導(dǎo)航需要簡化和優(yōu)化。如果你不確定從哪里開始，那么你應(yīng)該為你的手機(jī)版本做用戶分析。用戶訪問多的前三或四個(gè)類別是什么？這些頁面是否滿足主要用戶組的期望？您希望用戶單擊更多內(nèi)容？一旦你了解了整個(gè)導(dǎo)航的關(guān)鍵要素，你就可以對它們進(jìn)行相應(yīng)的優(yōu)化和調(diào)整。

3、基于搜索引擎的設(shè)計(jì)模式

“不要總是玩算法。創(chuàng)建用戶希望看到的內(nèi)容是正確的方法?！?/p>

無論你的網(wǎng)站的pv是100000還是100000，你都必須使你的移動(dòng)內(nèi)容盡可能容易搜索。無論是關(guān)鍵字、圖片還是內(nèi)容都應(yīng)該進(jìn)行優(yōu)化，以便于搜索引擎捕獲。但重要的不是算法，而是創(chuàng)建用戶想要的高質(zhì)量內(nèi)容。

從桌面到移動(dòng)，內(nèi)容的形式也需要隨著平臺的變化進(jìn)行適當(dāng)?shù)膬?yōu)化和修改。例如，大量的大規(guī)模圖像需要根據(jù)移動(dòng)終端的需要進(jìn)行優(yōu)化，如選擇更合理的圖像尺寸、放棄與移動(dòng)終端需求不匹配的JS動(dòng)態(tài)等。

4、較大的字體

小屏幕上顯示的內(nèi)容應(yīng)適當(dāng)增加，以便用戶更容易閱讀和消化。通常，在移動(dòng)端，每行的英文字符大小為30到40，大約是桌面端數(shù)字的一半。

在移動(dòng)端排版設(shè)計(jì)中還有很多需要注意的地方，但總的來說，適當(dāng)增加字體可以提高整體閱讀體驗(yàn)。

5、意義明確的微文

微文本在界面中幾乎無處不在，如按鈕中的文本，這對整體體驗(yàn)有很大的影響。優(yōu)秀的微文本設(shè)計(jì)可以增強(qiáng)整個(gè)界面的個(gè)性和設(shè)計(jì)感。它們是展示信息和將設(shè)計(jì)轉(zhuǎn)化為微觀可理解內(nèi)容的重要途徑。

在移動(dòng)設(shè)計(jì)中，微文本的顯示應(yīng)該足夠清晰，并且始終幫助用戶做些什么來潤色表達(dá)方式。

移動(dòng)支付是一個(gè)非常常見的使用場景，支付經(jīng)常受到各種問題的影響，例如跨多個(gè)屏幕的表單。此時(shí)，引導(dǎo)性強(qiáng)的微文本可以更好地幫助用戶一次性填寫正確的內(nèi)容。

6.去除不必要的特效

在桌面頁面上，旋轉(zhuǎn)和視差滾動(dòng)經(jīng)常使頁面看起來很好，但在移動(dòng)頁面上，情況完全不同。