當(dāng)今，人們的生活離不開手機(jī)，尤其一些年輕人。因此越來越多的產(chǎn)品，從原來的pc端轉(zhuǎn)移到優(yōu)先移動端。當(dāng)然這個過程中就涉及到設(shè)計(jì)師們的很多設(shè)計(jì)問題，他們面臨著在小屏幕設(shè)計(jì)中顯示大量信息的挑戰(zhàn)。此外，設(shè)計(jì)師還必須熟悉市場上出現(xiàn)的各種移動設(shè)備結(jié)構(gòu)。因此很多人認(rèn)為手機(jī)設(shè)計(jì)是非常困難的，其實(shí)并不是大家想的那樣。根據(jù)用戶體驗(yàn)和研究結(jié)果，這里列舉了一些技巧和方法，目的是為了更好的讓大家在下一個移動設(shè)計(jì)項(xiàng)目中使用。

　　1.保持主要操作的可訪問性

確保主要操作的可訪問性可以讓盡可能多的人使用你的產(chǎn)品。保持“Design for Everyone”的理念，重要的是要考慮人們手持移動設(shè)備的不同方式。

人們手持移動設(shè)備的三種主要方式，設(shè)計(jì)師的目標(biāo)就是據(jù)此設(shè)計(jì)主要動作，使它們位于用戶手指的操作區(qū)域內(nèi)。

　　2.考慮可讀性

與PC端相比，移動設(shè)備的屏幕更小，因此在小型移動用戶界面上容納大量信息可能具有挑戰(zhàn)性。只有良好的可讀性與其他設(shè)計(jì)元素相結(jié)合，才能提供了出色的用戶體驗(yàn)。

　　3.避免長滾動問題

在閱讀大段文字時(shí)，長滾動是讓用戶集中注意力的好方法。然而研究表明，在其他情況下，用戶滾動得越多，就越容易失去興趣或感到沮喪。

在這種情況下，建議使用具有“點(diǎn)擊展開”功能的卡片對復(fù)雜內(nèi)容進(jìn)行收納，或通過將任務(wù)分解為幾個屏幕，并使屏幕盡可能短。

　　4.字體類型和大小

不同的字體可以喚起用戶不同的情感，同時(shí)提供易讀性。字體選擇不當(dāng)也會破壞設(shè)計(jì)，這就是大多數(shù)設(shè)計(jì)師會在選擇正確的字體上花費(fèi)很多時(shí)間的原因。在談到字體時(shí)，請記住以下幾個重要提示：

· 字體：選擇一種適合多種尺寸和權(quán)重的字體，以保證每種尺寸的可讀性和可用性。

· 字體大小：使用清晰的字體大小。蘋果和谷歌推薦至少使用11號字體，這樣用戶可以在不縮放的情況下以正常的觀看距離閱讀。

· 顏色對比度：使用對比度檢查來預(yù)防字體和背景之間產(chǎn)生的顏色問題。另外，應(yīng)用60-30-10規(guī)則，該規(guī)則是保持顏色平衡的理想比例。

5.留出足夠的間距和填充

小屏幕設(shè)計(jì)并不一定意味著你只能使用更小的文本或更少的空間。盡量不要讓文本或其他元素重疊，通過增加行高或元素間距來提高易讀性。

另外，還要記住，新技術(shù)每天都在涌現(xiàn)，作為一個設(shè)計(jì)師，緊跟潮流是很重要的。例如，彎曲的手機(jī)屏幕意味著將填充增加幾個像素的內(nèi)邊距，以避免不必要的接觸。

　　6.設(shè)計(jì)友好的觸摸按鈕

由于手機(jī)觸摸控制很小，經(jīng)常會發(fā)生意外的點(diǎn)擊。為了避免這種痛點(diǎn)，需要創(chuàng)建至少10-12毫米（40px）的控件，這樣用戶就可以用手指精確地點(diǎn)擊它們了。

為了幫助你理解這條建議的重要性，不妨想想你在手機(jī)中看到的廣告。在廣告中，按鈕通常很小，不容易被發(fā)現(xiàn)，并且很難觸及。當(dāng)然，這些CTA的目的是防止我們都討厭的意外接觸。

　　7.保持標(biāo)簽欄干凈清晰

標(biāo)簽欄是每個應(yīng)用程序的一部分，這意味著你在設(shè)計(jì)它們的時(shí)候應(yīng)該非常小心。現(xiàn)在不是發(fā)揮創(chuàng)造力的時(shí)候！

設(shè)計(jì)干凈清晰的標(biāo)簽欄，并盡可能命名所有標(biāo)簽，以獲得更好的用戶體驗(yàn)。只有當(dāng)你110%確信用戶會很容易地識別和理解你的標(biāo)簽時(shí)，再使用圖標(biāo)表達(dá)。如果圖標(biāo)是必需的，那么它們的結(jié)構(gòu)應(yīng)該盡可能簡單，不要設(shè)計(jì)或多的選項(xiàng)和層級。

　　8.使用常見的導(dǎo)航條

嘗試對導(dǎo)航菜單使用標(biāo)準(zhǔn)組件，如iOS選項(xiàng)卡欄或Android導(dǎo)航抽屜。不要試圖重新發(fā)明一些新的導(dǎo)航條。用戶熟悉這些常見模式，因此你的應(yīng)用程序?qū)λ麄儊碚f將會更加直觀。這也適用于在這些平臺上設(shè)計(jì)其他不同的元素。

好了，關(guān)于移動端用戶體驗(yàn)最佳實(shí)踐知多少的內(nèi)容，介紹到這里就結(jié)束了，想了解更多關(guān)于用戶體驗(yàn)的信息，請繼續(xù)關(guān)注中培偉業(yè)。