洗衣機的操作界面交互分析

7 評論 13104 瀏覽 67 收藏 11 分鐘

從洗衣機的操作界面交互,我們可以學的哪些產品設計方法呢?

最近家里需要購買一個洗衣機,由于空間有限只能選擇波輪洗衣機,因為家里有老人,在選擇過程中界面操作簡單成為我的一個重要的標準,但在某東上逛了許久以及和客服溝通我只好放棄了這個標準。原因是我面對這些操作面板我是懵的,在和客服溝通后我依然很懵,很顯然產品功能的疊加帶來是操作界面操作成本的變高。下面我買的洗衣機操作界面:

在看了說明書和操作實踐后,基本的信息架構是這樣的:

存在的問題如下:

  • 一個指示燈代表了兩層意思,通過常亮和閃爍區分,理解成本過高。
  • 功能選擇中兩個業務沒有區分開選擇。
  • 水量描述的表述和洗衣服的量不能建立關系,用戶對于27L、32L…55L、58L的概念很模糊,也無法和洗衣服的量聯系起來,如用戶放了大半桶衣服進去,那應該選擇多少升的水量來洗衣服,估計只能靠主觀判斷了。
  • 沒有根據使用頻次和功能的優先級排列,如預約功能應該屬于附加功能,屬于低頻次的操作,位置居中且顏色突出不能理解。
  • 組合健的學習成本和使用成本均有點高,特別是對于老年人來說。
  • “常用”的字段描述有歧義,是根據我的使用習慣來記錄的嗎?還是系統已設定的洗衣服功能,這個只能去求助說明書了。
  • 洗衣服的業務的功能選擇(水量選擇、功能選擇、洗滌方式選擇)是有先后順序的,我們可以在界面上進行步驟的引導,如用戶如果選擇單脫水業務,洗滌方式選擇和水量選擇就沒有必要了。

最近又再次翻看了《簡約至上-交互設計四策略》這本書,書中提出了簡化設計的四原則:組織、刪除、隱藏、轉移,書中舉了Flip相機的例子,是如何在大品牌的功能很多的相機中殺出一條血路,Flip 攝像機從默默無聞到一下子銷售出上百萬臺,當時全美國市場的攝像機銷量只有6百萬臺。設計者卡普蘭和布朗斯坦的設計目標就是簡單易用,甚至每個人拿到手中就可以使用,不需要任何說明書,很顯然他們做到了。

重新回到洗衣機的問題上來,如何運用簡約設計四原則來重新設計洗衣機操作界面,才是我們這次討論的主要問題。其實用戶在洗衣服的過程中的心理模型是這樣的:把衣服和洗衣液放進洗衣機, 關上門,打開開始按鈕,很類似把大象裝到冰箱里分為幾步的梗。很顯然事實并非如此,大致看了下現在市面的洗衣機,為了提高競爭力功能的疊加是一種趨勢,在有限的空間下滿足多功能的操作成為設計的挑戰。

接下來我們利用簡化設計四原則對于洗衣機操作界面分析和重新設計:

1、組織

組織是簡化設計的一種常見方式,首先需要根據功能進行分組,并將功能分組根據使用頻次進行優先級排序,其次可以根據功能的使用先后順序引導用戶按照步驟操作,將主要的頻次較高的流程或功能突出。

所以我們可以得到如下的設計方案:

  • 按照用戶使用的頻次和優先級重新分類,并增加步驟引導,且在設計上需要突出:第一步是功能選擇,是指用戶洗衣服所用到的功能,因為功能的選擇會印象后面程序和洗衣量的選擇,例如如果用戶選擇了單脫水功能,其實后面的兩個選擇已經沒有意義了,第二部是洗衣服模式,是指引用戶選擇如何進行洗衣服,第三步洗衣量的選擇,指用戶這次洗衣服量的選擇,度量單位是較為直觀的洗衣桶。
  • 將水量改為洗衣量,用戶只要關注自己的洗衣量就行了,具體需要放入多少水那是洗衣機的事情。
  • 常用改為智能洗,字段描述更加符合業務場景,是指按照程序設定好的流程進行,用戶不用選擇任何功能,只需打開電源放進衣服,點擊開啟即可。
  • 聰明的默認值:由于用戶在使用洗衣機的過程中大部分場景是洗衣服,所以默認的選擇需要和這個業務一致,所以功能選擇默認選中:洗滌-漂洗-脫水,洗衣模式選中智能洗,洗衣量選中較為常見的5桶。
  • 電源功能不同其他按鈕,位置和形狀上需要和其他按鈕有區別。

操作區域分析:

  • 洗衣機操作面板底部為操作熱區,所以將主操作區域放在底部,并突出顯示。

操作路徑分析:

  • 用戶多為右手操作,主要操作流程了是從左到右,符合使用習慣。

多種狀態說明:

功能選擇:

顯示屏

2、刪除

刪除不必要的功能可以讓用戶更加專注,快速實現用戶的目標,回歸產品本來的核心功能,我們現在就從洗衣機最基本的功能出發,可以的到下面的設計方案,回歸簡單,專注洗衣機核心業務,保麻煩留給機器而不是用戶,操作成本和操作都很低,只需要打開電源鍵,放進去衣服和洗衣液,點擊開始讓洗衣機開始工作后,就坐等洗好衣服。

  • 電源鍵,用來控制整個機器的電源的開啟和關閉,控制整個洗衣機的工作狀態,可在位置和形狀上不需要區別于其他按鈕。
  • 開始/暫停按鈕,主要是讓洗衣機開始和暫停工作,也是對功能總體控制,可在位置上和其他按鈕區分開。
  • 顯示屏幕顯示洗衣機工作的進程和剩余的時間。

3、轉移

轉移可以指從一個位置到另一個位置,也可以指從一個設備到其他設備,即是指將非核心的低頻次的功能到其他地方,也是達到用戶更加專注核心功能和自己的模板,減少其他選項的干擾。例如強調物聯網的今天,洗衣機中像童鎖、預約等頻次較低的功能是否可以考慮轉移到APP上操作。

4、隱藏

就是將非核心的、頻次低的功能隱藏起來,不要干擾到用戶正常的操作流程,通過的方式有多種,一般通過視覺上的不可見來達到此目的,如軟件中將某個功能入口變深,如有的空調遙控器做成下面這個樣子,在物理按鍵可通過加蓋板,折疊的方式來實現隱藏的功能,洗衣機的改為設計為可掀開蓋板的兩層設計方案,也是值得研究,這里就不展開討論了。

引起我們的反思:產品在功能疊加換來的用戶體驗的下降,這個是本末倒置的,也會讓自己的產品在市場中失去競爭力,所以傳統廠商也需要在用戶體驗上下功夫,在硬件產品慢慢同質化的今天,可能好的用戶體驗也是一個讓企業擁有市場競爭力的法寶。

引用文獻:

1、科爾伯恩(Giles Colborne). 簡約至上:交互式設計四策略 (圖靈交互設計叢書 1)人民郵電出版社. Kindle 版本。

 

本文由 @大宋 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 洗衣機為了銷售是要分處檔次的,低端的因為成本問題限制很多,操作區域有限,只能用燈和按鍵,操作自然復雜。高端的洗衣機是TFT觸摸屏幕的,文中的那些問題自然就都能解決了,一兩萬的洗衣機用戶體驗當然好,但是要想讓一兩千的洗衣機和高端機有一樣的用戶體驗是不可能的,實體產品和APP是不一樣的

    來自江蘇 回復
  2. 覺得很棒啊 每次用新的洗衣機就很懷疑自己智商了

    回復
  3. 整體思路很棒!個人覺得有一些細節上很待推敲,如操作路徑有點牽強(操作流或視覺流是從左到又或從上到下的“E”或“F”型),這樣做是否符合用戶易用性有待驗證,還有區域的劃分什么的,鄙人薄見,為你的邏輯打call?。?!贊

    來自北京 回復
  4. 現在很多洗衣機會自動衣服(估計是重量)然后自動給出水量。只要選擇模式就可以開始。

    回復
  5. 寫的很棒,深受啟發。

    回復