在給客戶進(jìn)行鄭州網(wǎng)站建設(shè)時(shí),我們?nèi)绾未_定目標(biāo)元素的交互方式是滑動還是點(diǎn)擊呢?
這個改動引發(fā)了一個問題,用戶想查看下一條答案,要滑動到頁面底部。如果當(dāng)前的答案字?jǐn)?shù)很多或者配上了圖片,那么用戶就要滑動好幾次才可以切換答案,這對用戶體驗(yàn)來說無疑是一種傷害。因?yàn)樽约寒吘共皇侵鮾?nèi)部的員工,不知道這次改動的具體依據(jù)是什么。
參考了朋友圈底下的評論,大家的看法大致可以分為以下三種:
增加頁面底部廣告和評論的曝光度,在提升廣告收入的同時(shí),增加用戶互動;
提升答案閱讀完成率;
iOS端左右滑動會和返回手勢相混淆,安卓用戶依然可以左右滑動切換答案。
可能會有人說不一定非要滑動到界面底部啊,不是有「下一個回答」的按鈕嗎,你可以直接點(diǎn)擊按鈕切換答案啊。
這是一個非常好的問題,其實(shí)點(diǎn)擊按鈕切換答案和滑動切換答案代表了兩種不同的手勢:點(diǎn)擊與滑動。
那么在界面設(shè)計(jì)中,我們?nèi)绾未_定目標(biāo)元素的交互方式是滑動還是點(diǎn)擊呢?
滑動還是點(diǎn)擊,不同的終端選擇的標(biāo)準(zhǔn)是不一樣的。我們在面試過程中,經(jīng)常會被問到 PC端和移動端界面設(shè)計(jì)的區(qū)別在哪里。其實(shí)在我看來這兩者最本質(zhì)的區(qū)別在于——內(nèi)容承載量的不同。
一個 PC 網(wǎng)頁可以承載多個層級,多個維度的信息,內(nèi)容越多,對操作準(zhǔn)確性的要求就越高,鼠標(biāo)點(diǎn)擊可以幫助用戶完成精準(zhǔn)快速的操作。
而移動端礙于尺寸原因一個界面展示不了多少信息,展示的信息太多用戶要滑動才可以看到。因此移動端設(shè)計(jì)要求界面與內(nèi)容簡單直接,遵循「一個界面,一個任務(wù)」的原則。
那么在這種前提下,如何提升移動端產(chǎn)品的易用性呢?我們可以更多的引入滑動手勢,為什么?
因?yàn)橄啾扔邳c(diǎn)擊,滑動對于準(zhǔn)確性要求不是很高。
例如:在蝦米音樂的歌曲播放界面中,如果用戶想返回上一界面,點(diǎn)擊屏幕任何區(qū)域上滑就可以了。當(dāng)然你也可以點(diǎn)擊界面左上角的返回/收起按鈕,但是明顯費(fèi)力的很多。而且大屏手機(jī)是趨勢,對于習(xí)慣右手握持手機(jī)的用戶來說,拇指能不能夠得著左上角的按鈕都是一個問題。
當(dāng)然并不是所有的滑動手勢都是全屏操作的,在網(wǎng)易云音樂中,如果你手指的落點(diǎn)位于唱片的外部,右滑會返回上一界面。如果落點(diǎn)在唱片的內(nèi)部,右滑會切換歌曲,這就是剛才提到的 iOS端左右滑動會和返回手勢相混淆。
以上面提到的知乎為例,其實(shí)安卓用戶依然可以左右滑動切換答案,因?yàn)榘沧康撞坑形锢矸祷劓I,不會發(fā)生手勢混淆的情況。