用戶最討厭的3種UI設計方法

来源:http://www.cnblogs.com/thomas2/archive/2017/09/19/7551069.html
-Advertisement-
Play Games

以下內容由Mockplus團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具。 註意:本文中提到的設計方法在不同設計場景帶來的效果是不一樣的,並不能說是好的或不好的。 這意味著,如果你正確執行,它們都具有很大的潛力。 1. 彈窗 也許你有過這種經歷。你打開一個新的網頁,閱讀裡面的 ...


以下內容由Mockplus團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具

 

 

註意:本文中提到的設計方法在不同設計場景帶來的效果是不一樣的,並不能說是好的或不好的。 這意味著,如果你正確執行,它們都具有很大的潛力。

1. 彈窗

 

也許你有過這種經歷。你打開一個新的網頁,閱讀裡面的內容,當你看到一半的時候,突然間彈出一個巨大的覆蓋區,要求你填寫個人電子郵件地址。在大多數情況下,你的即時反應將是關閉覆蓋層,或者關閉整個頁面。

 

這麼多網站使用這種設計的原因是很明顯的。然而,這種設計對用戶產生了巨大的負面影響——它要求用戶停止做他們正在做的事情(對他們來說是重要的),並將註意力集中在完全與自己本意無關的活動上(對你來說是重要的)。最好是在請求任何東西之前允許用戶先完成當前的活動(例如閱讀內容或瞭解自己想要的東西)。給他們一個機會來決定他們是否想自己做某事而不是強迫他們去做。

2. 無限滾動頁面

 

無限滾動這種設計方法,允許用戶瀏覽大量的內容,在頁面上看不到底線。當你向下滾動時,這種設計可以保持刷新頁面。雖然聽起來很不錯,但該設計方式並不是一個適合所有網站或應用程式的萬能解決方案。

 

 

該設計的主要缺點基本上也是其主要優點 - 它在視覺上沒有底線。當用戶訪問頁面中的某一處時,他們無法先將其位置加入書簽,然後過段時間再回到標記處。如果他們離開網頁,他們將失去所有的已有進程,必須再次向下滾動才能回到同一個地方。這種方式無法確定用戶原來的滾動位置,不僅會讓用戶感到煩擾或困惑,而且還會損害整體用戶體驗。

在2012年,Etsy花了很多時間來實現一個無限的滾動界面,他發現滾動出的新界面並沒有像分頁一樣表現出色。儘管購買用戶數量大致相同,但用戶的參與度卻下降了(人們使用搜索的熱度下降)。

正如Dmitry Fadeyev指出:

“人們想要回到搜索結果列表去查看他們剛剛看到的東西,把這些搜索出的列表和他們在其他地方發現的東西進行比較。”無限滾動不僅打破了這種對比, 它還使用戶很難上下移動列表, 尤其是當你在另一刻返回頁面時,你會發現頁面又回到了頂部, 被迫你再次向下滾動列表, 等待載入的結果。在這種情況下,無限滾動界面實際上比分頁的要慢。

在將無限滾動加入設計之前,設計師應該權衡無限滾動的優缺點。選擇取決於設計的場景以及內容的傳遞方式。 總的來說,無限滾動對於Twitter / Instagram這樣的用戶來說是非常有用的,用戶在不用尋找任何東西的情況下就會不斷獲取流動的數據流。

3. 推送通知

 

你有沒有註意到你每天從各種應用程式收到的通知和警告信息的數量? 這其中有多少通知是你真正關心的?

每天,用戶都被毫無用處的通知狂轟濫炸,這會讓用戶從日常活動中分散精力,簡直讓人太煩了。

令人厭煩的推送通知是人們卸載手機應用程式的首要原因(根據調查數據,占有71%)。

 

 

當用戶開始使用你的應用程式時,如果你的推送通知給用戶帶來有效價值,他們是不介意的,這意味著推送有時是有用的,並且非常有趣。令人受激勵、感到愉悅的個性化內容是推送有用通知的一個重要組成部分。

推送通知是一種特權,因為用戶對你信任,才允許你直接向其發送消息。但你不得濫用該許可權。

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

Mockplus做原型,更快更簡單,現在下載Mockplus,免費體驗暢快的原型設計之旅。

原文作者:Nick Babich

原文地址:https://uxplanet.org/top-3-most-hateful-ui-techniques-b81eb337e3b9


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 這是一本可供任何人使用的指南,用於學習前端開發實踐。該指南大體上勾勒出了前端工程的輪廓,同時也討論了前端工程的實踐:2017 年,如何學習前端工程,用什麼工具來實踐? 筆者有意將本書打造為一份專業資料,為想要或正在實踐的前端開發者們提供學習材料和開發工具。其次,它同樣可供主管、CTO、講師和獵頭們... ...
  • prop()方法和attr()類似,但是HTML5規定有一種屬性在DOM節點中可以沒有值,只有出現與不出現兩種,例如: attr()和prop()對於屬性checked處理有所不同: prop()返回值更合理一些。不過,用is()方法判斷更好: 類似的屬性還有selected,處理時最好用is(': ...
  • 從2015年2月轉行進入IT行業,到現在也有將近兩年的時間了,從最開始的java到現在的前端,前進的路上一直靠自己摸索,一路走到現在,前端大神是絕對談不上的,最多算一隻剛入門的菜鳥。 從最開始的懵懵懂懂,到現在學著開始寫github、寫博客,其實技術上沒有太多可寫的,畢竟自己也才剛剛入門,只能說是按 ...
  • 在第 2 章的 “函數輸入” 小節中,我們聊到了函數形參(parameters)和實參(arguments)的基本知識,實際上還瞭解到一些能簡化其使用方式的語法技巧,比如 `...` 操作符和解構(destructuring)。 在那個討論中,我建議儘可能設計單一形參的函數。但實際上你不能每次都做... ...
  • 函數式編程**不是僅僅用 `function` 這個關鍵詞來編程**。如果真這麼簡單,那我這本書可以到此為止了!重點在於:函數**是**函數式編程的核心。這也是如何使用函數(function)才能使我們的代碼具有函數式(functional)的方法。 然而,你真的明白**函數**的含義嗎? 在這... ...
  • 產品一直催我在 RN 項目中添加分享功能,一直沒找到合適的庫,今天讓我看到了一個 "插件" 分享給大家。 在集成插件之前,需要在各大開放平臺上成功註冊應用,並通過審核(支持 3 個可選的主流平臺)。支持的平臺如下: "微信開放平臺" "QQ 開放平臺" "微博開放平臺" 第一步 安裝: 在你的項目路 ...
  • NOTE: The below code may not contain all device's string, I'm with other guys are maintaining the same code on GitHub so please take the latest code f ...
  • Android精選源碼 輕量級底部導航欄 android手機衛士源碼 android實現高仿今日頭條源碼 一個用Kotlin寫的簡單漫畫App源碼 android吐槽項目完整源碼 實現可以滑動文字逐漸變色的TabLayout android實現將app隱藏加密功能的源碼 android實現橫向滾動的 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...