close
                                                          


1概述

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

2用戶分類

2.1三種用戶

  本書中將用戶分為三種類型:隨意型用戶、主流用戶和專家型用戶。與上面的三種類型對應的,根據使用者對產品的掌握程度,我們可以將用戶分為新用戶、中間用戶、專家用戶,這三種類型的用戶基本呈正態分佈。

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

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

3交互設計四策略

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

3.1刪除

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

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

3.2組織

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

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

2.根據使用者的操作行為,組織產品(如電商的購物流程);

3.利用不可見的網格來佈局,重新組織介面元素;

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

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

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

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

3.3隱藏

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

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

3.4轉移

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

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

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

3.將複雜的事情交給電腦處理;

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

4結語

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

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 微社群馬丁 的頭像
    微社群馬丁

    馬丁跟你說

    微社群馬丁 發表在 痞客邦 留言(0) 人氣()