通常我們在移動端UI界面設(shè)計時,由于屏幕尺寸限制,很多內(nèi)容不得不超出屏幕空間。出血邊緣允許內(nèi)容滲透屏幕邊緣以最大化空間,當用戶看到一些視覺提示時,就意味著有更多內(nèi)容要顯示。但是不合理的設(shè)計,用戶也可能會錯過它并且無法滑動以獲取更多內(nèi)容。
1、為了確保用戶看到提示,請至少出血一半的內(nèi)容
確保出血量足夠到用戶可以用手指觸摸并滑動的位置。避免出血太少的內(nèi)容,否則用戶不會注意到它是可滑動的。出血的內(nèi)容量應(yīng)約為手指寬度。這個尺寸可以讓手指舒適地擊中觸摸目標。
2、進度條設(shè)計
假設(shè)用戶因為過于關(guān)注屏幕中心而錯過了出血內(nèi)容提示。頁面進度條或相關(guān)的提示元素,就應(yīng)當給予充當?shù)奶崾?,也可以表示滑動,指示一行中包含的滾動視圖的數(shù)量。但是,如果您的指標元素過小,用戶也很容易錯過它們。許多設(shè)計師使用小圓,但它們并不總是很容易看到。更好的方法是使用長條形的矩形,因為它們具有更大的可視寬度。
3、左右切換的箭頭按鈕
您不應(yīng)該總是依賴滑動作為顯示更多內(nèi)容的唯一方式。有些用戶沒有足夠的手動能力來輕松完成此操作。提供箭頭按鈕可以幫助這些用戶通過點擊來瀏覽內(nèi)容。如果您的內(nèi)容行有標題,您可以將箭頭按鈕放置在標題旁邊。此位置允許用戶在掃描標題時看到按鈕。如果您的內(nèi)容行沒有標題,請將它們放在內(nèi)容下方的中心以方便查看。將按鈕放置在邊緣是桌面屏幕的常見做法。但是,將此應(yīng)用到移動屏幕會阻塞滑動區(qū)域,因為它將點擊區(qū)域和滑動區(qū)域堆疊在一起。不僅如此,按鈕還覆蓋在內(nèi)容上,使它們更難以看到。
4、查看全部按鈕
查看更多內(nèi)容的按鈕,可能并不總是符合用戶的最佳利益,有時他們很投入并希望在一頁上看到所有內(nèi)容。但是對于某一些用戶,“查看全部”按鈕是非常必要的。此按鈕的最佳位置是靠近標題,以獲得最佳可見性,當然也可以放在該模塊/卡片的最底部。這樣做的好處是可以讓用戶投入更多的精力,讓他們在尋找自己想要的東西上投入的越多體驗的時間,他們放棄任務(wù)的可能性就越小。因此,“查看全部”按鈕應(yīng)該突出顯示。
聯(lián)系我們,開啟一場關(guān)于您項目的討論會吧。
?2010-2025 維好維可 | 用戶體驗創(chuàng)新設(shè)計公司-版權(quán)所有
滬ICP備19006116號-1
提交信息后,我們的專屬顧問會在1個工作日內(nèi)與您聯(lián)系。