如何做到《簡約至上》

1概述

????????今年8月,就已經(jīng)拜讀了《簡約至上:交互式設計四策略》,其中本書中一些精華的設計原則我已記錄在案,如今將這些設計原則結合具體的案例進行分析,如何做到簡約至上,從而更加形象的理解交互設計的四策略。文中所舉例子僅為個人觀點,如有不同意見或建議,歡迎廣大朋友拍磚。

2用戶分類

2.1三種用戶

????????本書中將用戶分為三種類型:隨意型用戶、主流用戶和專家型用戶。與上面的三種類型對應的,根據(jù)用戶對產(chǎn)品的掌握程度,我們可以將用戶分為新用戶、中間用戶、專家用戶,這三種類型的用戶基本呈正態(tài)分布。

?????? 新用戶和專家用戶都只是少數(shù),大多數(shù)新用戶在使用一段時間產(chǎn)品后,隨著對產(chǎn)品的逐漸熟悉慢慢就會成長為中間用戶,而少部分中間用戶會因為不斷探索產(chǎn)品功能而成為專家型用戶,這也就意味著在產(chǎn)品設計時最重點考慮的是這部分中間用戶,他們才是產(chǎn)品使用的主流群體,因此,我們更需要考慮這部分用戶的需求來進行產(chǎn)品設計。

?????? 由于中間用戶占絕對的主體地位,而新用戶和專家用戶只是少數(shù)派,因此,在產(chǎn)品設計時,不要試圖滿足所有用戶,要以中間用戶為主,滿足中間用戶的需求。

3交互設計四策略

???? 《簡約至上》中的提出的4點簡約設計原則就是:刪除、隱藏、組織和轉移。四個策略都有其優(yōu)、缺點,在產(chǎn)品設計時,不要僅僅傾向于其中一種,需要根據(jù)具體情況采用更合適的策略,有時甚至需要將4種策略同時考慮,做到“因時而變,因勢而變”。

3.1刪除

?????? 簡化設計最明顯的方式就是:刪除不必要的功能,即產(chǎn)品設計時要學會做減法,不能是功能的堆砌?!皠h除”策略的核心就是干掉那些增加用戶負擔和干擾用戶的因素,讓用戶專注于核心功能的使用。

???????? 現(xiàn)在我們通過一個例子來說說“刪除”策略。打開支付寶APP后,在首頁排列著各個業(yè)務模塊,現(xiàn)在已經(jīng)有9行,一行4個,差不多有36個小模塊,基本成了業(yè)務模塊的堆砌,而一些業(yè)務模塊在其它地方也有入口,卻被重復放在了首頁的位置。如下圖中的“服務窗”(這和微信中的“訂閱號”功能類似),在“朋友”菜單和“通訊錄”中均有該功能入口,而用戶獲得某個服務窗基本是基于通訊錄朋友的推薦或者用戶主動搜索關注。而支付寶團隊可能更多考慮到的是商業(yè)價值,所以把“服務窗”也放在了首頁中。我們都知道在設計產(chǎn)品時,需要在用戶體驗和商業(yè)價值的上取得平衡。所以我的建議是:將首頁的“服務窗”刪除,保留“朋友”菜單和“通訊錄”這2個入口,或者將其固定放在“朋友”中的“生活圈”下面,且不可刪除,這樣,不僅簡化了首頁,而且,用戶同樣能收到“服務窗”推送的新消息。

3.2組織

????? 組織往往是簡化設計最快捷的方式。對產(chǎn)品界面進行重新組織布局時,需要考慮—尺寸、顏色、位置、形狀和層次對界面進行組織。具體組織方法總結如下:

1.通過分塊重新組織界面,將復雜模塊組織成清晰的層次結構;

2.根據(jù)用戶的操作行為,組織產(chǎn)品(如電商的購物流程);

3.利用不可見的網(wǎng)格來布局,重新組織界面元素;

4.考慮元素的大小、位置(重要元素大一些,相似的元素放一起);

5.利用感知分層技術,借住顏色、灰色陰影、大小縮放、形狀變化來實現(xiàn)感知分層;

?????? 這里以微信舉例,如微信的“通訊錄”中,根據(jù)字母A-Z從上到下,將首字母相同的聯(lián)系人放在同一個字母的分塊中;同時,使用了上述說到的網(wǎng)格、顏色灰暗的感知分層,通過這些組織方式,可讓用戶很方便的查找聯(lián)系人,該方式在手機通訊錄中也廣泛使用,如下圖所示:

???? 如下圖微信中,“我的錢包”頁面也進行了組織,將服務按服務提供方進行了分塊處理,分成了“騰訊服務”和“第三方服務”。這樣,通過分塊來重新組織界面,使得界面功能模塊更加清晰。但是,在支付寶中,是沒有這樣處理的,下文的“隱藏”策略中將有說明。

3.3隱藏

??????? 隱藏策略,一般就是隱藏不常用,但不能少的功能,該策略在很多產(chǎn)品中都有體現(xiàn),比如產(chǎn)品中常用的“設置”選項。還比如微信中的“訂閱號”,就隱藏了公眾號的推送內容,如果用戶想看這部分內容,可以點擊“訂閱號”進去查看,而不是在最外層直接推送給用戶,強制用戶查看,給用戶帶來不必要的干擾。

??????? 其實,上文提到的支付寶中,也有許多功能模塊可以考慮進行隱藏,然后可按照功能相似性或功能類型進行重新組織。比如支付寶中的“壹基金月捐”和“愛心捐贈”可以放在“更多”中,然后重新組織后放在“慈善服務”的模塊中(這里僅僅是拋磚引玉,說明把不常用的功能,隱藏起來,且重新組織)。


3.4轉移

?????? 轉移主要涉及需要重新布局的、復雜的功能。需要注意以下幾點:

1.在設備之間轉移(將復雜的部分轉移到其它設備);

2.向用戶轉移(用戶愿意做的事情讓用戶自己做);

3.將復雜的事情交給計算機處理;

??????? “轉移”這種策略其實在微信上也有很好的體現(xiàn),比如公眾號的管理,就被轉移到了PC上,這樣在電腦上就可以很方便的編輯和管理公眾號,對于公眾號的管理,其實市面上已經(jīng)出現(xiàn)了專門對公眾號內容進行編輯的產(chǎn)品。同時,對于一些有工作需要的用戶,微信成為了他們的溝通工具,那么這部分用戶可以通過微信網(wǎng)頁版進行登錄,網(wǎng)頁版的微信設計非常簡單,主要給一部分用戶在手機之外的設備上進行溝通之用。這些例子都是就將手機上操作很麻煩的事情,轉移到了電腦上。

4結語

?????? 總之,要為中間用戶設計,設計時需要刪除不必要的,組織需要提供的,隱藏非核心的,轉移需要重新布局的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,825評論 25 709
  • 舍不扔的擔心:不配得感 公主王子 空間 心理 通暢 一、買買買:清楚自己要買什么 不跟風 買了用多久 真的喜歡嗎 ...
    行走的詩歌閱讀 346評論 0 0
  • 伊恩萊斯利說好奇心是獲得成功的內在動力;愛因斯坦說我沒有其他的天賦,只有強烈的好奇心;居里夫人說好奇心是學者的第一...
    關鍵期育兒錦囊閱讀 361評論 0 5
  • 今天是1000天寫作的第八天。今天談談吳清友的誠品書店。 最近朋友圈刷屏,因為臺灣誠品書店創(chuàng)始人吳清友因病去世。說...
    丁曉磊閱讀 404評論 3 7

友情鏈接更多精彩內容