記得在程序員雜志上面看到微軟有一個(gè)產(chǎn)品設(shè)計(jì)博物館，把微軟在產(chǎn)品設(shè)計(jì)開(kāi)發(fā)過(guò)程中曾經(jīng)出現(xiàn)的經(jīng)典錯(cuò)誤保存下來(lái)，供后來(lái)的人參觀，引以為戒。類似“你剛犯了一個(gè)不該犯的錯(cuò)誤”這樣的經(jīng)典笑話就陳列在那里。微軟經(jīng)過(guò)那段時(shí)間的摸索期，現(xiàn)在已經(jīng)走得很前面了，形成了一套比較完善的產(chǎn)品設(shè)計(jì)體系和規(guī)范?，F(xiàn)在，反觀我們國(guó)內(nèi)的軟件產(chǎn)品設(shè)計(jì)，差距不是一點(diǎn)點(diǎn)，不要說(shuō)錯(cuò)誤的產(chǎn)品設(shè)計(jì)，就連基本的產(chǎn)品設(shè)計(jì)概念都很欠缺，如果，微軟的設(shè)計(jì)博物館在中國(guó)來(lái)收集藏品，肯定會(huì)大有收獲。
看看我最近接觸到了一個(gè)產(chǎn)品設(shè)計(jì)。
一個(gè)B/S版的類似信息發(fā)布系統(tǒng)，界面采用了常見(jiàn)的分幀形式，頂部是系統(tǒng)名稱，左幀是功能模塊，中間幀是二級(jí)模塊引導(dǎo)，右?guī)蔷唧w功能操作區(qū)。這樣的交互架構(gòu)基本沒(méi)有問(wèn)題，但是，即使大框架模式?jīng)]有問(wèn)題，但是，做產(chǎn)品的信息架構(gòu)不合理，功能元素和屬性元素的位置和關(guān)系沒(méi)有放對(duì)，再加上GUI設(shè)計(jì)缺乏合理的視覺(jué)結(jié)構(gòu)和層次感，這樣開(kāi)發(fā)的產(chǎn)品給用戶的感覺(jué)依然是無(wú)可適從的，就連開(kāi)發(fā)人員自己都不避諱“用起來(lái)就是很別扭”就是不知道問(wèn)題出在哪里？
問(wèn)題出在哪里？且聽(tīng)我來(lái)分析
1、使用了怪異的操作引導(dǎo)形式
一般的，當(dāng)一級(jí)模塊導(dǎo)航橫向排放在頂幀時(shí)，二級(jí)功能引導(dǎo)控件組頂部有時(shí)會(huì)顯示當(dāng)前它所屬的一級(jí)模塊的名字，但不是必須的。只要一級(jí)模塊導(dǎo)航使用了合理的引導(dǎo)形式，如tab就不需要。已經(jīng)他已經(jīng)交代清楚了它們的引導(dǎo)關(guān)系，就需要再累贅。當(dāng)一級(jí)模塊導(dǎo)航在左幀縱向排列時(shí)，所屬的二級(jí)引導(dǎo)也是縱向排列時(shí)，那么它就不能在頂部顯示一級(jí)模塊名，因?yàn)樵嘏帕行问较嘟偌由舷嗤囊曈X(jué)顯示，立即出現(xiàn)了相互干擾的效果。在圖中的1和2位置出現(xiàn)同樣的“組織管理”就是這個(gè)情況。
GUI表現(xiàn)也不到位，在一級(jí)模塊列表的當(dāng)前項(xiàng)下面加了底色以和非當(dāng)前項(xiàng)區(qū)分，這個(gè)方法沒(méi)錯(cuò)，但是表現(xiàn)不到位。如果采用前述的方法交代清楚了，在二級(jí)功能引導(dǎo)的頂部再加上當(dāng)前的一級(jí)模塊名就是畫(huà)蛇添足了。另外，在兩級(jí)導(dǎo)航的頂部加上同樣的黃條顯示，更加讓用戶不明白兩級(jí)導(dǎo)航的關(guān)系。
2、多余的功能
圖中所示5的位置，兩個(gè)箭頭，不去點(diǎn)擊永遠(yuǎn)不知道什么作用，點(diǎn)了才知道可以把樹(shù)結(jié)點(diǎn)上移下移。先不說(shuō)箭頭有用沒(méi)用，光放在這個(gè)位置，沒(méi)有任何說(shuō)明和暗示，用戶不可能聯(lián)想到他的作用，其實(shí)從上下文分析，這個(gè)功能對(duì)事務(wù)沒(méi)有一點(diǎn)作用，它對(duì)用戶來(lái)講是沒(méi)有價(jià)值的。既然沒(méi)有用，為什么又出現(xiàn)了呢？因?yàn)槌绦騿T喜歡，其實(shí)這本不是什么高深的技術(shù)，碰巧程序員在編這段程序的時(shí)候喜歡上這個(gè)小技巧，然后他就自然的給加上去了，全然不顧用戶是否需要。這就是開(kāi)發(fā)人員主導(dǎo)產(chǎn)品的結(jié)果。
3、不規(guī)范的使用視覺(jué)符號(hào)
圖示3的位置，“退出”前面加了小圖，這個(gè)小圖看起來(lái)就像c/s程序窗口標(biāo)題欄右側(cè)的關(guān)閉窗口按鈕，給用戶的感覺(jué)是不是關(guān)閉窗口呢？不是，根本就不應(yīng)該是。所以，在這里這個(gè)小圖傳達(dá)了不適當(dāng)?shù)牟僮餍畔ⅰ槭裁闯霈F(xiàn)了呢？因?yàn)檫@個(gè)GUI設(shè)計(jì)師對(duì)C/S控件顯示形式好奇，但是沒(méi)有理解它顯示的真實(shí)含義。
4、圖標(biāo)使用不規(guī)范
圖示4的位置，樹(shù)型多層次結(jié)構(gòu)前面的icon一般都具有特定的意義，用箭頭時(shí)，箭頭向右表示收起，向下表示展開(kāi)；用+、-號(hào)時(shí)，+表示收起-表示展開(kāi)，一般的軟件，要么使用箭頭，要么使用+-號(hào)，而不會(huì)夾雜使用，明顯有悖于產(chǎn)品設(shè)計(jì)的統(tǒng)一性原則。為什么有？程序員想把樹(shù)做得更酷一些，但是，并不是力氣使得多，活就好看。
5、操作區(qū)控件展示和上下文不符合
圖示6的位置，操作區(qū)沒(méi)有列表信息，但是卻出現(xiàn)了翻頁(yè)鏈接，為什么？程序員偷懶了，不管有沒(méi)有數(shù)據(jù)，反正是一個(gè)頁(yè)面文件，動(dòng)態(tài)數(shù)據(jù)有就抽，沒(méi)有就空，非動(dòng)態(tài)的翻頁(yè)文字，不管有沒(méi)有，反正都顯示在那里。當(dāng)沒(méi)有數(shù)據(jù)時(shí)，感覺(jué)就很怪異，不符合正常人的理解邏輯，數(shù)據(jù)都沒(méi)有拿什么翻？所以說(shuō)，應(yīng)該加一層判斷，當(dāng)某個(gè)結(jié)點(diǎn)的數(shù)據(jù)為空時(shí)，顯示一個(gè)空白頁(yè)面，有數(shù)據(jù)時(shí)顯示數(shù)據(jù)頁(yè)面。程序員往往不愿意這么干，他們認(rèn)為這樣會(huì)加大他編程的工作量，所以就操近道，因?yàn)樗X(jué)得這么處理不影響功能運(yùn)轉(zhuǎn)。是的，雖然不影響功能運(yùn)轉(zhuǎn)，但是影響了用戶體驗(yàn)和整體的產(chǎn)品形象。產(chǎn)品專業(yè)與否，不要很多地方體現(xiàn)，就在與諸如此類的細(xì)節(jié)。
聯(lián)系客服
