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

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

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