做好用戶(hù)引導(dǎo)不僅僅是設(shè)計(jì)師的工作

2013-5-25    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   363858.cn  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.geekpark.net/read/view/179840

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

因?yàn)槭謾C(jī)屏幕空間有限,縱使 Galaxy Note 2 這樣的手機(jī)也無(wú)法在一個(gè)屏幕內(nèi)展現(xiàn)所有內(nèi)容,所以應(yīng)用開(kāi)發(fā)者們必須設(shè)計(jì)出各種各樣將視圖疊加的辦法,但是疊加的視圖必須由一個(gè)按鈕或者手勢(shì)來(lái)觸發(fā)才能顯示,這就有了學(xué)習(xí)成本,那么對(duì)于這樣操作如何能使用戶(hù)快速掌握,并且體驗(yàn)到設(shè)計(jì)的好處,這就是的用戶(hù)引導(dǎo)界面變的十分重要。

這是 iOS 上老牌 GTD(Getting Things Done) 應(yīng)用 Things 的首頁(yè),當(dāng)用戶(hù)花了 68 元人民幣購(gòu)買(mǎi)了這款應(yīng)用之后,打開(kāi)卻發(fā)現(xiàn)根本搞不清楚每一項(xiàng)所代表的含義,互相之間地聯(lián)系,就算用了很久的老用戶(hù)可能都未必完全會(huì)用這款軟件。

然而作為一個(gè) iOS 開(kāi)發(fā)者,我很能理解絕大多數(shù)應(yīng)用的用戶(hù)引導(dǎo)界面為何設(shè)計(jì)地較為簡(jiǎn)陋,因?yàn)榇蠹覂?nèi)心更多地把這一部分內(nèi)容工作劃給了美工,而開(kāi)發(fā)者則是將更多的時(shí)間與精力投入了對(duì)功能的開(kāi)發(fā)上。此外開(kāi)發(fā)者對(duì)于自己軟件的功能操作邏輯非常熟悉,并且在不斷地測(cè)試中會(huì)反復(fù)嘗試。所以待一個(gè)功能已經(jīng)開(kāi)發(fā)完畢時(shí),他們也很少會(huì)想到再為如何使用做一套很復(fù)雜的動(dòng)畫(huà)介紹,而是把用戶(hù)引導(dǎo)界面的工作更多地交給了美工來(lái)完成。

但是,要想做好用戶(hù)引導(dǎo)絕不僅僅是設(shè)計(jì)師的工作!它更需要開(kāi)發(fā)者的努力以及整個(gè)團(tuán)隊(duì)的重視。

除了完全沒(méi)有引導(dǎo)界面,我給各種引導(dǎo)方式排了一個(gè)倒序:

四、大段的文字介紹

有一些應(yīng)用會(huì)在界面無(wú)數(shù)據(jù)時(shí)采取貼一長(zhǎng)段文字來(lái)介紹操作,這樣的設(shè)計(jì)從實(shí)現(xiàn)的角度顯然是最容易的,然而體驗(yàn)卻是最差的,長(zhǎng)篇累牘的文章是沒(méi)有人愿意讀的,這樣必定會(huì)帶來(lái)極大地用戶(hù)流失。取而代之的是,開(kāi)發(fā)者可以在某些等待界面簡(jiǎn)明扼要的彈出一些文字說(shuō)明,這樣在保證通俗易懂的情況下也可以不浪費(fèi)用戶(hù)的時(shí)間。

三、通過(guò)類(lèi)似 PageControl 的控件將應(yīng)用的新增功能及介紹展示給用戶(hù)

使用這種方式作為用戶(hù)引導(dǎo)界面的應(yīng)用是最多的,卻把它排在了倒數(shù)第二,是有原因的。

首先,許多應(yīng)用該界面只出現(xiàn)一次,待用戶(hù)迅速劃過(guò)屏幕進(jìn)入應(yīng)用之后發(fā)現(xiàn)不會(huì)用,又無(wú)法再次回看。其次,即使用戶(hù)十分認(rèn)真地的觀看了,對(duì)于某一次重大更新添加了許多功能,可能在看到第四頁(yè)時(shí)早已忘記第一頁(yè)的內(nèi)容,此外對(duì)于老用戶(hù)而言有一些操作指導(dǎo)不需要在每次更新時(shí)再次顯示,缺乏一些直接跳過(guò)地辦法。這樣的模式需要用戶(hù)花精力花腦力來(lái)學(xué)習(xí)之后才能使用,然而好的引導(dǎo)應(yīng)該是自然而然,無(wú)意識(shí)地植入而絕不是需要花費(fèi)大量學(xué)習(xí)。所以我不認(rèn)為這是一種好的引導(dǎo)方式。

既然缺點(diǎn)那么多,為何還會(huì)有這么多軟件使用呢,我個(gè)人揣測(cè)這離不開(kāi)易實(shí)現(xiàn)。因?yàn)閷?duì)于開(kāi)發(fā)者而言,完成這個(gè)控件十分簡(jiǎn)單,中間界面都是由設(shè)計(jì)師完成。我認(rèn)為,在這樣的界面不適合來(lái)引導(dǎo)用戶(hù)如何使用軟件,而是應(yīng)該用兩到三個(gè)頁(yè)面向用戶(hù)傳遞這個(gè)軟件的所想傳遞的人文關(guān)懷和價(jià)值觀。

二、先期自動(dòng)導(dǎo)入部分示例數(shù)據(jù)

比如課程表管理軟件 iStudiez,它可以先期導(dǎo)入許多開(kāi)發(fā)者建立好的課程,這樣導(dǎo)入完成后,日程看起來(lái)就不是一張空白的表,讓界面美化了不少。但是這樣的設(shè)計(jì)更多也只是為了美化界面,對(duì)于指引用戶(hù)使用的幫助并不是很大,所以我認(rèn)為這是一個(gè)很好填充空白界面的方式,卻不是作為引導(dǎo)的好辦法。

一、在特定界面地操作引導(dǎo)

這也是一種比較常見(jiàn)的引導(dǎo)方式,相對(duì)于第一種,它的好處在于它會(huì)在一定的特定時(shí)機(jī)下才觸發(fā)引導(dǎo),當(dāng)用戶(hù)第一次進(jìn)入一個(gè)全新界面時(shí)彈出,這樣能非常有效直截了當(dāng)?shù)馗嬖V用戶(hù)每一個(gè)按鈕的意義,然而有些應(yīng)用在使用這種引導(dǎo)方式下,會(huì)強(qiáng)迫用戶(hù)執(zhí)行某些操作才能進(jìn)入下一步,或者有些提示會(huì)反復(fù)出現(xiàn),甚至于每一次打開(kāi)都會(huì)出現(xiàn),開(kāi)發(fā)者們最好能避免這樣的情況出現(xiàn),強(qiáng)制引導(dǎo)用戶(hù)操作會(huì)帶來(lái)非常不好的用戶(hù)體驗(yàn)。如果能避免這些問(wèn)題,我認(rèn)為這樣的引導(dǎo)界面是比較不錯(cuò)的。

迄今為止,我見(jiàn)過(guò)最好的用戶(hù)引導(dǎo)界面非 Jawbone Up 莫屬,這是一款可以同步Jawbone Up 2 手環(huán)記錄每天生活數(shù)據(jù)的軟件,手環(huán)和軟件對(duì)于生活都是非常實(shí)用,但我更想談一談它對(duì)于用戶(hù)引導(dǎo)界面的設(shè)計(jì),我非常推薦所有的開(kāi)發(fā)者都去體驗(yàn)一下它的設(shè)計(jì)。

等待幾秒沒(méi)有操作之后,它就會(huì)彈出“沒(méi)有發(fā)光,現(xiàn)在怎么辦?”的指引可以點(diǎn)擊

同樣,在等待幾秒沒(méi)有操作之后,它就會(huì)彈出“我插入了手環(huán),但沒(méi)有任何反應(yīng),現(xiàn)在怎么辦?”的指引可以點(diǎn)擊

進(jìn)入軟件之后,開(kāi)始對(duì)主屏幕上的每一個(gè)按鈕進(jìn)行介紹,點(diǎn)擊屏幕任意位置就可以進(jìn)入下一步,等到全部介紹完以后,出現(xiàn)了最讓我喜歡的部分。這款軟件也采取了當(dāng)下十分流行的左側(cè)抽屜式的設(shè)計(jì),但是在介紹這個(gè)設(shè)計(jì)時(shí),開(kāi)發(fā)者運(yùn)用了精美的動(dòng)畫(huà),直接將界面自動(dòng)劃到了打開(kāi)抽屜式設(shè)計(jì)的界面,再次點(diǎn)擊,又用動(dòng)畫(huà)劃到了右側(cè)的抽屜式界面。整套引導(dǎo)界面,用戶(hù)只需要點(diǎn)擊,中間出現(xiàn)大量的動(dòng)畫(huà)效果十分簡(jiǎn)潔明了地告知了用戶(hù)如何使用 Up 2 手環(huán)和這款應(yīng)用。相比某些應(yīng)用,迫使用戶(hù)點(diǎn)擊某些按鈕的設(shè)計(jì),為何不采取這種替用戶(hù)點(diǎn)擊,隨后展現(xiàn)點(diǎn)擊后效果動(dòng)畫(huà)的方式呢?這樣的設(shè)計(jì)顯然更為直觀易懂。

結(jié)語(yǔ)

這些設(shè)計(jì)離不開(kāi)設(shè)計(jì)師的功勞與美工的作圖,更離不開(kāi)開(kāi)發(fā)者的付出。其實(shí)真正要實(shí)現(xiàn)這一整套引導(dǎo)界面對(duì)于有經(jīng)驗(yàn)的開(kāi)發(fā)者而言也不是非常困難,只是大多數(shù)人沒(méi)有重視這一部分的工作,并且理所當(dāng)然的把這一部分交給了設(shè)計(jì)師來(lái)完成,實(shí)際上,這中間也需要開(kāi)發(fā)者的努力以及整個(gè)團(tuán)隊(duì)對(duì)于引導(dǎo)環(huán)節(jié)的重視,只有做好了這一步,開(kāi)發(fā)者開(kāi)發(fā)的功能才可能被用戶(hù)完全使用到,否則許多軟件可能用了很久,用戶(hù)都不了解它的所有功能。這對(duì)于開(kāi)發(fā)者而言豈不是白白付出么。

日歷

鏈接

個(gè)人資料

存檔