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

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

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

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

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

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

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

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

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

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

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

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

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

從桌面到移動(dòng)，內(nèi)容的形式也需要隨著平臺(tá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ì)中還有很多需要注意的地方，但總的來(lái)說(shuō)，適當(dāng)增加字體可以提高整體閱讀體驗(yàn)。

5、意義明確的微文

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

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

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

6.去除不必要的特效

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