當今,人們的生活離不開手機,尤其一些年輕人。因此越來越多的產品,從原來的pc端轉移到優先移動端。當然這個過程中就涉及到設計師們的很多設計問題,他們面臨著在小屏幕設計中顯示大量信息的挑戰。此外,設計師還必須熟悉市場上出現的各種移動設備結構。因此很多人認為手機設計是非常困難的,其實并不是大家想的那樣。根據用戶體驗和研究結果,這里列舉了一些技巧和方法,目的是為了更好的讓大家在下一個移動設計項目中使用。
1.保持主要操作的可訪問性
確保主要操作的可訪問性可以讓盡可能多的人使用你的產品。保持“Design for Everyone”的理念,重要的是要考慮人們手持移動設備的不同方式。
人們手持移動設備的三種主要方式,設計師的目標就是據此設計主要動作,使它們位于用戶手指的操作區域內。
2.考慮可讀性
與PC端相比,移動設備的屏幕更小,因此在小型移動用戶界面上容納大量信息可能具有挑戰性。只有良好的可讀性與其他設計元素相結合,才能提供了出色的用戶體驗。
3.避免長滾動問題
在閱讀大段文字時,長滾動是讓用戶集中注意力的好方法。然而研究表明,在其他情況下,用戶滾動得越多,就越容易失去興趣或感到沮喪。
在這種情況下,建議使用具有“點擊展開”功能的卡片對復雜內容進行收納,或通過將任務分解為幾個屏幕,并使屏幕盡可能短。
4.字體類型和大小
不同的字體可以喚起用戶不同的情感,同時提供易讀性。字體選擇不當也會破壞設計,這就是大多數設計師會在選擇正確的字體上花費很多時間的原因。在談到字體時,請記住以下幾個重要提示:
· 字體:選擇一種適合多種尺寸和權重的字體,以保證每種尺寸的可讀性和可用性。
· 字體大小:使用清晰的字體大小。蘋果和谷歌推薦至少使用11號字體,這樣用戶可以在不縮放的情況下以正常的觀看距離閱讀。
· 顏色對比度:使用對比度檢查來預防字體和背景之間產生的顏色問題。另外,應用60-30-10規則,該規則是保持顏色平衡的理想比例。
5.留出足夠的間距和填充
小屏幕設計并不一定意味著你只能使用更小的文本或更少的空間。盡量不要讓文本或其他元素重疊,通過增加行高或元素間距來提高易讀性。
另外,還要記住,新技術每天都在涌現,作為一個設計師,緊跟潮流是很重要的。例如,彎曲的手機屏幕意味著將填充增加幾個像素的內邊距,以避免不必要的接觸。
6.設計友好的觸摸按鈕
由于手機觸摸控制很小,經常會發生意外的點擊。為了避免這種痛點,需要創建至少10-12毫米(40px)的控件,這樣用戶就可以用手指精確地點擊它們了。
為了幫助你理解這條建議的重要性,不妨想想你在手機中看到的廣告。在廣告中,按鈕通常很小,不容易被發現,并且很難觸及。當然,這些CTA的目的是防止我們都討厭的意外接觸。
7.保持標簽欄干凈清晰
標簽欄是每個應用程序的一部分,這意味著你在設計它們的時候應該非常小心。現在不是發揮創造力的時候!
設計干凈清晰的標簽欄,并盡可能命名所有標簽,以獲得更好的用戶體驗。只有當你110%確信用戶會很容易地識別和理解你的標簽時,再使用圖標表達。如果圖標是必需的,那么它們的結構應該盡可能簡單,不要設計或多的選項和層級。
8.使用常見的導航條
嘗試對導航菜單使用標準組件,如iOS選項卡欄或Android導航抽屜。不要試圖重新發明一些新的導航條。用戶熟悉這些常見模式,因此你的應用程序對他們來說將會更加直觀。這也適用于在這些平臺上設計其他不同的元素。
好了,關于移動端用戶體驗最佳實踐知多少的內容,介紹到這里就結束了,想了解更多關于用戶體驗的信息,請繼續關注中培偉業。