2017-02-14 分類: 網(wǎng)站設(shè)計(jì)
注:文中提到的UI設(shè)計(jì)方式不一定有對錯,如果使用得當(dāng),它們都有很大的可能性。
1. 彈窗
也許你會知道這種感覺,當(dāng)你打開一個新的網(wǎng)頁,閱讀到一半時,突然被一個巨大的浮層打斷,要求填寫電子郵箱。大多數(shù)人第一反應(yīng)是關(guān)閉彈窗或關(guān)閉整個網(wǎng)頁。
這么多網(wǎng)站都會使用這種方式,其用意顯而易見。然而,這種方式對用戶產(chǎn)生了非常負(fù)面的影響 – 中斷了用戶正在做的事(對用戶來說重要的事)并將注意力集中在另一件事情上(對網(wǎng)站來說重要的事)。在你試圖要求獲取用戶信息之前,最好等用戶完成當(dāng)前的事情(例如,閱讀并熟悉內(nèi)容)。讓他們有機(jī)會選擇是否做某件事情,而不是強(qiáng)迫他們?nèi)プ觥?/p>
2. 無限滾動
無限滾動是指用戶可以通過無限地向下滾動瀏覽頁面大量內(nèi)容。當(dāng)您向下滾動頁面時,它可以一直刷出新的內(nèi)容。雖然聽起來很好,但這種方式并不適用于所有網(wǎng)站,也不是APP的通用解決方案。
圖片來源:Geo Law
這種方式的缺點(diǎn)也是它的優(yōu)勢 – 它是沒有終點(diǎn)的。用戶訪問到網(wǎng)頁的某一個位置,他們無法記錄當(dāng)前瀏覽位置以便于稍后回到同一位置。當(dāng)用戶離開了網(wǎng)站,他們將失去之前訪問的所有進(jìn)度,不得不再次向下滾動頁面返回到同一位置。這種方式無法確定用戶的滾動位置,不僅會對用戶造成煩擾或混淆,而且還會使整體用戶體驗(yàn)變差。
2012年,Etsy花了很多時間實(shí)現(xiàn)電商網(wǎng)站的無限滾動界面,但是卻發(fā)現(xiàn)新界面的體驗(yàn)不如翻頁。雖然購買數(shù)量沒有什么變化,但用戶參與度卻下降了(人們有目的地使用搜索的次數(shù)下降)。
正如Dmitry Fadeyev指出:
“人們會想回到搜索結(jié)果列表中查看剛才看到的內(nèi)容,并與他們在列表中發(fā)現(xiàn)的其他內(nèi)容進(jìn)行比較。無限滾動不僅打破了這種對比,也使列表上下移動變得困難,尤其是當(dāng)你下次回到頁面,發(fā)現(xiàn)自己又回到了頂部,需要再次向下滾動列表并等待內(nèi)容加載。在這種情況下,無限滾動界面就比翻頁慢多了?!?/p>
設(shè)計(jì)師在設(shè)計(jì)中加入無限滾動之前,應(yīng)該權(quán)衡它的優(yōu)缺點(diǎn)。選擇取決于場景以及內(nèi)容的傳遞方式。一般來說,無限滾動適用于像Twitter、Instagram這樣的產(chǎn)品,用戶在消耗無窮無盡的數(shù)據(jù)流時不會特別尋找特定的內(nèi)容。
譯者注:作者在《UX: Infinite Scrolling vs. Pagination》中提到無限滾動的優(yōu)缺點(diǎn):
無限滾動的優(yōu)點(diǎn)
(1)用戶停留的時間更長,提升用戶參與度
當(dāng)用戶沒有特定尋找的內(nèi)容時,可以通過瀏覽海量信息找到自己喜歡的內(nèi)容(如Pinterest、Facebook)。
(2)滾動比點(diǎn)擊操作更快更容易
分頁展示每次內(nèi)容更新都需要額外點(diǎn)擊等待加載。無限滾動對于移動設(shè)備很友好,移動設(shè)備的手勢控制讓滾動更自然。
無限滾動的缺點(diǎn)
(1)影響頁面性能,加載速度慢,用戶無限的向下滾動,加載更多的內(nèi)容,頁面的性能會越來越低。
(2)無法定位到上一次瀏覽的位置,需要重新不斷下拉回到同一位置。
(3)網(wǎng)站右側(cè)的滾動條變得無關(guān)緊要,反應(yīng)不出數(shù)據(jù)量,當(dāng)你以為快要接近底部,引誘你繼續(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é)果列表,以及用戶瀏覽位置重要的地方。谷歌的圖片用了無限滾動,相對于文本搜索,用戶可以更快地瀏覽和操作圖片,文本搜索則需要花費(fèi)更長的時間。
使用無限滾動的建議
當(dāng)你使用無限滾動時,可以保持導(dǎo)航欄可見,以便于快速進(jìn)入其他頁面。
頁面需要頁腳時,使用“加載更多”的按鈕。
為特定項(xiàng)目增加收藏或書簽,以便于保存下來。
加載新內(nèi)容的時候提供視覺反饋,讓用戶知道發(fā)生了什么。
3. 推送通知
您是否注意過每天從各種應(yīng)用收到的通知和提醒消息的數(shù)量?其中您真正關(guān)心的通知有多少?
每天用戶都會被沒用的推送轟炸,分散日常活動的注意力,并感到惱火。
惱人的推送通知是人們卸載移動應(yīng)用程序的首要原因(根據(jù)調(diào)查受訪者的比例為71%)。
當(dāng)用戶開始使用APP時,如果推送內(nèi)容足以讓用戶“愿意被打斷”,他們就不會那么在意收到推送消息,換句話說,這意味著推送消息必須讓用戶覺得足夠有用和有趣。因此,為用戶推送有感染力并使之愉悅的定制化內(nèi)容才是關(guān)鍵。
推送通知是一項(xiàng)特權(quán),因?yàn)橛脩粜湃文?,才允許你直接向他們發(fā)送消息,你不能濫用這個特權(quán)。
為用戶設(shè)計(jì)有用,相關(guān)和及時的通知非常重要。推送通知可以成為企業(yè)直接與用戶溝通的強(qiáng)大工具,并在適當(dāng)?shù)臅r間和地點(diǎn)傳遞正確的信息,以促進(jìn)互動。
譯者注:作者在《Mobile UX Design: What Makes a Good Notification?》、《How to create effective push notifications》中提到推送通知需要注意幾點(diǎn):
(1)適當(dāng)?shù)臅r間。尊重當(dāng)?shù)氐臅r間,不要在用戶睡眠的時候發(fā)送通知,比如國際化的APP針對不同的地區(qū)調(diào)整推送時間。Andrew Chen收集了一些數(shù)據(jù)顯示推送打開率在下午6點(diǎn)后更高,當(dāng)用戶參與度高的時候,在下午6-8點(diǎn)時發(fā)送推送通知。
(2)限制次數(shù)。設(shè)置一個合理的推送次數(shù),一些APP只要觸發(fā)了與你相關(guān)的信息就會提醒你,過多的推送可能會引起用戶的不適。
(3)個性化定制不同的推送內(nèi)容給不同的用戶,推送對用戶有價值的內(nèi)容。比如根據(jù)用戶的瀏覽歷史做相關(guān)用戶感興趣的推送。
(4)發(fā)送消息之前應(yīng)該確定好目標(biāo),跟蹤數(shù)據(jù),確認(rèn)推送是否達(dá)到了效果。
網(wǎng)站題目:網(wǎng)站設(shè)計(jì)公司:用戶最討厭的三種UI設(shè)計(jì)方式
本文鏈接:http://m.rwnh.cn/news/73906.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容