互動設計的簡約之道與實際應用

來源:互聯網
上載者:User

  隨著資訊過載越來越嚴重,人們的負擔也越來越嚴重。手機、PC、平板甚至各種穿戴式裝置等傳遞著各種訊息,微信、微博等不斷蠶食著我們的時間。事實上,很多時候我們已經不堪重負,每天早上當我醒來開啟微信的時候,都有著十幾條的資訊。

  資訊的泛濫,在很大程度造成了人們的注意力的分散。現在的行動裝置 App,如果不能在10秒鐘內吸引使用者,也許再也沒有機會了。應用趨向於簡單、易上手。風靡世界的憤怒的小鳥、切水果、會說話的湯姆貓,互動方式都簡單而且創新,或者手指滑動螢幕,或者只需對著螢幕說話。

  互連網的使用者通常可以分為如下三類:主流使用者、隨意型使用者、專家型使用者。不同的地點(辦公室、家、戶外)、不同的情境幹擾因素不同,產品的著力點也不一樣。但由於我們平時接觸較多的熱心使用者,更多的是屬於專家型使用者,這也是做產品時常犯的一種錯誤:為那些專家型使用者設計。

  《簡約至上》中作者就提出了四條策略來闡述如何讓設計更簡單:

  刪除—去掉所有不必要的按鈕,直至減到不能再減

  組織—按照有意義的標準將按鈕劃分成組

  隱藏—把那些不是最重要的按鈕安排在不明顯的地方,避免分散使用者注意力

  轉移—只保留具備最準系統的按鈕,將其他不常用的轉移到其他裝置

  如上圖是DVD遙控器,作者運用這四條策略分別簡化後的效果:

  簡約策略的實際應用

  刪除

  刪除策略的核心是,幹掉那些分散注意力的因素,聚焦於項目。在確定什麼功能該保留、什麼功能該刪除的時候,遵循如下原則:

  刪除—去掉所有不必要的按鈕,直至減到不能再減:iPhone和iPad就簡化到只有一個Home按鍵。

  應對使用者在使用產品過程中常見的幹擾源也是關注核心的一部分:

  看電視時來電話了這是個很常見的幹擾,這時候就可以用靜音按鍵來解決。因此設計遙控器的時候就要通過按鈕大小、位置、顏色使得靜音按鍵明顯。

  玩手機遊戲的時候來電話了,當你接電話的時候遊戲都會自動暫停,當重新開始後又會有幾秒鐘時間提醒你開始玩。

  360瀏覽器、Google瀏覽器異常關閉了,下一次開啟時就會詢問是否重新開啟上一次關閉的頁面。

  當客戶再次光顧網站/應用,它通常願意以前次離開的狀態作為起點:

  福昕閱讀器每次開啟同一個PDF檔案,顯示的都是第1頁,與此形成對比的是手機QQ閱讀瀏覽器則每次開啟的都是上次閱讀的頁碼。

  Chrome、獵豹等瀏覽器支援啟動時繼續瀏覽上次關閉瀏覽器時在看的網頁

  去除幹擾源,不讓使用者分心

  印象筆記出了一款chrome外掛程式—悅讀,用來去除與閱讀無關的內容。不少網友都有看有小說被各種彈出廣告、浮動廣告幹擾的經曆,當選中文字進入“悅讀”模式可以屏蔽所有的廣告,同時提供了夜間模式,避免夜晚的時候螢幕過強的光線刺激使用者眼睛不能專心閱讀。

  組織

  分塊越少,選擇越少,使用者負擔越輕。

  按照有意義的標準將按鈕劃分成組:

  Word上作為一款文文書處理應用程式功能很強大,但也由此帶來了非常多的功能,但通過分塊地方式很好地將類似的功能組合在一起。頁面上方提供“頁面配置”、“引用”、“審閱”、“視圖”等菜單,每個菜單根據子項分塊組合。當我需要需要插入頁首時,會想到點擊“插入”菜單,發現“頁首和頁尾”分塊下 “頁首”、“頁尾”、“頁碼”三項。不需要毫無頭緒地從眾多功能中逐個尋找了。

  關於分塊組合最常見的例子是iOS上的應用,iOS的Table控制項本來就有一種是Group風格的。

  微信底部朋友們、設定兩個標籤都採用了分塊的方式來組織資訊,將搜尋號碼、掃描二維碼、從QQ好友名單、從手機通訊錄尋找好友等添加好友的各種方式組織在一起。

  隱藏

  漸進展示:核心功能+擴充功能的模式

  隱藏策略我最喜歡的一個案例是植物大戰殭屍(保衛蘿蔔也採取了這種方式)。植物大戰殭屍的引導頁面做的非常棒,一開始只提供最簡單的道具(隱藏進階的道具),每完成一個關卡就會獎勵一個道具,並在下一關卡讓你使用。這種漸進式的展示,既通過獎勵道具激勵使用者,又讓使用者熟悉了道具的特點、用法。

  需要時才顯示

  Path在手指上下滑動時會顯示好友的頭像和資訊發布的時間,但一旦停留在某張圖片上時(這通常意味著你對這張照片感興趣),會將頭像和時間隱藏起來,讓使用者聚焦於感興趣的地方。

  轉移

  轉移策略的核心轉移複雜性,是讓每個組件/平台發揮自己的優勢:

  iPad和iPhone只有一個Home鍵,將設定轉移到介面內

  在如今的PC和行動裝置 App上大有用武之地。比如手機輸入遠不如PC便利,微信網頁版就允許使用者在PC上登入。

  最近豌豆莢新增了“零流量下載”:使用者選擇想要下載的電影,手機串連PC後PC上的豌豆莢會自動下載。因為行動電話通訊速度慢且資費昂貴,但這對PC而言根本不是問題,所以就很自然地把這類問題轉移到PC端。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。