2013-5-25 藍藍設計的小編
轉載藍藍設計( sillybuy.com )是一家專注而深入的設計機構 ,為期望卓越的國內外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務
來源:http://www.geekpark.net/read/view/179840
如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里
因為手機屏幕空間有限,縱使 Galaxy Note 2 這樣的手機也無法在一個屏幕內展現(xiàn)所有內容,所以應用開發(fā)者們必須設計出各種各樣將視圖疊加的辦法,但是疊加的視圖必須由一個按鈕或者手勢來觸發(fā)才能顯示,這就有了學習成本,那么對于這樣操作如何能使用戶快速掌握,并且體驗到設計的好處,這就是的用戶引導界面變的十分重要。
這是 iOS 上老牌 GTD(Getting Things Done) 應用 Things 的首頁,當用戶花了 68 元人民幣購買了這款應用之后,打開卻發(fā)現(xiàn)根本搞不清楚每一項所代表的含義,互相之間地聯(lián)系,就算用了很久的老用戶可能都未必完全會用這款軟件。
然而作為一個 iOS 開發(fā)者,我很能理解絕大多數(shù)應用的用戶引導界面為何設計地較為簡陋,因為大家內心更多地把這一部分內容工作劃給了美工,而開發(fā)者則是將更多的時間與精力投入了對功能的開發(fā)上。此外開發(fā)者對于自己軟件的功能操作邏輯非常熟悉,并且在不斷地測試中會反復嘗試。所以待一個功能已經(jīng)開發(fā)完畢時,他們也很少會想到再為如何使用做一套很復雜的動畫介紹,而是把用戶引導界面的工作更多地交給了美工來完成。
但是,要想做好用戶引導絕不僅僅是設計師的工作!它更需要開發(fā)者的努力以及整個團隊的重視。
除了完全沒有引導界面,我給各種引導方式排了一個倒序:
有一些應用會在界面無數(shù)據(jù)時采取貼一長段文字來介紹操作,這樣的設計從實現(xiàn)的角度顯然是最容易的,然而體驗卻是最差的,長篇累牘的文章是沒有人愿意讀的,這樣必定會帶來極大地用戶流失。取而代之的是,開發(fā)者可以在某些等待界面簡明扼要的彈出一些文字說明,這樣在保證通俗易懂的情況下也可以不浪費用戶的時間。
使用這種方式作為用戶引導界面的應用是最多的,卻把它排在了倒數(shù)第二,是有原因的。
首先,許多應用該界面只出現(xiàn)一次,待用戶迅速劃過屏幕進入應用之后發(fā)現(xiàn)不會用,又無法再次回看。其次,即使用戶十分認真地的觀看了,對于某一次重大更新添加了許多功能,可能在看到第四頁時早已忘記第一頁的內容,此外對于老用戶而言有一些操作指導不需要在每次更新時再次顯示,缺乏一些直接跳過地辦法。這樣的模式需要用戶花精力花腦力來學習之后才能使用,然而好的引導應該是自然而然,無意識地植入而絕不是需要花費大量學習。所以我不認為這是一種好的引導方式。
既然缺點那么多,為何還會有這么多軟件使用呢,我個人揣測這離不開易實現(xiàn)。因為對于開發(fā)者而言,完成這個控件十分簡單,中間界面都是由設計師完成。我認為,在這樣的界面不適合來引導用戶如何使用軟件,而是應該用兩到三個頁面向用戶傳遞這個軟件的所想傳遞的人文關懷和價值觀。
比如課程表管理軟件 iStudiez,它可以先期導入許多開發(fā)者建立好的課程,這樣導入完成后,日程看起來就不是一張空白的表,讓界面美化了不少。但是這樣的設計更多也只是為了美化界面,對于指引用戶使用的幫助并不是很大,所以我認為這是一個很好填充空白界面的方式,卻不是作為引導的好辦法。
這也是一種比較常見的引導方式,相對于第一種,它的好處在于它會在一定的特定時機下才觸發(fā)引導,當用戶第一次進入一個全新界面時彈出,這樣能非常有效直截了當?shù)馗嬖V用戶每一個按鈕的意義,然而有些應用在使用這種引導方式下,會強迫用戶執(zhí)行某些操作才能進入下一步,或者有些提示會反復出現(xiàn),甚至于每一次打開都會出現(xiàn),開發(fā)者們最好能避免這樣的情況出現(xiàn),強制引導用戶操作會帶來非常不好的用戶體驗。如果能避免這些問題,我認為這樣的引導界面是比較不錯的。
迄今為止,我見過最好的用戶引導界面非 Jawbone Up 莫屬,這是一款可以同步Jawbone Up 2 手環(huán)記錄每天生活數(shù)據(jù)的軟件,手環(huán)和軟件對于生活都是非常實用,但我更想談一談它對于用戶引導界面的設計,我非常推薦所有的開發(fā)者都去體驗一下它的設計。
等待幾秒沒有操作之后,它就會彈出“沒有發(fā)光,現(xiàn)在怎么辦?”的指引可以點擊
同樣,在等待幾秒沒有操作之后,它就會彈出“我插入了手環(huán),但沒有任何反應,現(xiàn)在怎么辦?”的指引可以點擊
進入軟件之后,開始對主屏幕上的每一個按鈕進行介紹,點擊屏幕任意位置就可以進入下一步,等到全部介紹完以后,出現(xiàn)了最讓我喜歡的部分。這款軟件也采取了當下十分流行的左側抽屜式的設計,但是在介紹這個設計時,開發(fā)者運用了精美的動畫,直接將界面自動劃到了打開抽屜式設計的界面,再次點擊,又用動畫劃到了右側的抽屜式界面。整套引導界面,用戶只需要點擊,中間出現(xiàn)大量的動畫效果十分簡潔明了地告知了用戶如何使用 Up 2 手環(huán)和這款應用。相比某些應用,迫使用戶點擊某些按鈕的設計,為何不采取這種替用戶點擊,隨后展現(xiàn)點擊后效果動畫的方式呢?這樣的設計顯然更為直觀易懂。
這些設計離不開設計師的功勞與美工的作圖,更離不開開發(fā)者的付出。其實真正要實現(xiàn)這一整套引導界面對于有經(jīng)驗的開發(fā)者而言也不是非常困難,只是大多數(shù)人沒有重視這一部分的工作,并且理所當然的把這一部分交給了設計師來完成,實際上,這中間也需要開發(fā)者的努力以及整個團隊對于引導環(huán)節(jié)的重視,只有做好了這一步,開發(fā)者開發(fā)的功能才可能被用戶完全使用到,否則許多軟件可能用了很久,用戶都不了解它的所有功能。這對于開發(fā)者而言豈不是白白付出么。