科技

互動設計的四策略 打造簡單易用好用的產品

這個遙控器是不是好熟悉呢?按鈕少,層次分明,一共就三組按鍵,我一直在想小米在設計這款遙控器的時候,是不是也看過這本書《簡約至上》。在進行互動設計前需要明確幾個前提條件,如下。

01.場景

何為場景,場景簡單地說就是什麼時間、什麼地點、什麼人、做什麼事。作者把場景分為環境、角色、情節。

可信的環境,故事中的“時間”和“地點”。

可信的角色,“誰”

流暢的情節,“做什麼”和“怎麼樣”、“為什麼”

是不是覺得和5w2h很像,WHO誰?由誰來做?WHAT是什麼?做什麼工作?目的是什麼?WHY為什麼做?可不可以不做?有沒有替代方案?WHEN何時做?WHERE在哪裡做?HOW怎麼做?方法是什麼?HOW MACH做到什麼程度?質量如何?數量多少?

又讓我想起小學學記敘文的六要素是:時間、地點、人物、事件的起因、經過、結果。

02.使用者

作者將使用者分為三種類型,分別是專家型使用者、隨意型使用者、主流使用者

何為專家型使用者?看看那些極客或發燒友,沒事就拆拆剛上市的手機;小米研發手機系統的時候,發燒友會給小米反饋很多優化意見,還愛把體驗製作成視訊或文章分享出來;這類比較有探索精神,熱愛新奇事物,求知慾比較強的使用者,我們就可以當成專家型使用者。

何為隨意型使用者?這類使用者沒有專家型使用者那麼愛學習愛分享,能夠接受一定程度的新鮮事物,但是不能過於複雜。

何為主流使用者?我能粗暴的說除了前面兩種,都是主流使用者嗎?好像可以這麼認為,這類人沒有探索精神、不愛分享、不愛研究,對新鮮事物也沒那麼感興趣,求知慾也不強,一般使用產品就只使用最基本的功能。然後這類使用者的群體最大。

猜猜看哪些是主流使用者,哪些是隨意型使用者,哪些是專家型使用者。作者提出一個概念,忽視專家型使用者,為主流使用者設計。

廢話一籮筐,直接上幹活吧。下面我們詳細來介紹《簡約至上》的核心,互動設計的四策略。

01.刪除

策略:關注核心使用者的核心價值,對功能進行優先順序排序,保留優先順序最高完全滿足大眾使用的功能,刪除可有可無的內容,直到不能再刪為止。實現方法如下。

1 關注核心

我們只關注核心使用者和核心價值,核心使用者就是前面提到的使用者群體最大的主流使用者;去留意和觀察,他們日常生活最關心的功能體驗,產品增加價值始於核心體驗。

2 砍掉殘缺

在產品圈子經常聽到研發和產品調侃,砍我不要砍需求。作者認為如果實現不狗理想,就應該砍掉,因為做得多相應維護成本也大,這類功能越多,越容易掩蓋掉優質的功能,最後整個產品會變得極其平庸。

曾經我負責某公司的教育類產品,在我們進到公司時發現該公司居然開發了一百多個系統,實際有應用到不到5%。不近浪費了很多人力物力,市場銷售在推廣的時候也不知道亮點在哪裡,老闆的方向也變得凌亂。

3 減少操作

給出預設值,讓使用者少選擇少操作;記住使用者的上次操作,也有同樣的效果。

4 減少判斷和干擾

刪除沒必要的選項,可以減少對使用者的干擾;少給一些錯誤提示,尤其是模態彈窗,會讓使用者多操作同時感覺自己做錯了什麼。

減少不必要的文字說明,進行視覺排版,可參照《寫給大家看的設計書》的原則,親密性、對齊、重複、對比,以後會詳細介紹。

5 功能優先順序排序

非核心問題或殘缺功能統統砍掉,然後按產品是否滿足使用者最高優先順序的目標進行排序。使用者最終想要解決什麼問題,最想解決的是什麼問題。完成排序,就會進入下面三個策略。

02.組織

策略:將刪除後保留的功能,劃分成組,同類型功能操作在同一個位置。作者特別指出:只強調一兩個最重要的主題。實現的具體方法如下。

1 分塊

相同內容或功能,分到一個組織。參照上面的遙控器佈局,還有就是常見的APP,比如頂部是分類、搜尋,下面是內容列表。

2 分先後

按照使用者先做什麼後做什麼,進行先後順序的排版。

3 搜尋

搜尋是彌補網站或APP導航缺失的部分,導航的搜尋結果可能來源很多個組織,所以一定要將組織分塊完成後,再來進行設計。高階搜尋,可以選擇多個組織,也可僅篩選某個組織。

4 分時間和空間

比如時間軸,就是將事件按時間進行組織;再比如馬蜂窩的目的地,就是按空間進行組織。

5 其他

讓不規則的佈局方式,變得有條理;大小和位置上做區分;上下分層,呈現立體感,藉助不同顏色陰影可實現分層;詳細請閱讀《寫給大家看的設計書》的對比和對齊。

03.隱藏

策略:將不那麼重要但又需要的功能隱藏到更深的位置,減少對主流使用者的干擾。比如微信,點選我的>>支付後,裡面還藏著很多功能。

隱藏會給使用者帶來操作上的不便,所以在隱藏的時候,需要考慮使用者的操作成本,做好資料採集和分析,沒有太多用處的功能,可以儘早刪除。

1 常用功能放在最顯眼的位置,不常用功能隱藏在選單下。

比如PS軟體、Offce軟體、開發軟體等很多複雜軟體,因為功能太多了,需要通過切換tab或則點選選單來查詢更多功能。

2 隱藏在設定裡

如果我們開發了很多功能,這些功能不是所有人都需要,但是針對不同的使用者,如專家型使用者,隨意型使用者,就需要將這些功能隱藏到設定裡,設定功能開關,預設是關上的,目的是不干擾主流使用者。

3 隱藏在正文裡

使用微信讀書或多看閱讀等軟體,發現不認識的字或單詞,長按,可以調出字典或搜尋,用來查詢解釋。

4 隱藏在搜尋裡

平時我們使用百度和Google僅僅使用了文字搜尋框,你是否有留意過高階搜尋呢?這是為專家型使用者涉及的,再比如購物篩選,可以按銷量、價格等因素進行復雜篩選。

04.轉移

策略:將複雜的操作轉移到其他地方,讓它變得更加易用。看看你的手機,再看看下面圖片的手機,鍵盤哪去了?

還有遙控器少了很多按鍵,各種複雜的設定、搜尋等都可以轉移到電視機上,通過遙控器語音或上下左右鍵就可以進行操作。完成轉移有如下方法。

1 裝置與裝置之間的轉移

剛剛提到的遙控器與電視機的轉移,手機鍵盤與手機螢幕的轉移。

2 桌面平臺與移動平臺轉移

從PC時代到現在移動網際網路時代,很多OA辦公變為移動辦公;以前你在電腦上看新聞、視訊、娛樂、聽音樂,現在你只需要一部手機就可以完成。

3 支付轉移

以前我們出門購物,都要帶上錢包;現在,好似一兩月不取錢,都不緊要。

4 人與裝置的轉移

看看現在路面上的監控系統,各種攝像頭,以前交通管理靠交警指揮,現在全靠訊號燈。治安也資訊化了,靠監控系統捕捉,就可以進行治安管理。

5 轉移的未來

以後太多需要人類去完成的重複性的簡單呢的工作,都會有機器人來完成;人的頭腦會轉移到程式裡,程式與程式之間互相轉移,機器會自己學習和進化,“人類”成了“機器”,“機器”成了“人類”。

end.總結

本書最重要的四個策略:刪除、組織、隱藏、轉移,可用於產品設計前的互動設計原則,也可用於產品設計後的檢查覆盤。無論是設計前還是設計後,目的只有一個給到使用者功能最清晰、操作最簡單、一看就能用、一用就喜歡。加入你在購買電視機或其他產品,也可以借鑑這裡提到的四個策略,如果設計太複雜,請勿購買!另外,《簡約至上》還有很多小案例和豐富的配圖,建議購買紙質書閱讀,他們的排版和設計也值得學習。

最後有個懇求,能說說你見到過的,簡單好用的產品嗎?

點選購買《簡約至上》

Reference:科技日報

看更多!請加入我們的粉絲團

轉載請附文章網址

不可錯過的話題