總結一下我們在web前端開發過程中總是強調交互性、易用性的情況分析說明。個人覺得web前端的易用交互也就是我們所說人性化操作。不外乎希望達到的效果為:界面風格簡潔明了、重點突出;操作簡單,直觀可見。當然,我們都清楚,web界面的使用主要體現在兩大方面。一個是界面風格、一個是事件機制。而從這兩大方面分析,可以稍微具體再分類一下。如下:
web人性化交互易用可以從以下三個方面分析:
- 鼠標操作
- 鍵盤操作
- 頁面布局和UI設計
一、鼠標操作
鼠標操作,是我們在web開發中經常用到的。當然這里的分析不是簡單的提交表單操作。

在實際開發中,其實也不一定要依賴某些框架和庫去實現這些事件效果(一方面增加項目的體積,我們可能用到的功能就只有一小部分;另一方面有可能與之前的庫沖突),我們也可以自己去編寫。具體的情況還是要根據項目需求去分析。
大家可以去找一些類似jquery-ui的庫,它們都提供了各式的交互效果和組件,下圖為jquery-ui的一個界面組件使用說明

二、鍵盤操作
鍵盤事件相對來說要比鼠標事件使用程度要低,但是適當的增加一些基礎的鍵盤事件操作支持,會讓web的可操作性更好,用戶的體驗也就更好(比如,表單的提交支持鼠標點擊按鈕的同時,也支持Enter鍵)。

同樣,網上也有好多的鍵盤事件監聽的框架,有需要的可以上網查找一下(支持單個按鍵和組合鍵監聽)。
三、界面布局和UI設計

了解用戶閱讀習慣,合理布局頁面。可以使用對比色或相近色等色系配色。突顯重點需要展示的內容。當然,界面的風格還是要根據項目的涉及業務等方面制定。另外,可以將需要用戶錄入或操作的面板區域重點突出。方便用戶快速定位操作書寫。
這是之前整理的一個web前端交互易用說明分析。都是從大的方面籠統的整理一下(分析談不上)。再以后的開發中,可以從這幾方面細考量,讓項目更加易用。
感謝閱讀。
