劉琦，網(wǎng)名酚麻，湖南人，北京服裝學(xué)院藝術(shù)設(shè)計(jì)系廣告裝潢設(shè)計(jì)專(zhuān)業(yè)畢業(yè)，曾任韓國(guó)G&B設(shè)計(jì)事務(wù)所創(chuàng)意部創(chuàng)意總監(jiān)助理；香港匯思軟件有限公司北京代表處課件制作部界面圖形設(shè)計(jì)小組組長(zhǎng)；北京首信股份有限公司產(chǎn)品規(guī)劃部功能與交互設(shè)計(jì)主管。
采訪時(shí)間：2005年9月14日
采訪地點(diǎn)：北京酒仙橋首信公司
采訪人：廖翔 樊鵬
UI設(shè)計(jì)師劉琦
記者：請(qǐng)自我介紹一下，如何進(jìn)入U(xiǎn)I行業(yè)？
劉琦：我先從接觸UI說(shuō)起吧，開(kāi)始我是從做多媒體的界面開(kāi)始進(jìn)入這個(gè)行業(yè)的，2001年的時(shí)候，做多媒體光盤(pán)特別多，那時(shí)再韓國(guó)公司做兼職，那家公司實(shí)力比較強(qiáng)，做的過(guò)程中，韓國(guó)也經(jīng)常過(guò)來(lái)一些設(shè)計(jì)師給我們講一些UI的知識(shí)。這樣我對(duì)UI就有了一個(gè)初步的認(rèn)識(shí)，后來(lái)回到學(xué)校我跟一些專(zhuān)業(yè)老師也談了這個(gè)問(wèn)題，他們也認(rèn)為是一個(gè)很好的方向可以值得去嘗試。但是當(dāng)時(shí)國(guó)內(nèi)這方面資料非常少，在網(wǎng)上和學(xué)校也很難找到相關(guān)的資料。只能通過(guò)自己的實(shí)踐去積累經(jīng)驗(yàn)。不過(guò)做一些光盤(pán)和軟件，逐漸接觸這塊。
但是中間有一個(gè)過(guò)程一直沒(méi)有做UI，其實(shí)我本身做的設(shè)計(jì)也非常雜，像廣告設(shè)計(jì)、平面設(shè)計(jì)、字體設(shè)計(jì)，多媒體設(shè)計(jì)界面，再后來(lái)做過(guò)一段時(shí)間的視頻，視頻那塊在物質(zhì)方面比較有誘惑力一些，呵呵。期間做視頻也做了半年時(shí)間。到最后大學(xué)畢業(yè)的時(shí)候要寫(xiě)畢業(yè)論文。就是還想界面的文章，就想去找老師說(shuō)想寫(xiě)界面的論文，結(jié)果老師把我“打擊”了，呵呵，你寫(xiě)這個(gè)太新了，你寫(xiě)這個(gè)新的東西，大家肯定會(huì)給你提一些莫名其妙的問(wèn)題，結(jié)果我還是寫(xiě)的字體設(shè)計(jì)方面的論文，期間半個(gè)學(xué)期也是沒(méi)有做界面相關(guān)的事情。
后來(lái)也是非常巧，畢業(yè)后第一份正式的工作是在一家香港企業(yè)，正是做多媒體界面。就是做多媒體課件的界面。在那個(gè)公司工作最大的感想就是你的東西是給別人學(xué)習(xí)用的，公司的客戶(hù)基本上是世界500強(qiáng)的公司，要求很高，包括對(duì)課程編輯、交互流程、必須研究學(xué)習(xí)者的學(xué)習(xí)模式。但是做設(shè)計(jì)都是以用戶(hù)的角度去做的，這個(gè)對(duì)我影響是很大的。那時(shí)做的設(shè)計(jì)也十分順手，用戶(hù)評(píng)價(jià)也很高，就是學(xué)習(xí)者用起來(lái)學(xué)的比較快，學(xué)的比較愉悅。界面設(shè)計(jì)不是那種元素的無(wú)序堆積，對(duì)一些字體大小，底色安排等等方面都是以用戶(hù)的角度去考慮，所以當(dāng)時(shí)我也初步形成了自己的界面設(shè)計(jì)思想吧。
之后我對(duì)手機(jī)等數(shù)碼產(chǎn)品有一種莫名的沖動(dòng)，正好有這個(gè)機(jī)會(huì)就轉(zhuǎn)行到首信。開(kāi)始是做圖形界面，人不多就兩個(gè)人，做到一定程度的時(shí)候，UI不只是圖形界面一個(gè)方面，是包含了UI一個(gè)工作流程，比如還包括交互規(guī)范、UE、用戶(hù)測(cè)試等，這是整個(gè)一條線不能斷的，而首信當(dāng)時(shí)只是有圖形設(shè)計(jì)這部分。通過(guò)半年的工作之后，我就提議成立一個(gè)部門(mén)，提了之后公司也覺(jué)得的確需要就成立一個(gè)UI部門(mén)，就把整個(gè)流程就涵蓋了。之后我就是主要做一個(gè)交互分析，設(shè)計(jì)管理的工作。
記者：請(qǐng)介紹一下首信UI部門(mén)
劉琦：UI部門(mén)設(shè)計(jì)有5，6個(gè)人，屬于產(chǎn)品規(guī)劃部，產(chǎn)品規(guī)劃部分為三大塊，分別是產(chǎn)品規(guī)劃，工業(yè)設(shè)計(jì)，UI設(shè)計(jì)。工業(yè)設(shè)計(jì)和UI設(shè)計(jì)統(tǒng)一是設(shè)計(jì)部。
記者：在工作當(dāng)中，UI是怎么同程序工作結(jié)合起來(lái)的？
劉琦：可能很多設(shè)計(jì)師覺(jué)得GUI和程序這塊有很多沖突，比如程序員覺(jué)得怎么實(shí)現(xiàn)簡(jiǎn)單就怎么去開(kāi)發(fā)，GUI設(shè)計(jì)師是覺(jué)得怎么覺(jué)得好看怎么去實(shí)現(xiàn)，我在工作時(shí)也遇到了這個(gè)問(wèn)題，我個(gè)人覺(jué)得這是一個(gè)溝通問(wèn)題，是和整個(gè)程序開(kāi)發(fā)部門(mén)的溝通問(wèn)題。因?yàn)樽鳛槌绦騿T，他的第一想法是怎么快的把要實(shí)現(xiàn)的東西編出來(lái)，同時(shí)他肯定也想把怎么把程序做的更好用，這也是大家的目的。能夠了解到程序員的想法后，去跟他們做一些溝通，工作時(shí)和非工作時(shí)像朋友一樣去聊聊什么的。我想提醒一點(diǎn)是，作為一個(gè)GUI設(shè)計(jì)師，你要不僅對(duì)圖形有了解還要對(duì)一些編程原理有所了解。這樣程序員更愿意為你的設(shè)計(jì)去實(shí)現(xiàn)功能。
我舉一個(gè)例子吧，也是當(dāng)時(shí)和程序鬧的比較僵的一個(gè)問(wèn)題，2年前當(dāng)時(shí)我在一個(gè)展會(huì)上面看到一款韓國(guó)手機(jī)，有一個(gè)界面的轉(zhuǎn)場(chǎng)（第1個(gè)界面到第2界面的轉(zhuǎn)換）是通過(guò)從左到右平滑的移動(dòng)過(guò)去的，不像我們平時(shí)見(jiàn)到手機(jī)是刷一下屏而已。最開(kāi)始我就想在我們的手機(jī)里實(shí)現(xiàn)這個(gè)設(shè)計(jì)，開(kāi)始我就跟程序員簡(jiǎn)單的說(shuō)明了一下。發(fā)現(xiàn)他們最開(kāi)始最開(kāi)始不愿意去做這個(gè)工作，因?yàn)檫@樣也許會(huì)影響到他們正常的工作進(jìn)度。后來(lái)我就問(wèn)其他一些朋友，找一些相關(guān)的程序資料，就了解了實(shí)現(xiàn)這個(gè)功能的編程原理，之后我又去更程序員溝通，他就有一個(gè)茅塞頓開(kāi)的感覺(jué)，而且他也會(huì)佩服你，你做為一個(gè)圖形設(shè)計(jì)師，而且了解程序的知識(shí)，這樣他會(huì)更樂(lè)于跟你合作。平時(shí)多了解他們的思維方法溝通起來(lái)也比較愉快的事情。
記者：你做了這么長(zhǎng)時(shí)間的UI之后理解的UI的含義包括哪些，是否可以理解為畫(huà)ICON？
劉琦：我記得我在ChianUI論壇的上的個(gè)人簽名是最終的界面就是沒(méi)有界面，因?yàn)檫@個(gè)界面這個(gè)東西就是讓大家使用軟件功能的一個(gè)載體，讓大家知道怎么去操作就好了，做的最好的界面就是讓用戶(hù)感覺(jué)不到界面的存在從而順利的應(yīng)用功能。我寫(xiě)這句話(huà)的意思就是我的一個(gè)目標(biāo)，超這個(gè)方向去努力吧。現(xiàn)在國(guó)內(nèi)大家理解的界面是圖形界面（GUI），就是簡(jiǎn)單畫(huà)一個(gè)ICON（圖標(biāo)），SKIN（軟件肌膚）之類(lèi)的。我想界面最開(kāi)始不是你怎么去畫(huà)的酷、好看，而是想到用戶(hù)拿到這個(gè)東西怎么去用的問(wèn)題，比如包括圖標(biāo)的大小是不是合適等問(wèn)題，我覺(jué)得作為一個(gè)GUI設(shè)計(jì)師不應(yīng)該像程序員所說(shuō)的美工，不過(guò)我覺(jué)得美工這個(gè)詞不一定是貶義詞，分不同的場(chǎng)合，如果程序員一直叫你美工，你也應(yīng)該去反思，你僅僅是在做圖，而沒(méi)有去給程序一些功能上的建議，這些我覺(jué)得作為一個(gè)GUI設(shè)計(jì)師補(bǔ)充和發(fā)展的一塊。
記者：交互規(guī)范設(shè)計(jì)、用戶(hù)體驗(yàn)、用戶(hù)測(cè)試等工作流程具體能介紹一下嗎？
劉琦：這些流程一個(gè)先后順序，一般應(yīng)該是UE為先，就是用戶(hù)體驗(yàn)這一塊，產(chǎn)品的需求出來(lái)之后，一般會(huì)做個(gè)DEMO原型出來(lái)，拿到內(nèi)部去試用。其實(shí)更好的做法是，到外面去找一些最終的用戶(hù)去試用一下這個(gè)DEMO，他們的見(jiàn)解才是最適合的。這個(gè)用戶(hù)體驗(yàn)的工作最需要的，往往能發(fā)現(xiàn)一些影響開(kāi)發(fā)的重大問(wèn)題，但是這個(gè)確實(shí)需要專(zhuān)業(yè)的團(tuán)隊(duì)去操作。國(guó)內(nèi)來(lái)說(shuō)的這種專(zhuān)業(yè)的公司還是很少，專(zhuān)業(yè)化程度不高。用戶(hù)體驗(yàn)的過(guò)程中，用戶(hù)測(cè)試也是同時(shí)在做的。就是在用的時(shí)候把發(fā)現(xiàn)的問(wèn)題記錄下來(lái)。
下一步就是UI設(shè)計(jì)師時(shí)候就有一個(gè)DEMO還有用戶(hù)體驗(yàn)的結(jié)果和相應(yīng)報(bào)告，他就知道哪些該注意的地方。UI設(shè)計(jì)師，他更像一個(gè)橋梁，把用戶(hù)的需求和程序的要求結(jié)合起來(lái)編成一個(gè)交互規(guī)范，給后期的程序研發(fā)部門(mén)，給他們作為工作方向的依據(jù)。一般情況下企業(yè)在時(shí)間要求上比較緊，所以在做用戶(hù)交互的同時(shí)，圖形工作也在同時(shí)開(kāi)展，因?yàn)殚_(kāi)始的DEMO只是一個(gè)草圖或框架圖的效果。GUI就是把這些細(xì)化到成品程度。交互規(guī)范和GUI完成之后，程序員就很容易把這些實(shí)現(xiàn)出來(lái)。最后成品出來(lái)之后還要進(jìn)行用戶(hù)測(cè)試，前期的測(cè)試主要是用戶(hù)體驗(yàn)的測(cè)試，后期的測(cè)試是驗(yàn)證交互規(guī)范、GUI和程序有沒(méi)有一個(gè)很好的結(jié)合去對(duì)應(yīng)最開(kāi)始的用戶(hù)體驗(yàn)的結(jié)果，這是一個(gè)大概的過(guò)程。
記者：手機(jī)產(chǎn)品的GUI設(shè)計(jì)特點(diǎn)是什么
劉琦：因?yàn)槭謾C(jī)顯示區(qū)比較小，國(guó)內(nèi)常規(guī)128×160 176×220，這樣跟pc的界面對(duì)比就是比較小的一個(gè)區(qū)域，在這么小的區(qū)域如何放置那么多設(shè)計(jì)元素，如何讓用戶(hù)更快的上手操作，這是更能考驗(yàn)設(shè)計(jì)師素質(zhì)的問(wèn)題。Pc中cs （client/server，客戶(hù)端/服務(wù)器類(lèi)軟件）bs（browser/server，瀏覽器/服務(wù)器類(lèi)軟件）的軟件設(shè)計(jì)師來(lái)說(shuō)可能更注重大的整體感覺(jué)，圖標(biāo)是否具備寓意或顯示效果，作為手機(jī)設(shè)計(jì)師來(lái)說(shuō)，你考慮是是怎么在現(xiàn)有的范圍內(nèi)把所有的東西都能夠表現(xiàn)出來(lái)。
記者：請(qǐng)介紹一下中國(guó)UI行業(yè)的發(fā)展現(xiàn)狀？
劉琦：兩個(gè)月前吧。我跟美國(guó)的一個(gè)GUI協(xié)會(huì)做過(guò)一次交流，他們正好來(lái)北京，他們首先是了解中國(guó)的現(xiàn)狀，后來(lái)我了解了一下美國(guó)的現(xiàn)狀，一對(duì)比發(fā)現(xiàn)兩個(gè)情況都差不多，呵呵，一說(shuō)到UI，一般行業(yè)外的人理解都是界面圖形這塊，我開(kāi)始覺(jué)得很奇怪美國(guó)也是這樣的情況，后來(lái)想到UI深層次的東西也許只是少數(shù)人了解，我想在國(guó)內(nèi)UI的發(fā)展水平還在一個(gè)低層次上吧，有待于更大的發(fā)展。大家更多關(guān)注的還是圖形的部分，我覺(jué)得圖形這塊還是一個(gè)表象。比如說(shuō)一個(gè)人的一舉一動(dòng)只是一個(gè)表象，而大腦里精神和性格的東西是深層次的。
記者：你對(duì)這個(gè)行業(yè)將來(lái)的發(fā)展前景怎么看呢？
劉琦：這個(gè)行業(yè)我會(huì)一直關(guān)注下去，不過(guò)我是否繼續(xù)從事這個(gè)行業(yè)，要看具體階段性自己發(fā)展的一些情況了，因?yàn)閁I發(fā)展還有很大的空間，以及一些用戶(hù)研究，用戶(hù)分析，這些作為填充會(huì)有很大前景，再加上國(guó)外很多企業(yè)在國(guó)內(nèi)設(shè)立研發(fā)中心，國(guó)內(nèi)企業(yè)也會(huì)越來(lái)越重視，我想前景還是很好的。我一直在找一些新的UI發(fā)展方向，半年前我接觸到了移動(dòng)增值服務(wù)，這塊在UI方面也有。比如在手機(jī)里內(nèi)置增值的菜單，也是很有講究的，像前幾個(gè)菜單放什么東西來(lái)吸引用戶(hù)，這里面很有學(xué)問(wèn)的，你要研究系統(tǒng)分析移動(dòng)增值的UI，會(huì)發(fā)現(xiàn)很多，我前一陣子寫(xiě)了一些報(bào)告給一些咨詢(xún)公司他們也覺(jué)得是這樣，但是目前國(guó)內(nèi)的各大SP都沒(méi)有注意到這個(gè)方面。
記者：對(duì)于剛院校中的學(xué)生來(lái)說(shuō)，他們想進(jìn)入這個(gè)行業(yè)，需要做哪些準(zhǔn)備呢？
劉琦：比如說(shuō)我在首信招人的時(shí)候，首先簡(jiǎn)歷分析，投遞過(guò)來(lái)的簡(jiǎn)歷進(jìn)行分析，其實(shí)很多設(shè)計(jì)師對(duì)簡(jiǎn)歷寫(xiě)的太隨意了，一般企業(yè)第一步簡(jiǎn)歷篩選是人事去做，他如果覺(jué)得簡(jiǎn)歷都不過(guò)關(guān)的話(huà)，就基本篩選掉了。應(yīng)該對(duì)你的個(gè)人情況進(jìn)行如實(shí)的描述，接下來(lái)就是安排面試，有專(zhuān)業(yè)技能的面試，有人事的素質(zhì)面試，還有薪酬的面試，如果這些面試過(guò)的話(huà)，就給你一個(gè)題目，像手機(jī)界面的簡(jiǎn)單題目，我們給的題目一般是給一個(gè)主菜單的界面，一般10天完成。有可能我們考驗(yàn)的創(chuàng)新的想法何技法，沒(méi)有問(wèn)題的話(huà)就可以了。
記者：對(duì)視覺(jué)同盟的讀者說(shuō)幾句吧。
劉琦：我決對(duì)學(xué)生說(shuō)的是，好好的去學(xué)設(shè)計(jì)，在你學(xué)習(xí)的階段領(lǐng)悟到設(shè)計(jì)的理念是什么，而不是盲目的去作圖，對(duì)同行來(lái)說(shuō)的話(huà)，就是在平時(shí)工作的設(shè)計(jì)中，想出好點(diǎn)子，做出好的設(shè)計(jì)填充已經(jīng)比較灰白的世界。
