案例研究:如何實際應用UX設計法則?來看看 Netflix (網飛) 遵循的7個使用者體驗定律!
UI & UX
Article:2022/07/19
歡迎來到 「NEW案例三分鐘」 欄目~ 「NEW案例三分鐘」 是由美國互動設計資訊連載的關於互動設計的案例分享欄目,每週為大家更新不同型別的UI&UX設計案例,希望大家在閱讀案例的研究過程有所收穫~
大家喜歡看什麼型別的案例分析呢? 歡迎在 文末 加入我們的 交流群 中共同討論哦~
Netflix 美國奈飛公司,簡稱 網飛 ,是一家會員訂閱制的 流媒體播放平臺 。今天為大家分享 Netflix在網頁和應用程式設計中遵循的一些UX定律 , 幫助大家在真實的優秀案例中理解如何在設計實踐中使用UX設計法則:
1. 審美可用性效應
使用者通常認為美觀的設計是更實用的設計。
Netflix的設計令人賞心悅目,所有的電影海報、元素、圖示和排版都是為了 吸引你的注意力 而設計的。當你將Netflix與競爭對手進行比較時,你會發現它的設計是多麼 令人愉悅 ,許多人使用它的一個原因是Netflix在行業中已經很老了,這是真的,因為 體驗和使用者資料對於優秀的設計來說很重要 。
2. 菲茨定律
獲取目標的時間是到目標的距離和大小的函式:即大且近的目標,使用者更易觸及;而小且遠的目標,使用者更難到達。
Netflix遵循菲茨定律,因為Netflix應用程式的第一個螢幕設計方式是,首先你會看到一個電影的大海報,然後你會看到播放按鈕和其他電影, 基本上從底部開始 ,這意味著 播放按鈕和其他所有電影都很容易用拇指訪問 。 距離越近,使用者越容易點選按鈕 ,等等。
3. 相似法則
人眼傾向於將設計中的相似元素視為完整的圖片,形狀或組,即使這些元素是分開的。
Netflix應用程式和網站都遵循相似法則,因為 所有元件(如按鈕)在所有地方都是相似的 ,播放按鈕看起來與應用程式中的一模一樣,這 讓使用者感到一致和輕鬆 。
4. 希克定律
做出決定所需的時間隨著選擇的數量和複雜性而增加。
Netflix知道他們有一個很大的電影和連續劇庫,但他們也 知道如何讓你輕鬆選擇要看的內容 。如果你不知道,他們會顯示一個趨勢頁面,在那裡你會看到你所在國家最值得觀看的十大電影或連續劇。 通過將電影數量從1000部減少到只有10部 ,網飛遵循了希克定律。
5. 多爾蒂閾值
當計算機和它的使用者以一定的速度(<400 毫秒)進行互動時,生產力就會飆升,從而確保雙方都不必等待對方。
Netflix不希望你等待內容,因此,它試圖 將影象壓縮或縮小 ,這樣就 不會佔用你的時間 。有時會出現問題,但Netflix通過使用載入指示器、進度條和設計框架等處理得很好。
6. 雅各布定律
使用者大部分時間都花在其他網站上。這意味著使用者更喜歡您的網站以與他們已知的所有其他網站相同的方式工作。
使用者不喜歡每次開啟一個新的應用程式都學習新的東西,Netflix知道這一點,Netflix 試圖讓事情儘可能簡單 。Netflix遵循Jackob定律的一個很好的例子是Netflix的視訊播放器,它 與Youtube、Prime、Disney Plus等其他視訊應用程式類似 。
7. 蔡加尼克效應
比起已完成的任務,人們更能記住未完成或中斷的任務。
Netflix 不想讓你離開平臺 ,因此他們使用蔡加尼克效應, 這基本上讓你觀看完整的電影或連續劇,因為你認為你花了太多時間在上面,為什麼不一直看到最後呢 。與已完成的連續劇/電影相比,我們記得所有未完成的連續劇/電影(由於某種原因您在中間或高潮部分中斷)。
感謝閱讀:)希望對大家在設計實踐中運用UX設計法則有所啟發~
(部分圖文來自網路,若有侵權,請聯絡刪除。)
加入 UI&UX交流社群 ~
設計資源/書籍資源/知識互動
還有更多神祕福利!
一起創作更好的設計~
往期推薦 | Read More
設計資訊:UX/UI設計師能為可持續未來做些什麼?5個親生物UX解決方案!
案例研究:提供簡歷寫作服務的網站設計
案例研究:能夠提高轉化率的郵件設計系統—Naukri設計專案
文字丨Jelly
編輯丨Jelly
如果覺得我們做的還不錯點個贊和在看吧! :
- 案例研究:如何實際應用UX設計法則?來看看Headspace(冥想類產品巨頭) 遵循的7個使用者體驗定律!
- 案例研究:飽和設計主題如何創新?培養正念冥想習慣的應用程式——Mindwaves!
- 設計資訊:Adobe 收購 Figma 會改變互動設計的未來嗎?有哪些 Figma 流行替代品?
- 設計資訊:iPhone 14新設計動態島(Dynamic Island)是下一個革命性的使用者體驗模式?
- 環保意識、國際旅行、數字貨幣、區塊鏈:在未來具有影響力的使用者體驗設計領域!
- 設計資訊:超越人工智慧的藝術?為更廣泛的創意應用生成影象!
- 一款自制寵物飲食的指南應用程式Petcy:幫助鏟屎官為毛茸茸的朋友準備自制食物!
- 雙鑽模型知識篇!為具有創造力的設計師們提供指導路線圖!(附視訊公開課)
- 設計師如何表達愛情?七夕專場案例分享來啦!
- 來測測你是否是一個好設計師?快速核對清單!
- UI 設計的一致性:改善使用者體驗的 8 個技巧!
- 設計資訊:動態介面的未來?設計與自然環境同步的使用者介面美學
- 案例研究:如何實際應用UX設計法則?來看看 Netflix (網飛) 遵循的7個使用者體驗定律!
- 開課啦!在IDEO做互動設計師的一天?直播公開課:7月12日(週二)上午 10:00!
- 一起為人類老齡化而設計:5種創造包容性數字體驗的方法!
- 案例研究:能夠提高轉化率的郵件設計系統—Naukri設計專案
- 寫給互動設計初學者?來看看12個設計創作方向和10個Ui基本元素!
- 推薦幾個AR設計指南網址
- 案例研究:優秀的UI設計是如何誕生出來的?Colony-協作平臺的登陸頁面設計
- 設計資訊:Figma vs Sketch!為什麼10 家設計機構從 Sketch 轉向 Figma?