知識普及 ? 互聯(lián)網(wǎng)界面設(shè)計模式 | ||||
互聯(lián)網(wǎng)界面設(shè)計模式 |
||||
|
||||
封皮上是這樣描述本書的:想知道怎樣在今天的Web上創(chuàng)造偉大的用戶體驗嗎?……本書以當(dāng)前最流行的Web站點為例,介紹了兩大良行之有效的Web界面設(shè)計模式。如果你想構(gòu)建或重構(gòu)站點,并希望站點以豐富的交互為特色,那么本書就是你出奇制勝的寶典。
首先,這是一本工具書。 其次,這是自認(rèn)為一本比較糟糕的好書。好書,因為它提供了大量思路與操作辦法(“最佳實踐”的部分);糟糕的是平庸的用例和花里胡哨的組織(重復(fù)與濫用)。鑒于此,我廢棄書中巧言令色、不知所云的“六大原理”,按功能重新組織。另外,這本書定價80元,有點離譜。 正文之前,必須強(qiáng)調(diào):“偉大的用戶體驗”并不等同于原理和模式的疊加,而是有選擇、有特色地按需部署?,F(xiàn)在的互聯(lián)網(wǎng)富交互技術(shù)已經(jīng)呈現(xiàn)泛濫之勢了。 一、鼠標(biāo)原理涉及鼠標(biāo)的“直接操作”分類到鼠標(biāo)原理中。 1、懸停懸停即現(xiàn),基于懸停顯示工具可以減少界面上的視覺干擾。設(shè)計時要避免任何元素的偏移;否則用戶的視線就到了不該到的地方。 2、單擊 “編輯”鏈接 頁內(nèi)單擊編輯內(nèi)容,一來,用戶不用離開頁面;二來,編輯時可以直接參考上下文。要么能讓用戶知道這里可以編輯,要么就加上“編輯”的字樣或按鈕。 3、雙擊書中貌似沒提到這點,但用過網(wǎng)上地圖的人(可能)知道,有“放大地圖”的功效。關(guān)于此條的建議同下。 4、右鍵右鍵菜單,執(zhí)行任務(wù)就像應(yīng)用程序那么方便了。右鍵菜單一般不容易發(fā)現(xiàn),所以一定得具有可替代性。 5、拖放 拖放布局 拖放排序、布局和拖放處理任務(wù),符合用戶的心智模型。要適時地提示可以拖放,算好啟動拖放的距離單位(5像素)和時間單位(按住鼠標(biāo)0.5秒)。拖放時,用戶需要隨時獲得必要信息。 6、滾動 滾動實時加載新內(nèi)容 滾動實時加載新內(nèi)容,脫離翻頁的枷鎖?;趥€人所有的連續(xù)性內(nèi)容用這個辦法比較好。個人認(rèn)為,還應(yīng)該保證顯示的流暢性。比如,谷歌閱讀器和谷歌圖片搜索很流暢,而人人網(wǎng)和QQ空間老給人一卡一卡的感覺。 二、鍵盤原理 歸類方法同鼠標(biāo)原理。 1、實時建議用戶不用輸完也許就能命中。一般而言,每輸入一個字符顯示一次反饋比較好。保證有足夠的有用信息基礎(chǔ)之上,選中建議條目也應(yīng)提供多種辦法:回車、上下箭頭和鼠標(biāo)單擊。我認(rèn)為,取消建議條目也應(yīng)如此。 2、自動完成同上。個人認(rèn)為,自動完成對條目的精確性要求更高,一次也不宜給過多條目。 3、實時提示比如用戶密碼強(qiáng)度。 |
||||
|