比爾晴還煩人!用戶最討厭的三種UI設計方式 - 優設-UISDC

                                        比爾晴還煩人!用戶最討厭的三種UI設計方式

                                        2018/08/27 22024評論區

                                        閱讀之前,溫馨提示下,文中提到的 UI設計方式不一定有對錯,如果使用得當,它們都有很大的可能性。

                                        一、彈窗

                                        也許你會知道這種感覺,當你打開一個新的網頁,閱讀到一半時,突然被一個巨大的浮層打斷,要求填寫電子郵箱。大多數人第一反應是關閉彈窗或關閉整個網頁。

                                        這么多網站都會使用這種方式,其用意顯而易見。然而,這種方式對用戶產生了非常負面的影響——中斷了用戶正在做的事(對用戶來說重要的事)并將注意力集中在另一件事情上(對網站來說重要的事)。在你試圖要求獲取用戶信息之前,最好等用戶完成當前的事情(例如,閱讀并熟悉內容)。讓他們有機會選擇是否做某件事情,而不是強迫他們去做。

                                        二、無限滾動

                                        無限滾動是指用戶可以通過無限地向下滾動瀏覽頁面大量內容。當您向下滾動頁面時,它可以一直刷出新的內容。雖然聽起來很好,但這種方式并不適用于所有網站,也不是 APP 的通用解決方案。

                                        △ 圖片來源:Geo Law

                                        這種方式的缺點也是它的優勢——它是沒有終點的。用戶訪問到網頁的某一個位置,他們無法記錄當前瀏覽位置以便于稍后回到同一位置。當用戶離開了網站,他們將失去之前訪問的所有進度,不得不再次向下滾動頁面返回到同一位置。這種方式無法確定用戶的滾動位置,不僅會對用戶造成煩擾或混淆,而且還會使整體用戶體驗變差。

                                        2012年,Etsy 花了很多時間實現電商網站的無限滾動界面,但是卻發現新界面的體驗不如翻頁。雖然購買數量沒有什么變化,但用戶參與度卻下降了(人們有目的地使用搜索的次數下降)。

                                        正如 Dmitry Fadeyev 指出:

                                        人們會想回到搜索結果列表中查看剛才看到的內容,并與他們在列表中發現的其他內容進行比較。無限滾動不僅打破了這種對比,也使列表上下移動變得困難,尤其是當你下次回到頁面,發現自己又回到了頂部,需要再次向下滾動列表并等待內容加載。在這種情況下,無限滾動界面就比翻頁慢多了。

                                        設計師在設計中加入無限滾動之前,應該權衡它的優缺點。選擇取決于場景以及內容的傳遞方式。一般來說,無限滾動適用于像 Twitter、Instagram 這樣的產品,用戶在消耗無窮無盡的數據流時不會特別尋找特定的內容。

                                        譯者注:作者在《UX: Infinite Scrolling vs. Pagination》中提到無限滾動的優缺點:

                                        1. 無限滾動的優點

                                        用戶停留的時間更長,提升用戶參與度。當用戶沒有特定尋找的內容時,可以通過瀏覽海量信息找到自己喜歡的內容(如Pinterest、Facebook)。

                                        滾動比點擊操作更快更容易,分頁展示每次內容更新都需要額外點擊等待加載。無限滾動對于移動設備很友好,移動設備的手勢控制讓滾動更自然。

                                        2. 無限滾動的缺點

                                        影響頁面性能,加載速度慢,用戶無限的向下滾動,加載更多的內容,頁面的性能會越來越低。

                                        無法定位到上一次瀏覽的位置,需要重新不斷下拉回到同一位置。

                                        網站右側的滾動條變得無關緊要,反映不出數據量,當你以為快要接近底部,引誘你繼續向下滾動,結果更多的內容又呈現出來。

                                        缺少頁腳,用戶有時候需要查看某些信息,去頁腳查看發現沒有。這些信息可以展示在別的地方,或者加上「加載更多」的按鈕來響應用戶對更多內容的需求。

                                        結論:無限滾動適用于用戶沒有特定目的的原創內容網站(Twitter,Facebook)或者視覺(Pinterest,Instagram)的網站和 app,分頁則適用于用戶在尋找特定信息的搜索結果列表,以及用戶瀏覽位置重要的地方。谷歌的圖片用了無限滾動,相對于文本搜索,用戶可以更快地瀏覽和操作圖片,文本搜索則需要花費更長的時間。

                                        3. 使用無限滾動的建議

                                        • 當你使用無限滾動時,可以保持導航欄可見,以便于快速進入其他頁面。
                                        • 頁面需要頁腳時,使用「加載更多」的按鈕。
                                        • 為特定項目增加收藏或書簽,以便于保存下來。
                                        • 加載新內容的時候提供視覺反饋,讓用戶知道發生了什么。

                                        三、推送通知

                                        您是否注意過每天從各種應用收到的通知和提醒消息的數量?其中您真正關心的通知有多少?

                                        每天用戶都會被沒用的推送轟炸,分散日常活動的注意力,并感到惱火。

                                        惱人的推送通知是人們卸載移動應用程序的首要原因(根據調查受訪者的比例為71%)。

                                        當用戶開始使用 APP 時,如果推送內容足以讓用戶「愿意被打斷」,他們就不會那么在意收到推送消息,換句話說,這意味著推送消息必須讓用戶覺得足夠有用和有趣。因此,為用戶推送有感染力并使之愉悅的定制化內容才是關鍵。

                                        推送通知是一項特權,因為用戶信任你,才允許你直接向他們發送消息,你不能濫用這個特權。

                                        為用戶設計有用,相關和及時的通知非常重要。推送通知可以成為企業直接與用戶溝通的強大工具,并在適當的時間和地點傳遞正確的信息,以促進互動。

                                        譯者注:作者在《Mobile UX Design: What Makes a Good Notification?》、《How to create effective push notifications》中提到推送通知需要注意幾點:

                                        適當的時間。尊重當地的時間,不要在用戶睡眠的時候發送通知,比如國際化的 APP 針對不同的地區調整推送時間。Andrew Chen 收集了一些數據顯示推送打開率在下午6點后更高,當用戶參與度最高的時候,在下午6-8點時發送推送通知。

                                        △ 圖片來源:Andrew Chen和 Leanplum

                                        限制次數。設置一個合理的推送次數,一些 APP 只要觸發了與你相關的信息就會提醒你,過多的推送可能會引起用戶的不適。

                                        個性化定制不同的推送內容給不同的用戶,推送對用戶有價值的內容。比如根據用戶的瀏覽歷史做相關用戶感興趣的推送。

                                        發送消息之前應該確定好目標,跟蹤數據,確認推送是否達到了效果。

                                        歡迎關注點融設計中心DDC微信公眾號:「ID:DR_DDC」

                                        ddcqr

                                        「如何做好用戶提示」

                                        優設大課堂

                                        非特殊說明,本文版權歸原作者所有,轉載請注明出處
                                        本文地址:http://www.ndwc.tw/annoying-three-ui-design-methods

                                        發表評論 加載中....

                                        評論加載中....

                                        uisdc

                                        評論區都快餓癟了,看看我期盼的小眼神...

                                        優設大課堂 sketch 轉場動效 界面設計 設計師 扁平化設計 交互設計師 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 設計流程 配色 web前端開發 用戶體驗設計 AI教程 海報設計 設計理論 神器下載 字體下載 設計規范 設計趨勢 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
                                        wechat

                                        優設官方微信

                                        50萬設計師關注

                                        微信號:youshege

                                        把好文章收藏到微信

                                        打開微信,掃碼分享
                                        學設計 優設網 在這里

                                        江苏11选5开奖结果