做好使用者引導不僅僅是設計師的工作

發表於2013-05-24

來源:極客公園

設計離不開設計師的功勞與美工的作圖,更離不開開發者的付出。真正要實現一整套引導介面對於有經驗的開發者而言也不是非常困難,只是大多數人沒有重視這一部分的工作

因為手機螢幕空間有限,縱使 Galaxy Note 2 這樣的手機也無法在一個螢幕內展現所有內容,所以應用開發者們必須設計出各種各樣將檢視疊加的辦法,但是疊加的檢視必須由一個按鈕或者手勢來觸發才能顯示,這就有了學習成本,那麼對於這樣操作如何能使使用者快速掌握,並且體驗到設計的好處,這就是的使用者引導介面變的十分重要。

做好使用者引導不僅僅是設計師的工作

這是 iOS 上老牌 GTD(Getting Things Done) 應用 Things 的首頁,當使用者花了 68 元人民幣購買了這款應用之後,開啟卻發現根本搞不清楚每一項所代表的含義,互相之間地聯絡,就算用了很久的老使用者可能都未必完全會用這款軟體。

然而作為一個 iOS 開發者,我很能理解絕大多數應用的使用者引導介面為何設計地較為簡陋,因為大家內心更多地把這一部分內容工作劃給了美工,而開發者則是將更多的時間與精力投入了對功能的開發上。此外開發者對於自己軟體的功能操作邏輯非常熟悉,並且在不斷地測試中會反覆嘗試。所以待一個功能已經開發完畢時,他們也很少會想到再為如何使用做一套很複雜的動畫介紹,而是把使用者引導介面的工作更多地交給了美工來完成。

但是,要想做好使用者引導絕不僅僅是設計師的工作!它更需要開發者的努力以及整個團隊的重視。

除了完全沒有引導介面,我給各種引導方式排了一個倒序:

四、大段的文字介紹

有一些應用會在介面無資料時採取貼一長段文字來介紹操作,這樣的設計從實現的角度顯然是最容易的,然而體驗卻是最差的,長篇累牘的文章是沒有人願意讀的,這樣必定會帶來極大地使用者流失。取而代之的是,開發者可以在某些等待介面簡明扼要的彈出一些文字說明,這樣在保證通俗易懂的情況下也可以不浪費使用者的時間。

三、通過類似 PageControl 的控制元件將應用的新增功能及介紹展示給使用者

做好使用者引導不僅僅是設計師的工作

使用這種方式作為使用者引導介面的應用是最多的,卻把它排在了倒數第二,是有原因的。

首先,許多應用該介面只出現一次,待使用者迅速劃過螢幕進入應用之後發現不會用,又無法再次回看。其次,即使使用者十分認真地的觀看了,對於某一次重大更新新增了許多功能,可能在看到第四頁時早已忘記第一頁的內容,此外對於老使用者而言有一些操作指導不需要在每次更新時再次顯示,缺乏一些直接跳過地辦法。這樣的模式需要使用者花精力花腦力來學習之後才能使用,然而好的引導應該是自然而然,無意識地植入而絕不是需要花費大量學習。所以我不認為這是一種好的引導方式。

既然缺點那麼多,為何還會有這麼多軟體使用呢,我個人揣測這離不開易實現。因為對於開發者而言,完成這個控制元件十分簡單,中間介面都是由設計師完成。我認為,在這樣的介面不適合來引導使用者如何使用軟體,而是應該用兩到三個頁面向使用者傳遞這個軟體的所想傳遞的人文關懷和價值觀。

二、先期自動匯入部分示例資料

做好使用者引導不僅僅是設計師的工作

比如課程表管理軟體 iStudiez,它可以先期匯入許多開發者建立好的課程,這樣匯入完成後,日程看起來就不是一張空白的表,讓介面美化了不少。但是這樣的設計更多也只是為了美化介面,對於指引使用者使用的幫助並不是很大,所以我認為這是一個很好填充空白介面的方式,卻不是作為引導的好辦法。

一、在特定介面地操作引導

這也是一種比較常見的引導方式,相對於第一種,它的好處在於它會在一定的特定時機下才觸發引導,當使用者第一次進入一個全新介面時彈出,這樣能非常有效直截了當地告訴使用者每一個按鈕的意義,然而有些應用在使用這種引導方式下,會強迫使用者執行某些操作才能進入下一步,或者有些提示會反覆出現,甚至於每一次開啟都會出現,開發者們最好能避免這樣的情況出現,強制引導使用者操作會帶來非常不好的使用者體驗。如果能避免這些問題,我認為這樣的引導介面是比較不錯的。

做好使用者引導不僅僅是設計師的工作

迄今為止,我見過最好的使用者引導介面非 Jawbone Up 莫屬,這是一款可以同步Jawbone Up 2 手環記錄每天生活資料的軟體,手環和軟體對於生活都是非常實用,但我更想談一談它對於使用者引導介面的設計,我非常推薦所有的開發者都去體驗一下它的設計。

做好使用者引導不僅僅是設計師的工作

等待幾秒沒有操作之後,它就會彈出“沒有發光,現在怎麼辦?”的指引可以點選

做好使用者引導不僅僅是設計師的工作

同樣,在等待幾秒沒有操作之後,它就會彈出“我插入了手環,但沒有任何反應,現在怎麼辦?”的指引可以點選

做好使用者引導不僅僅是設計師的工作

進入軟體之後,開始對主螢幕上的每一個按鈕進行介紹,點選螢幕任意位置就可以進入下一步,等到全部介紹完以後,出現了最讓我喜歡的部分。這款軟體也採取了當下十分流行的左側抽屜式的設計,但是在介紹這個設計時,開發者運用了精美的動畫,直接將介面自動劃到了開啟抽屜式設計的介面,再次點選,又用動畫劃到了右側的抽屜式介面。整套引導介面,使用者只需要點選,中間出現大量的動畫效果十分簡潔明瞭地告知了使用者如何使用 Up 2 手環和這款應用。相比某些應用,迫使使用者點選某些按鈕的設計,為何不採取這種替使用者點選,隨後展現點選後效果動畫的方式呢?這樣的設計顯然更為直觀易懂。

結語

這些設計離不開設計師的功勞與美工的作圖,更離不開開發者的付出。其實真正要實現這一整套引導介面對於有經驗的開發者而言也不是非常困難,只是大多數人沒有重視這一部分的工作,並且理所當然的把這一部分交給了設計師來完成,實際上,這中間也需要開發者的努力以及整個團隊對於引導環節的重視,只有做好了這一步,開發者開發的功能才可能被使用者完全使用到,否則許多軟體可能用了很久,使用者都不瞭解它的所有功能。這對於開發者而言豈不是白白付出麼。

 

相關文章