從XMind與MindMaster的交互比較中談用戶體驗

編輯導語:產品的用戶體驗一直是比較重要的一部分,產品最終服務于用戶,所以對于產品的各方面設計帶來的用戶體驗也是不可缺少的,用戶體驗也能從多個方面進行體現;本文作者分享了關于從XMind與MindMaster的交互比較中談用戶體驗,我們一起來了解一下。

當談及用戶體驗的時候,每個人似乎都能說上兩句,那么到底什么是用戶體驗呢?

大家先來看看兩個常用模型:

Peter Morville在《The User Experience Honeycomb》里提到,他認為用戶體驗包含7個模塊,包括有用、可用、滿意、可尋、可接近、信任和價值,可以用蜂巢模型來體現。

還有一個更經典的五層模型,由Jesse James Garrett 在《用戶體驗要素》里提出,他認為用戶體驗包含五個要素,可以用五層模型來體現,包括表現層、框架層、結構層、范圍層、戰略層。目前被廣泛用于產品設計和產品分析。

可以看出,不論蜂巢模型,還是五層模型,其實都加入了商業和戰略層面的考量;這無可厚非,畢竟做一款產品本質是在做一門生意。

但如果單純從用戶體驗角度出發,那么兩個模型中的部分維度分析是不必要的,至少對于普通用戶來說意義不大;畢竟用戶和界面的交互,才是用戶可以直接感知到的,也是用戶體驗最主要的來源。

因此,筆者這篇文章主要從用戶與界面的交互(即UX)出發,在對XMind與MindMaster(兩款非常相似的國產思維導圖軟件)的交互比較中談談我對用戶體驗的進一步理解。

為了說點大家都能看懂的大白話,筆者把交互劃分為操作前、操作中、操作后三個流程,各個流程的要求是操作前要信息明確、操作中要反饋及時、操作后要進行操作返回。

01 操作前要信息明確

信息明確,就是要求功能組價擺放合理、信息傳達準確高效。它類似蜂巢模型提出的可尋和可接近,你不僅要讓用戶能找到他們需求的東西,還要能讓用戶方便地完成操作、達成目的。

要想做到信息明確,可以從指示明確、減少疑惑、信息可見這三個方面出發。

1. 指示明確

所謂指示明確,典型如路牌,就是你順著路牌的指示就能順利到達目的地(忽略那些坑爹的路牌)。放到軟件上,就是你順著軟件的提示就能方便完成操作。

整體上看,兩款軟件大多功能的指示都比較明確,但也存在部分指示不明的細節。

先說體驗友好的部分,比如MindMaster“文件”頁左上方的返回按鈕,采取了用戶習慣的“←”符號,大家基本都知道是返回的意思,表意清晰。

又比如將鼠標懸停在常用功能的icon上方,兩款軟件都會顯示懸浮窗口,對該功能進行解釋說明并且介紹對應的快捷操作。可以明顯降低用戶的學習成本。

但也恰恰在這個令人稱道的交互上,兩款軟件又都表現出讓用戶比較迷惑的細節。

比如:XMind懸浮窗口對組合快捷鍵的展現,用空格鍵替代了用戶更為熟悉的加號鍵;而后者,又同時出現在用它的菜單下拉列表中,這不符合一致性原則,容易造成指示混亂。

MindMaster的“子主題”懸浮窗口展現了三種快捷鍵,其中Tab鍵用了從視覺上極易混淆的“→”圖形(該圖形指代Tab鍵是筆者自己試錯出來的),其它兩個快捷鍵用的卻是正常的字母符號。

2. 減少疑惑

減少疑惑,就是盡可能讓界面,以及界面中的圖標/文字清晰明了,以便用戶快速發現自己想要的功能。

先看界面的頂部菜單欄。XMind和MindMaster的功能都比較多,但功能一多,用戶找起來就不太方便;為了更好處理這一場景,兩款軟件采取了不同的菜單導航策略。

XMind的菜單導航可以分為兩部分(如下圖):

區域1:文章Tab,點擊可開展浮動小列表,這里折疊了XMind的大部分功能(理論上是相對不太常用的功能);隨之會帶來另一個問題,如果用戶常用功能在小列表里,用戶就需要反復操作,成本相對是比較高的。

區域2:常用功能區,放置了用戶常用的功能,主要以“上圖形下文字”的形式呈現。結合區域1提及的問題,或許可以將其優化為“自定義”,支持用戶將自己常用的功能添加到該功能區。

MindMaster界面頂部采取的是分段控件導航欄:點擊主菜單,就會展現該菜單下的功能集,同時收起其他所有菜單,保持當前菜單的聚焦。

這種布局和Office非常接近,于用戶而言,學習成本是比較低的。

這兩種菜單導航策略,其實很難說誰更優。在我看來,菜單導航策略本質是一道乘法題,等式右邊的值是固定的,但等式左邊的兩個乘數是可以變化的,只不過兩者是此消彼長的關系。

接著是界面的側邊欄,兩款軟件依然采取了不同的展現策略。

XMind側邊格式欄默認折疊,點擊后展開,展開后icon變灰,顯示在用狀態。由于用戶經歷了從折疊到展開的過程,相當于已經完成了對用戶的教育,用戶基本可以無障礙了解到“二次點擊icon可以實現從展開到折疊”的事實。

MindMaster側邊格式欄默認展開,雖然于用戶初始學習成本較低,但它存在表意不明的問題。

經測試,用戶可以點擊右側類似圖釘的icon進行折疊,但由于icon表意不明,用戶較難發現這一功能的存在(與我們開篇蜂窩模型中提到的可尋和可及的目標是背道而馳的)。

3. 信息可見

信息可見,是指用戶在開始操作前就能預知到操作的結果,讓用戶對即將開始的操作有整體的感知,以便省去多余的反復試錯過程。

大家可能會覺得這是不言自明的,但恰恰就是這種看起來特別基本的要求,很多產品都做不到。用戶找不到信息、不知道當前的情況,不明白發生了什么;比如很多產品的空白頁是下圖這樣子的,你甚至都不知道是在加載中,還是本來就沒有內容。

而好的空白頁,應該是有可見信息的,比如在XMind打開圖庫模板時,軟件的空白頁會用動態的圓圈+文字“正在打開…”顯示狀態;在MindMaster模板社區查看一張比較大的思維導圖時,軟件的空白頁同樣會用動態的logo顯示正在加載中。

還有的加載頁,會先顯示一張偽縮略圖,比如打開美團外賣小程序時的加載頁,用戶可以提前感知到當前正在加載的信息大致是怎樣的。

此外,XMind和MindMaster在界面底部會顯示當前思維導圖的主題數,類似Word顯示當前文檔字數,也是一種信息可見的方式,方便用戶了解自己的進度。

02 操作中反饋及時

是通過視覺、聽覺、觸覺等感官體驗,讓用戶感受到自己的操作是有效的、可執行的。

1. 視覺反饋

視覺反饋是當下最常見的,它包括表現狀態的視覺反饋,起提示作用的視覺反饋,以及起警示作用的視覺反饋。

表現狀態的視覺反饋:如XMind和MindMaster在導出文件圖片時,都會彈出導出進度條;前者是不帶數字的長方形,后者是不帶數字的小圓圈,都是為了讓用戶意識到信息正在導出中,導出行為是運行中的。

當圖片導出完成后,MindMaster導出的文件會直接打開,而XMind不會,前者這種反饋無疑更直接,對于希望快速查看結果的用戶來說是便捷的。

起提示作用的視覺反饋:打開MindMaster移動端云文件的時候,系統消息會以懸浮窗的形式高知用戶“同步成功”,如果未聯網,則會顯示“同步失敗”,給用戶明確的操作成功反饋。

XMind和MindMaster都是采取“基礎免費+關鍵功能付費”的模式,在用戶觸發付費功能時,系統會彈出“無法使用”的交互說明,給與用戶明確的提示及后續操作指引。

起警示作用的視覺反饋:最常見的就是未保存文件的關閉提醒,因為該操作不可逆且會造成可能有損失的后果,所以兩款軟件都加入了警示性視覺反饋,并且默認選項都是“保存”。

2. 聽覺反饋、觸覺反饋

操作的反饋信息有時候如果光靠視覺反饋會造成頁面繁復的情況,帶來較差的用戶體驗,這時可以用聽覺反饋或觸覺反饋代替視覺反饋,同樣能給用戶帶來操作提示。

不過經筆者測試,兩款軟件目前都沒有聽覺反饋和觸覺反饋的操作。

為了方便大家理解這兩種感官反饋,筆者想借MindMaster的語音輸入功能提個小建議,比如可以在長按語音輸入時讓手機同時出現輕微短暫的震動(類似微信目前的語音輸入),告知用戶語音輸入正在開始。

03 操作后可返回

操作后可返回是指一個操作流程結束后進行的復位操作,這要求其交互邏輯要清晰,同時還要兼顧到流程的簡便性。

返回的種類可分為返回、關閉、完成三大類:

  • 返回一般是指返回上一級界面(比如前面介紹“指示明確”時提到的MindMaster的“返回”);
  • 關閉則指關閉當前界面結束整個功能場景(最典型的就是每個頁面右上角的“×”按鈕);
  • 完成則是在功能流程處于完成狀態進行的關閉功能流程操作(比如前面提到的XMind的進度條跑完后會自動關閉進度條浮窗然后跳轉至下一頁面)。

除了前面提到的,筆者測試發現,XMind和MindMaster都有全屏功能,但后者在“操作后可返回”這一點上并沒有做得很好,至少筆者覺得是存在優化空間的。

XMind全屏模式的關閉按鈕放置在用戶習慣的右上角,而且用“退出”的文字按鈕表示,非常容易識別;而MindMaster全屏模式的關閉按鈕放置在非用戶慣常操作的左下角,且“退出”圖形按鈕和“隱藏工具條”圖形按鈕具有迷惑性(與前面提到的“指示明確”和“減少疑惑”是相悖的),用戶無法快速完成退出操作。

04 寫在最后

XMind和MindMaster的交互對比就到這里了。我們回到今天的主題:用戶體驗。

筆者理解的用戶體驗,沒有那么多模型和高大上的東西,就是要讓用戶覺得自然,讓用戶付出最小成本就能滿足需求;因此筆者在文章對比突出了兩款軟件中不自然的、增加用戶使用成本的交互操作。

誠然,XMind和MindMaster在整體交互上做的都不錯,但讓筆者和大部分用戶很迷惑的是,兩者在一些小細節卻都“翻車”了。

在筆者看來,這是各自產品經理在設計過程中不經意流露出的對用戶的傲慢;因為不經意,所以很難被產品經理自己發現,但在用戶側,卻會帶來不少體驗煩惱。

騰訊馬化騰非常推崇的《Don’t make me think》,從書名做字面上的理解,也是這個意思:自然的體驗是不需要用戶去思考的

以上。

 

本文由 @進擊的小白 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!

文章若有侵權請來信告知:品牌行銷策略,產品行銷與設計,各類型行銷推廣案例分享-品牌行銷點點讚 » 從XMind與MindMaster的交互比較中談用戶體驗