設計法則 | 實例解析「交互設計七大定律」在設計中的應用(下篇)

8 評論 25278 瀏覽 227 收藏 14 分鐘

上篇內容筆者介紹了「交互設計七大定律」的前五個,接下來筆者將剩下兩個定律為大家做個實例分析~~

《設計法則 | 實例解析「交互設計七大定律」在設計中的應用(上篇)》

六、復雜性守恒定律/泰思勒定律(Tesler’s Law )

1、復雜度守恒定律/泰思勒定律(Tesler’s Law )簡介

復雜度守恒定律(Law of conservation of complexity)由Larry Tesler于1984年提出,也稱泰斯勒定律(Tesler’s Law)。在Dan Saffer所著的《Designing for Interaction: Creating Smart Applications and Clever Devices》這本書中,有一段對Larry Tesler的采訪,在采訪中對復雜度守恒定律進行了討論。從那以后,作為一個專業的參考依據,復雜度守恒定律開始在用戶體驗和交互設計領域廣為人知。
Larry Tesler的觀點在開發人員中引發了一場爭論:應該讓一位工程師花費額外的一周時間去減少軟件程序的使用難度,還是應該讓數以百萬計的用戶花費額外的一分鐘來克服這一困難,哪個觀點更有益于企業的成功。這一爭論本身也反映出復雜度守恒定律的普適性,而不僅限于軟件和應用程序領域。

該定律認為:每一個過程都有其固有的復雜性,存在一個臨界點,超過了這個點過程就不能再簡化了,你只能將固有的復雜性從一個地方移動到另外一個地方。

2、復雜度守恒定律/泰思勒定律(Tesler’s Law )對于設計的價值

每個應用程序都具有其內在的、無法簡化的復雜度。無論在產品開發環節還是在用戶與產品的交互環節,這一固有的復雜度都無法依照我們的意愿去除,只能設法調整、平衡。這一觀點主要被應用在交互設計領域。

案例一:比如遙控器的設計演變

使用過智能電視的同學都會發現一個問題,智能電視所配備遙控器界面按鈕比普通的電視遙控器按鈕少了很多,設計上也趨向簡潔,使用上也更加好用,沒了那么強烈的選擇恐懼癥,決策的效率也提升了;按鈕的減少也就意味著遙控器所承載的功能減少了,也就是有遙控器的操作復雜度降低了;我們再來看電視機界面及操作的變化,普通電視機的界面通常很簡單,你使用遙控器打開電視時,界面上展示的必定是一個頻道當下的畫面,不會出現復雜的選擇頁面;而現在智能電視的界面就不同了,打開之后界面展示相當復雜,類似現在使用的視頻類APP,交互也相當復雜,雖然,遙控器的功能減少了,但是電視機的界面和交互復雜度提升了;通過以上例子我們不難看出,復雜度的降低是一個相對的概念,不能過分的簡化復雜度,只能通過技術或者其他手段轉移,來提升產品的用戶體驗。

案例二:比如手機設計演變

在諾基亞手機稱霸的那個年代,基本上所有的手機樣式都是一塊顯示屏幕加上底部的操作按鍵,屏幕負責顯示內容,而底部的物理按鍵來實現各種操作,比如,打電話、發短信、上網、聊QQ、玩小游戲等等,就如下圖左一的經典諾基亞手機,我們能清楚的看到它的布局還是蠻復雜,尤其是密密麻麻的物理按鍵,屏幕也相對較小,閱讀體驗現在看來還是蠻差;自從蘋果發布蘋果3GS全面屏只能手機之后,徹底改變了手機的設計風格和操作體驗,也就是我們現在看到的安卓和蘋果的智能手機樣式,更大的屏幕、手勢操作、全新的界面讓人耳目一新;從手機的演變過程來看,智能手機簡化了物理操作按鍵,通過技術手段降低了手機操作的復雜度,尤其是復雜的交互手勢操作,復雜度的降低是通過大量的技術和資金投入解決,這也體現了復雜守恒定律。

案例三:比如今日頭條的個性化信息推薦

今日頭條的首頁推薦內容,都是根據個人的瀏覽愛好或者傾向進行信息的推薦的,除了首頁置頂內容外,其它內容的推薦每個人都是不一樣的;對于用戶來講,這樣的私人定制信息體驗很好,瀏覽的信息都是相關或者叫做用戶自己喜歡的內容;對于用戶來講這是一件好事情,但是,對于產品的開發和設計者來說,這是一個很難的事情,因為實現這樣的效果或者體驗,需要很強的技術能力和大量服務器的支持,這種做法就是通過技術手段,將用戶復雜度降低,轉移到了開發者本身,使得用戶的閱讀體驗在同類產品中做到獨樹一幟。

七、簡單有效原理/奧卡姆剃刀原理(Occam’s Razor )

1、奧卡姆剃刀原理(Occam’s Razor )

奧卡姆剃刀定律(Occam’s Razor, Ockham’s Razor)又稱“奧康的剃刀”,它是由14世紀邏輯學家、圣方濟各會修士奧卡姆威廉(William of Occam,約1285年至1349年)提出。這個原理稱為“如無必要,勿增實體”,即“簡單有效原理”。

2、奧卡姆剃刀原理(Occam’s Razor )對于設計的價值

引用《通用設計法則》中的解釋:“該原理的含義指的是不必要的元素會降低設計的效率,而且增加未預期后果的發生概率。不管是實體、視覺或者認知上,多余的設計元素,有可能造成失敗或者其它問題。這個法則還有美感上的吸引力,可以比喻成「剪除」設計中多余的元素,去除解決方案的雜質,最后設計會更嚴謹更純粹?!?/p>

如果要從功能相同的設計中做出選擇,那么最好選用最簡單的設計。這里所說的「功能相同」,指的是一般尺度來衡量,設計所展現的功能類似。

(1)只放置必要的東西

簡潔網頁最重要的一個方面是只展示有作用的東西,其他的都沒有。這并不意味著你不能提供給用戶很多的信息,你可以用“更多信息”的鏈接來實現這些。

案例:比如百度搜索首頁界面

提起搜索引擎,在國內都會想起百度,不僅是因為搜索內容準確及時,也因為百度搜索首頁設計簡潔,專注搜索,頁面上搜索框是最顯眼的,用戶剛進入百度首頁的時候就可以看到中間的搜索框,然后直接輸入文字進行搜索,其他相關信息被放置在不怎么顯眼右上角,而且增加了“更多產品”按鈕,給需要的用戶提供一個信息的入口。

(2)減少點擊次數

讓你的用戶通過很少的點擊就能找到他們想要的東西,不要讓他們找一個內容找得很累。

案例:比如三星充值與支付寶充值流程

如下圖所示,三星手機充值界面要完成整個的話費充值流程,需要點擊動作三次,而支付寶的充值界面完成整個話費充值流程只需要點擊一次,頁面流程更短,效率更高;因此,減少用戶的點擊次數,能提升產品的用戶體驗。

(3)減少段落的個數

每當你的網頁增加一段,頁面中主要的內容就會被擠到一個更小的空間。那些段落并沒有起到什么好的作用,而是讓顧客們知道更多他們不想了解的東西。

案例:比如雅虎搜索首頁界面

雅虎跟谷歌和百度一樣,是做搜索引擎的,而且是做的最早的一家,可是現在卻沒有谷歌和百度使用的人多,有部分原因在于首頁設計的失誤上,大家都知道谷歌和百度首頁最顯眼的就是搜索框,沒有太多的干擾信息,而我們看看下圖中的雅虎首頁,最大片的內容區域給了各種新聞和廣告,最重要的搜索框在頂部所占的位置卻很小,用戶本來是搜索內容的,進入首頁卻看到大段的無關信息,干擾了用戶的正常操作。

(4)“外婆”規則

如果你的外婆(其他老點的人)也能輕松的使用你的頁面,你就成功了。

案例:比如微信的界面設計

據英媒《金融時報》近日報道,微信活躍用戶已近10億人,微信超過 55 歲以上用戶僅占 1%,但考慮到多達 2 億的老年人口,這部分用戶的增長潛力巨大,微信也越來越關注如何服務好老年用戶,比如開通語音和視頻聊天功能,提升通話穩定性和質量等,在發紅包上,老年用戶的活躍度甚至超過了 95 后,月均發送 25 次紅包;從以上數據來看,微信是符合此原則的。

(5)給予更少的選項

做過多的決定也是一種壓力,總體來說,用戶希望在瀏覽網頁的時候思考的少一點。我們在展示內容的時候要努力減少用戶的思維負擔,這樣就會使瀏覽者使用更順暢,心態更平和。

案例:比如谷歌與雅虎首頁

谷歌和雅虎都是國際著名的搜索引擎,兩者對于信息的檢索能力是一摸一樣的,但是,兩者中間使用最多的還是谷歌瀏覽器,原因就在于谷歌專注于搜索,頁面上展示的也只有搜索框,用戶打開頁面直接搜索內容就可以;而雅虎的頁面信息相比谷歌信息實在太多了,頁面上大部分內容都是新聞資訊,搜索反而弱化了,過多的信息很容易讓用戶迷茫。

總結

以上便是《設計法則 | 實例解析「交互設計七大定律」在設計中的應用》的下半部分內容,自此該文章的所有內容已經更新完畢,文中觀點有什么不合適的地方歡迎大家指正交流~~

最后,謝謝大家的閱讀,喜歡就點個贊哦~~筆芯~~

相關閱讀

《設計法則 | 實例解析「交互設計七大定律」在設計中的應用(上篇)》

? 《交互理論 | 深度解析尼爾森十大交互設計原則在設計中的用法》

 

作者:熊貓小生,交互設計師,4年互聯網產品設計經驗,曾主導多個互聯網產品的設計工作。

本文由 @熊貓小生 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖由作者提供

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 感謝~想問下熊貓在這方面有沒有推薦的書呢

    來自北京 回復
    1. 《通用設計法則》了解下~~

      來自上海 回復
    2. 感謝~

      來自北京 回復
  2. 鞭辟入里!

    來自北京 回復
    1. 感謝~~ :mrgreen:

      來自上海 回復
  3. 雅虎搜索有單獨的網頁搜索頁和主頁面搜索框,前一個也是很簡潔的

    回復
  4. 關于點擊次數,看怎么來定義這個功能,比如總比提到的支付寶充值,三星的操作流程復雜,支付寶的簡單,要分析他們這樣設計的原因,三星這樣的設計師希望用戶使用三星支付,給支付寶支付設置復雜障礙,支付寶是自己產品,肯定會設計簡單,就像微信的發表圖片一樣,同一個按鈕,你點擊一下,是發圖文,長按是發文字,微信為什么這樣設置,微信想躲讓用戶使用圖文,純文字屬于次要功能。所以,所有的操作,是簡單還是復雜,要考目的性,

    來自上海 回復
    1. 你說的沒毛病,就這個例子來講只是設計上面的問題,因為三星這個充值還是跳轉支付寶支付,單純從交互流程和操作路徑來講,三星的點擊次數和涉及到的頁面事最多的,支付寶之前的版本也是跟三星一樣的設計邏輯,但是后來改過了,就這個流程來講,支付寶確實點擊次數更少,三星的點擊次數確實多了~~筆芯~~ ?

      來自上海 回復