Web軟件用戶界面設(shè)計(jì)指南

　　盡管?chē)?guó)內(nèi)有很多技術(shù)出色、聰明過(guò)人的軟件工程師，但是許多開(kāi)發(fā)出來(lái)的軟件產(chǎn)品既難用又難看，客戶很不滿意，導(dǎo)致經(jīng)常修改軟件的用戶界面，造成極大的生產(chǎn)力浪費(fèi)。由于學(xué)生們?cè)趯W(xué)校里接受的教育幾乎全是科學(xué)與技術(shù)，他們不知道怎樣才能設(shè)計(jì)易用、美觀的用戶界面，很多人甚至想都沒(méi)有想過(guò)這個(gè)問(wèn)題。當(dāng)他們畢業(yè)后真正參與軟件產(chǎn)品開(kāi)發(fā)時(shí)，只好憑著個(gè)人的經(jīng)驗(yàn)與感覺(jué)設(shè)計(jì)軟件的用戶界面，這樣產(chǎn)生的界面往往得不到大眾用戶的認(rèn)可。如何讓軟件人員開(kāi)發(fā)出易用、美觀的應(yīng)用軟件，這是讓大多數(shù)企業(yè)領(lǐng)導(dǎo)頭痛的問(wèn)題。本書(shū)第1章分析國(guó)內(nèi)企業(yè)面臨的用戶界面設(shè)計(jì)問(wèn)題，給出解決問(wèn)題的建議。第2章論述用戶界面的10個(gè)設(shè)計(jì)要素，給出通俗易懂的解釋。設(shè)計(jì)和實(shí)現(xiàn)Web軟件用戶界面要比開(kāi)發(fā)傳統(tǒng)的Windows應(yīng)用軟件麻煩得多。本書(shū)第3章第8章分別闡述：界面元素的一般規(guī)則、Web軟件主界面結(jié)構(gòu)、表格頁(yè)面、對(duì)話頁(yè)面、消息框、評(píng)審和測(cè)試用戶界面。本書(shū)主要讀者對(duì)象是IT企業(yè)的研發(fā)主管、項(xiàng)目經(jīng)理、用戶界面設(shè)計(jì)人員和軟件開(kāi)發(fā)人員，以及即將到IT企業(yè)工作的高校畢業(yè)生。本書(shū)可以作為軟件學(xué)院的教學(xué)參考書(shū)。本書(shū)前言前言不可原諒的過(guò)失小偷忐忑不安地向神父懺悔：“我闖入別人家里偷了東西。”神父安慰小偷說(shuō)：“沒(méi)有關(guān)系，上帝會(huì)原諒你的。”小偷說(shuō)：“我偷了100萬(wàn)美元?！鄙窀甘暯械溃骸巴廴敲炊?！”小偷懊惱地說(shuō)：“可是我忘記了擦除門(mén)把上的指紋，警察肯定會(huì)找到我?！鄙窀覆淮笈骸氨康埃殬I(yè)小偷犯了如此低級(jí)的錯(cuò)誤，上帝不會(huì)原諒你的?！蹦憧芍来蠡飪海ㄜ浖藛T）開(kāi)發(fā)的應(yīng)用軟件中存在多少不可原諒的用戶界面缺陷嗎？例如：界面措辭含糊，甚至有錯(cuò)別字。連簡(jiǎn)單的消息框都設(shè)計(jì)不好，可能存在文不對(duì)題的語(yǔ)病。界面布局混亂，缺乏邏輯，凡是能放的東西都堆積上去，讓用戶不知從何下手。沒(méi)有防錯(cuò)處理，不對(duì)用戶輸入的數(shù)據(jù)進(jìn)行檢驗(yàn)，不根據(jù)用戶的權(quán)限自動(dòng)隱藏或者禁用某些功能。執(zhí)行破壞性的操作之前，不提醒用戶確認(rèn)?？傊?，如果用戶執(zhí)行了錯(cuò)誤的操作，那他活該。不提供進(jìn)度條、動(dòng)畫(huà)來(lái)反映正在進(jìn)行的比較耗時(shí)間的過(guò)程，對(duì)于重要的操作也不返回結(jié)果，讓用戶干著急。我們見(jiàn)到的用戶界面缺陷不勝枚舉……我曾經(jīng)給一家軟件企業(yè)做用戶界面設(shè)計(jì)方面的咨詢和培訓(xùn)，現(xiàn)場(chǎng)進(jìn)行用戶界面測(cè)試練習(xí)：該公司用“政府機(jī)關(guān)的車(chē)輛管理”模塊作案例分析。該模塊的功能比較簡(jiǎn)單，主要是“申請(qǐng)用車(chē)、審批、調(diào)配、維護(hù)”等。這個(gè)模塊開(kāi)發(fā)完成數(shù)月了，已經(jīng)交付給客戶使用。我請(qǐng)學(xué)員們依據(jù)我講解的用戶界面設(shè)計(jì)要素，查找bug并且講述論據(jù)?，F(xiàn)場(chǎng)氣氛熱烈，吸引了其他部門(mén)人員以及公司領(lǐng)導(dǎo)來(lái)參觀。結(jié)果在20分鐘左右，大家找出了十多個(gè)bug，而且大多數(shù)bug是“不可原諒的”。這個(gè)測(cè)試結(jié)果讓學(xué)員們大吃一驚：公司把軟件交付給客戶之前已經(jīng)測(cè)試過(guò)了，想不到還有那么多的bug！怎么搞的？可見(jiàn)全面學(xué)習(xí)用戶界面設(shè)計(jì)、測(cè)試的方法是多么重要！上述問(wèn)題顯然不是個(gè)別現(xiàn)象。我常使用國(guó)內(nèi)某銀行的“企業(yè)網(wǎng)上銀行系統(tǒng)”，僅一個(gè)付款頁(yè)面，我就發(fā)現(xiàn)了至少5處缺陷（不合理的用戶界面設(shè)計(jì)）。該付款頁(yè)面的邏輯讓人費(fèi)解，琢磨半天后才能學(xué)會(huì)使用，更糟糕的是沒(méi)有防錯(cuò)處理，讓人小心翼翼、提心吊膽。有一次，我從上海給北京的員工支付一筆款項(xiàng)，輸入了正確的用戶名和賬號(hào)，但是輸錯(cuò)了城市，把北京寫(xiě)成了上海。我遞交數(shù)據(jù)后才發(fā)現(xiàn)城市輸錯(cuò)了，但是不能撤消，當(dāng)時(shí)我也不著急，我認(rèn)為軟件會(huì)識(shí)別這個(gè)錯(cuò)誤而自動(dòng)終止這筆交易。于是我再次輸入正確的用戶名、賬號(hào)和城市，重新支付款項(xiàng)。3天后我查詢賬戶，已經(jīng)扣除了2筆款項(xiàng)，歷史記錄上寫(xiě)著“交易成功”，但是北京的員工卻只收到1筆款項(xiàng)（即第二次交易），丟失了第一筆款項(xiàng)。我們?cè)趦傻仉娫挷樵兌紱](méi)有辦法，只能干等著。再過(guò)了數(shù)天，第一筆款項(xiàng)終于又回到了我的賬戶，歷史記錄上寫(xiě)著“退”字。我對(duì)該“企業(yè)網(wǎng)上銀行系統(tǒng)”用戶界面的評(píng)價(jià)就一個(gè)字：“蠢”！國(guó)內(nèi)軟件開(kāi)發(fā)商和運(yùn)營(yíng)商對(duì)軟件的“品位”似乎還停留在“有功能就好，能湊合著用就行”這種檔次。我們并不奢望所有用戶都贊賞軟件用戶界面，但是至少不能老是被用戶們痛貶。要對(duì)得起我們的職業(yè)，開(kāi)發(fā)出來(lái)的軟件要有點(diǎn)職業(yè)水準(zhǔn)，這總不過(guò)分吧。每當(dāng)我使用那些“破爛”的軟件用戶界面時(shí)，我總懷疑人們?cè)陂_(kāi)發(fā)和測(cè)試軟件的時(shí)候沒(méi)有動(dòng)過(guò)腦筋（否則會(huì)那么破爛嗎？）。倘若軟件人員干活不再需要?jiǎng)幽X筋，那么他淪落為“軟件民工”的日期就不遠(yuǎn)了。如何讓軟件人員能開(kāi)發(fā)出易用、美觀的應(yīng)用軟件，這是讓大多數(shù)企業(yè)領(lǐng)導(dǎo)頭痛的問(wèn)題。盡管?chē)?guó)內(nèi)有很多技術(shù)出色、聰明過(guò)人的軟件工程師，但是許多人開(kāi)發(fā)出來(lái)的軟件產(chǎn)品卻既難用又難看，客戶很不滿意。導(dǎo)致經(jīng)常要修改軟件的用戶界面，造成極大的生產(chǎn)力浪費(fèi)。由于學(xué)生們?cè)趯W(xué)校里接受的教育幾乎全是科學(xué)與技術(shù)，他們不知道怎樣才能設(shè)計(jì)易用、美觀的用戶界面，很多人甚至想都沒(méi)有想過(guò)。當(dāng)他們畢業(yè)后真正參與軟件產(chǎn)品開(kāi)發(fā)時(shí)，只好憑著個(gè)人的經(jīng)驗(yàn)與感覺(jué)設(shè)計(jì)軟件的用戶界面，這樣產(chǎn)生的界面往往得不到大眾用戶的認(rèn)可。《Web軟件用戶界面設(shè)計(jì)指南》的目的就是幫助IT企業(yè)的項(xiàng)目經(jīng)理、用戶界面設(shè)計(jì)人員和軟件開(kāi)發(fā)人員掌握Web軟件用戶界面的設(shè)計(jì)方法，基本上不存在學(xué)習(xí)的難度。本書(shū)中的軟件用戶界面示例，主要來(lái)源于作者自己設(shè)計(jì)開(kāi)發(fā)的“集成化項(xiàng)目管理系統(tǒng)Future2.0”。該軟件將不斷升級(jí)，請(qǐng)讀者從http：//www.chinaspis.com下載最新的版本。本書(shū)側(cè)重于論述軟件易用性設(shè)計(jì)，而不是藝術(shù)（美學(xué)）設(shè)計(jì)。本書(shū)作者林銳正和浙江大學(xué)工業(yè)設(shè)計(jì)專家彭韌合著《軟件用戶界面藝術(shù)設(shè)計(jì)》，該書(shū)將論述軟件用戶界面的視覺(jué)美學(xué)、創(chuàng)意設(shè)計(jì)、色彩設(shè)計(jì)、圖形設(shè)計(jì)、文字設(shè)計(jì)、平面設(shè)計(jì)等。該書(shū)將在2005年由電子工業(yè)出版社出版。如果讀者有更好的見(jiàn)解，請(qǐng)不吝賜教，與作者們多多交流。感謝電子工業(yè)出版社出版了我們的五部著作：

　　林銳，1973年生。1990年至1996年，就讀于西安電子科技大學(xué)，獲碩士學(xué)位。1997年至2000年，就讀于浙江大學(xué)計(jì)算機(jī)系，獲博士學(xué)位。大學(xué)期間兩度被評(píng)為中國(guó)百名跨世紀(jì)優(yōu)秀大學(xué)生，1996年獲電子工業(yè)部科技進(jìn)步二等獎(jiǎng)，1997年獲首屆中國(guó)大學(xué)生電腦大賽軟件展示一等獎(jiǎng)。2000年7月加入上海貝爾有限公司，從事軟件工程和CMM的研究推廣工作，2003年7月當(dāng)選為Alcatel集團(tuán)軟件工程專家。2004年初創(chuàng)建上海漫索計(jì)算機(jī)科技有限公司，致力于創(chuàng)作適合國(guó)內(nèi)企業(yè)需求的軟件研發(fā)管理解決方案，包括方法論和軟件產(chǎn)品。工作期間出版著作五部。