萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網站用戶體驗設計:信息交互設計金字塔法則

網站用戶體驗設計:信息交互設計金字塔法則

  本文來自7月8日#36氪開放日#北京站,卓衡科技運營總監劉鵬的演講,文中劉鵬講述了他們在創業過程中總結出的交互設計的金字塔法則。卓衡科技是一家新興的用戶體驗設計公司,為客戶提供定制性的用戶體驗設計與移動互聯網軟件設計開發相關的全流程服務。

網站用戶體驗設計:信息交互設計金字塔法則 三聯教程

  金字塔方法這個說法來源於美國著名的現代管理咨詢公司麥肯錫。大致的意思就是:任何事情都能歸納出一個中心點,而此中心論點可以由數個一級論據支撐,這些一級論據也可以被數個二級論據支撐,如此延伸,狀如金字塔。

  當然,你也可以說這個說法最早來源於中國的老子,因為他曾在《道德經》中說:道生一,一生二,二生三,三生萬物。

  對於一般展示型的信息的交互設計,我們的觀點是其設計核心不僅在於不斷豐富信息的表現形式,更在於不斷提升其被感知的速度與精准度。

  對應這個觀點,我們所采用的方法是:把信息展示的重點與交互行為的主任務優先展示,再根據用戶在這個界面上所願停留的時間逐級給予更多細節,我們把這種方法稱之為“信息交互設計金字塔法則”

  下面這種布局類型的網站大家一定還有映像,就是一打開網站,會有個大大的Flash,先是暴長的Loading,然後出現一個聲光化電但不知所雲的Flash一通播放,右下角通常還有個小的英文字,寫著Skip。

  悲劇的是,通常我們通過漫長而耐心等待之後看完這樣的東西,反應是這樣的。

  因為大多數情況下我們實在不知道他們想要告訴我們的到底是什麼,只是覺得浪費了我們太多時間。

  如果想讓用戶有效的接收信息,那麼就必須從人對信息的感知特點來談起。通常說來,人對色彩的感知速度大過圖形,而對圖形的感知速度又大於語言和文字,好的設計,順應人的感知速度,運用金字塔法則來分層級地展示,讓信息得到更迅速,或更精准的傳達。

  人對於信息的接收和解讀,其實是一個從模糊到精確,從定性到定量的過程。好的設計,會關注人感知信息的過程,以及在不同感知階段的心理體驗。

  所以我們現在看到越來越多的信息展示型網站變成了這個樣子。進入網站後,首先看到的是大圖和主題文字,然後下面有更多細節的入口。

  說到這兒,我們來舉個最近身邊的例子吧。大家都知道,蘋果最近推出了視網膜屏的MacBook Pro,為了向大家介紹這款產品的特性並促成銷售,讓我們來看看蘋果在他們的官方網站上是如何做的(該頁鏈接)。

  接下來,讓我們用金字塔法則來對這個網頁進行一個分析。

  如果我們在這個網頁上停留的時間只有三秒鐘,那麼我們看到的就只有一個核心賣點——視網膜屏,以及一個被強調的主任務——購買。如果浏覽者碰巧是一個我這樣的腦殘型果粉,可能直接撲上去就點了那個藍色的Buy Now。

  但通常人們會在確定有興趣之後想得到更多的輔助信息。那麼很好,當我們打算在這個網頁上多停留一點時間,比如三分鐘,那麼把這個網頁向下拖一拖我們能看到這台機器的四個主要賣點:視網膜屏、全閃存架構、機體更纖薄以及速度更快。這就是金字塔的第二級。

  如果你覺得這些信息還不夠呢?很好,你可以通過這四個主要賣點下面的Learn more點擊進去,進行長達半個小時以上的浏覽,直到你完全了解了這台新機器的特性。在這裡,我整理了一張視網膜屏MBP特性介紹的思維導圖,大家能看到越進入金字塔的底部,我們所得到的信息也就越多,細節也就越豐富。

  對於分層式信息展示,我們通常會先考慮頁面整體的色彩傾向,同時對一級信息作重點展示,對二級信息作縮略展示,提供提供三級信息的交互展示或提供入口。這部分工作需要重視信息與數據的可視化,強調在第一時間傳遞核心信息,別讓我想。

  設計師做信息架構的時候除了關心信息的展示,同時還會關注用戶的心理與行為,從而為之設計一系列的交互。

  接下來讓我們從交互的角度,來看看蘋果是怎麼做的。

  首先,金字塔的最上層,也就是核心的主任務,就是購買。如果用戶的意願很強烈和直接,那麼在第一時間,就能找到那個被重點突出和強調的Buy now,如果用戶只是有興趣,購買的意願還不是很強烈,那麼首先應該分層次多渠道的讓了解更多的信息,然後不失時機的來通過增值服務和聰明的幫助來增強用戶的購買意願,在用戶產生了足夠強烈的意願之後,根據用戶自身的情況,提供和推薦更多的渠道選擇確保交易的最終達成。

  針對用戶行為,我們首先要關注的是用戶的主任務,然後需要關注不同類型用戶在不同階段的心理特點,適時地出現幫助,為用戶提供多個選擇而不是主動替用戶作出決定。

  信息交互設計的金字塔法則,不僅十我們用來判斷一個信息交互設計是否優秀的方法,同時也是我們自己做此類設計時的一個指導原則。

  鑒於時間的關系,在這裡我能跟大家分享就只有這麼小小的,然而實用的一招。如果以後機會,也許我們可以一同探討下諸如“如來神掌”之類的華麗大招。

  via:36氪

copyright © 萬盛學電腦網 all rights reserved