發(fā)布時間:2024-04-07 17:58:49 瀏覽量:162次
注:文中提到的UI設(shè)計方式不一定有對錯,如果使用得當,它們都有很大的可能性。
也許你會知道這種感覺,當你打開一個新的網(wǎng)頁,閱讀到一半時,突然被一個巨大的浮層打斷,要求填寫電子郵箱。大多數(shù)人第一反應(yīng)是關(guān)閉彈窗或關(guān)閉整個網(wǎng)頁。
這么多網(wǎng)站都會使用這種方式,其用意顯而易見。然而,這種方式對用戶產(chǎn)生了非常負面的影響 – 中斷了用戶正在做的事(對用戶來說重要的事)并將注意力集中在另一件事情上(對網(wǎng)站來說重要的事)。在你試圖要求獲取用戶信息之前,最好等用戶完成當前的事情(例如,閱讀并熟悉內(nèi)容)。讓他們有機會選擇是否做某件事情,而不是強迫他們?nèi)プ觥?/p>
無限滾動是指用戶可以通過無限地向下滾動瀏覽頁面大量內(nèi)容。當您向下滾動頁面時,它可以一直刷出新的內(nèi)容。雖然聽起來很好,但這種方式并不適用于所有網(wǎng)站,也不是APP的通用解決方案。
圖片來源:Geo Law
這種方式的缺點也是它的優(yōu)勢 – 它是沒有終點的。用戶訪問到網(wǎng)頁的某一個位置,他們無法記錄當前瀏覽位置以便于稍后回到同一位置。當用戶離開了網(wǎng)站,他們將失去之前訪問的所有進度,不得不再次向下滾動頁面返回到同一位置。這種方式無法確定用戶的滾動位置,不僅會對用戶造成煩擾或混淆,而且還會使整體用戶體驗變差。
2012年,Etsy花了很多時間實現(xiàn)電商網(wǎng)站的無限滾動界面,但是卻發(fā)現(xiàn)新界面的體驗不如翻頁。雖然購買數(shù)量沒有什么變化,但用戶參與度卻下降了(人們有目的地使用搜索的次數(shù)下降)。
正如Dmitry Fadeyev指出:
“人們會想回到搜索結(jié)果列表中查看剛才看到的內(nèi)容,并與他們在列表中發(fā)現(xiàn)的其他內(nèi)容進行比較。無限滾動不僅打破了這種對比,也使列表上下移動變得困難,尤其是當你下次回到頁面,發(fā)現(xiàn)自己又回到了頂部,需要再次向下滾動列表并等待內(nèi)容加載。在這種情況下,無限滾動界面就比翻頁慢多了?!?/p>
設(shè)計師在設(shè)計中加入無限滾動之前,應(yīng)該權(quán)衡它的優(yōu)缺點。選擇取決于場景以及內(nèi)容的傳遞方式。一般來說,無限滾動適用于像Twitter、Instagram這樣的產(chǎn)品,用戶在消耗無窮無盡的數(shù)據(jù)流時不會特別尋找特定的內(nèi)容。
譯者注:作者在《UX: Infinite Scrolling vs. Pagination》中提到無限滾動的優(yōu)缺點:
(1)用戶停留的時間更長,提升用戶參與度
當用戶沒有特定尋找的內(nèi)容時,可以通過瀏覽海量信息找到自己喜歡的內(nèi)容(如Pinterest、Facebook)。
(2)滾動比點擊操作更快更容易
分頁展示每次內(nèi)容更新都需要額外點擊等待加載。無限滾動對于移動設(shè)備很友好,移動設(shè)備的手勢控制讓滾動更自然。
(1)影響頁面性能,加載速度慢,用戶無限的向下滾動,加載更多的內(nèi)容,頁面的性能會越來越低。
(2)無法定位到上一次瀏覽的位置,需要重新不斷下拉回到同一位置。
(3)網(wǎng)站右側(cè)的滾動條變得無關(guān)緊要,反應(yīng)不出數(shù)據(jù)量,當你以為快要接近底部,引誘你繼續(xù)向下滾動,結(jié)果更多的內(nèi)容又呈現(xiàn)出來。
(4)缺少頁腳,用戶有時候需要查看某些信息,去頁腳查看發(fā)現(xiàn)沒有。這些信息可以展示在別的地方,或者加上“加載更多”的按鈕來響應(yīng)用戶對更多內(nèi)容的需求。
結(jié)論:無限滾動適用于用戶沒有特定目的的原創(chuàng)內(nèi)容網(wǎng)站(Twitter,F(xiàn)acebook)或者視覺(Pinterest,Instagram)的網(wǎng)站和app,分頁則適用于用戶在尋找特定信息的搜索結(jié)果列表,以及用戶瀏覽位置重要的地方。谷歌的圖片用了無限滾動,相對于文本搜索,用戶可以更快地瀏覽和操作圖片,文本搜索則需要花費更長的時間。
您是否注意過每天從各種應(yīng)用收到的通知和提醒消息的數(shù)量?其中您真正關(guān)心的通知有多少?
每天用戶都會被沒用的推送轟炸,分散日?;顒拥淖⒁饬?,并感到惱火。
惱人的推送通知是人們卸載移動應(yīng)用程序的首要原因(根據(jù)調(diào)查受訪者的比例為71%)。
當用戶開始使用APP時,如果推送內(nèi)容足以讓用戶“愿意被打斷”,他們就不會那么在意收到推送消息,換句話說,這意味著推送消息必須讓用戶覺得足夠有用和有趣。因此,為用戶推送有感染力并使之愉悅的定制化內(nèi)容才是關(guān)鍵。
推送通知是一項特權(quán),因為用戶信任你,才允許你直接向他們發(fā)送消息,你不能濫用這個特權(quán)。
為用戶設(shè)計有用,相關(guān)和及時的通知非常重要。推送通知可以成為企業(yè)直接與用戶溝通的強大工具,并在適當?shù)臅r間和地點傳遞正確的信息,以促進互動。
譯者注:作者在《Mobile UX Design: What Makes a Good Notification?》、《How to create effective push notifications》中提到推送通知需要注意幾點:
(1)適當?shù)臅r間。尊重當?shù)氐臅r間,不要在用戶睡眠的時候發(fā)送通知,比如國際化的APP針對不同的地區(qū)調(diào)整推送時間。Andrew Chen收集了一些數(shù)據(jù)顯示推送打開率在下午6點后更高,當用戶參與度最高的時候,在下午6-8點時發(fā)送推送通知。
圖片來源:Andrew Chen和 Leanplum
(2)限制次數(shù)。設(shè)置一個合理的推送次數(shù),一些APP只要觸發(fā)了與你相關(guān)的信息就會提醒你,過多的推送可能會引起用戶的不適。
(3)個性化定制不同的推送內(nèi)容給不同的用戶,推送對用戶有價值的內(nèi)容。比如根據(jù)用戶的瀏覽歷史做相關(guān)用戶感興趣的推送。
(4)發(fā)送消息之前應(yīng)該確定好目標,跟蹤數(shù)據(jù),確認推送是否達到了效果。
本文為原創(chuàng)譯文,轉(zhuǎn)載/引用皆請標明譯者和出處,本文版權(quán)歸點融設(shè)計中心DDC所有。
英文原文:Top 3 UI Techniques That Users Hate Most
原文地址:
https://uxplanet.org/top-3-most-hateful-ui-techniques-b81eb337e3b9
譯者:Yadira,微信公眾號:「微信ID:DR_DDC」
本文由 @Yadira 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Pexels,基于 CC0 協(xié)議
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學習UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學UI設(shè)計要多久?培訓完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設(shè)...
9. 設(shè)計中的色彩心理學:淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
10. 武漢UI設(shè)計培訓班費用怎么樣?想學UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓班的費用是多少嗎?不知道學UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓班的學費價格以及學習內(nèi)容。
最新文章
同學您好!