close

互聯網界面設計模式 -網上推廣


封皮上是這樣描述本書的:想知道怎樣在今天的Web上創造偉大的用戶體驗嗎?……本書以當前最流行的Web站點為例,介紹了兩大良行之有效的Web界面設計模式。如果你想構建或重構站點,并希望站點以豐富的交互為特色,那么本書就是你出奇制勝的寶典。

首先,這是一本工具書。

其次,這是自認為一本比較糟糕的好書。好書,因為它提供了大量思路與操作辦法(“最佳實踐”的部分);糟糕的是平庸的用例和花里胡哨的組織(重復與濫用)。鑒于此,我廢棄書中巧言令色、不知所云的“六大原理”,按功能重新組織。另外,這本書定價80元,有點離譜。

正文之前,必須強調:“偉大的用戶體驗”并不等同于原理和模式的疊加,而是有選擇、有特色地按需部署。現在的互聯網富交互技術已經呈現泛濫之勢了。

一、鼠標原理
涉及鼠標的“直接操作”分類到鼠標原理中。

1、懸停
懸停即現,基于懸停顯示工具可以減少界面上的視覺干擾。設計時要避免任何元素的偏移;否則用戶的視線就到了不該到的地方。

2、單擊


“編輯”鏈接

頁內單擊編輯內容,一來,用戶不用離開頁面;二來,編輯時可以直接參考上下文。要么能讓用戶知道這里可以編輯,要么就加上“編輯”的字樣或按鈕。

3、雙擊
書中貌似沒提到這點,但用過網上地圖的人(可能)知道,有“放大地圖”的功效。關于此條的建議同下。

4、右鍵
右鍵菜單,執行任務就像應用程序那么方便了。右鍵菜單一般不容易發現,所以一定得具有可替代性。

5、拖放


拖放布局

拖放排序、布局和拖放處理任務,符合用戶的心智模型。要適時地提示可以拖放,算好啟動拖放的距離單位(5像素)和時間單位(按住鼠標0.5秒)。拖放時,用戶需要隨時獲得必要信息。

6、滾動


滾動實時加載新內容

滾動實時加載新內容,脫離翻頁的枷鎖。基于個人所有的連續性內容用這個辦法比較好。個人認為,還應該保證顯示的流暢性。比如,谷歌閱讀器和谷歌圖片搜索很流暢,而人人網和QQ空間老給人一卡一卡的感覺。

二、鍵盤原理

歸類方法同鼠標原理。

1、實時建議
用戶不用輸完也許就能命中。一般而言,每輸入一個字符顯示一次反饋比較好。保證有足夠的有用信息基礎之上,選中建議條目也應提供多種辦法:回車、上下箭頭和鼠標單擊。我認為,取消建議條目也應如此。

2、自動完成
同上。個人認為,自動完成對條目的精確性要求更高,一次也不宜給過多條目。

3、實時提示
比如用戶密碼強度。


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()