巨群資訊

兩個輸入框加一個按鈕？還能怎麼做？

那就先來看看為什麼而做？

就資料而言，網站的流量仍是大量的匿名使用者帶來的。 網頁設計 無法根據請求的任何方面（ip位址，使用者代理等）準確識別來自同一人的連續請求。

不能識別，自然無法對其分類進而轉化挖掘，獲取網站所需的價值。

網路服務於人，要開發一個真正令人動心的網頁設計，我們必須觸達到瀏覽器後面那些活生生的人。

•他們是誰？他們想要什麼？

•我們如何服務他們？

IP地址：IP位址是最容易獲取到的資訊。但用它來標識唯一使用者會有很大弊端，偽IP、代理、動態IP、區網共用同一公網IP出口等情況都會干擾獲取的IP位址的唯一性和準確性。

IP+User Agent ：多個資訊聯合確定使用者身份。對於使用者而言，當使用相同的終端瀏覽網站時，User Agent的資訊是相對固定的，固定的操作細水長流斷裂，相對固定的瀏覽器，這種方式可以適當提高IP代理、公用IP這類情況下的使用者分辨度，當還是同 樣避免不了動態IP和VPN等IP變動的情況。

Cookie：Cookie是網站以一小段文本的形式存放在使用者本地終端的資訊，以便網站之後的讀取。Cookie幾乎能夠唯一對應到使用者的訪 問終端，但不像IP位址都能獲取到，Cookie需要預先寫入訪問終端，如果使用者禁用Cookie，那麼這種使用者識別機制就會失效，當使用者執行了清 理Cookie或者重裝系統等操作時，Cookie同樣也會遺失。

User ID：使用者ID與上述的區別就是綁定的不再是設備而是使用者本身，具有唯一的識別性。

同時，很多網頁設計的網站把這個使用者ID寫入到Cookie中以便使用者下次訪問時直接判別使用者身份而完成“自動登錄”的功能。 使用者ID還可以串聯使用者的訪問記錄資料和CRM及後臺其他的使用者資料，為之後的關聯和分析提供了便利。（以上使用者識別方法摘取自《網站分析實 戰》）

另外還可以獲取MAC位址，SIM卡IMIS號（行動端優化可用上），也可以作為識別使用者唯一身份的標識。

現在大家都在說“以使用者為中心”。

使用者可能會因為“以使用者為中心”的設計所給予的關注而比以往的感覺好一些，但把們置於開發過程的中心未必能給他們帶來更好的產品。我們要理解的並不是使用者，而是簡易使用。

關注使用者此刻所要完成的任務，以及我們怎樣才能以最佳方式支援其完成。

所以我們要考慮如何來支援使用者達成每一個目標，而不會干擾或妨礙他們。同時，再把這些完全不同的部分凝聚成整體。

以下就是具體做了哪些優化：

•登錄的主線任務就是登錄輸入框和提交按鈕，加大處理，讓其任務更突出，去除圖的干擾，使流程清楚，使用者可以直線思維操作， 使用者名->密碼->登錄，一氣呵成快捷地完成登錄。

•原有的“忘記密碼，忘記帳號以及記住我”不屬於主線任務，其實放在哪里不重要，重要的是我們需要給表現成“相關任務”，故移至一旁弱化表現。

•刪除“忘記帳號”（忘記密碼可以找回，忘記帳號並不能解決，現有線上的處理方式是跳轉去找回密碼頁，毫無意義）。

2、使輸入更快捷高效，提高易用性

準則一：功效

最大化減少使用者輸入和操作：

當其點擊登錄按鈕時，判斷是否在本地登錄，登錄過就讓其自動登錄，沒登錄過，進來時默認焦點就對準輸入使用者名上。

註冊畫面中減少一次密碼的輸入：

常規註冊需要填兩次密碼，有資料表明，只需要做一次輸入即可。

根據調研報告，使用者時常分不清昵稱是否可以用來登錄。最好的方式是在註冊時連匿稱都去掉，而取其@前面的字元或手機號作為暫時的使用者昵稱，而在後續的環節中再去引導其更換頭像和匿稱。

準則二：支持

系統應該支援一個熟練使用者對系統進行高效率的使用：

新增快捷鍵的支持：

Tab及上一鍵支持切換；

Enter及空白鍵支援提交；

ESC鍵取消蒙層及面板。

準則三：寬容

人是會出錯的。人進行資訊處理不可避免會出差錯。出差錯是正常的，但減少差錯不應當從人這一方面進行努力。設計良好的系統應該把出錯和出錯處理也考慮其中。

容錯前後空格：使用者在PC輸入的過程中，會自然地帶入空白鍵，密碼及帳號的輸入應該能容錯前後空格。

不再檢驗密碼強度，簡單密碼也可以通過。同樣根據調研報告，使用者不care視頻類網站帳號密碼的安全性。

準則四：環境

系統應當適應其被使用和操作的真實條件和實際環境。衣服擺著好看和穿在身上是否合適是兩回事。

3、優化移動設備體驗，為以後各終端互通做準備

行動設備崛起，種種資料表明，行動屏正在超越PC屏，但最終結果肯定不會是一屏取代另一屏，而會是一個多屏互通，同時使用這麼一個局面。在設計網頁設計頁面時，都要考慮到響應設計來自適應各終端。

行動電話第三方登錄建議採用SSO登錄：

SSO的優勢： 不需要重複輸入微博使用者名、密碼，只需要一步操作，直接點擊授權按鈕即可完成。增強了操作簡便性及帳號安全性。可參看唱吧、360 手機瀏覽器等一些應用。

網頁上同樣能夠做到登錄第三方應用使其自動登錄

至此，交互畫圖的工作已完成。接下來是視覺同學的跟進，詳細過程不再累述。

PS: 產品定義功能，解決產品是否有用有價值的問題，交互關注易用好用的問題，視覺關注讓人是否想用。重構和開發是解決能不能用的問題，同樣也關注好不好用，與交互的區別在於交互從設計上解決，而開發從技術上解決。

轉貼來源：網頁設計部落格

http://www.piece2ec.com.tw/news.asp?ID=1880

參考文獻：

1.黃佳惠（2005）。體驗品質、滿意度及行為意向關係之研究－以華陶窯為例。朝陽科技大學休閒事業管理系碩士論文，未出版。

2.黃映瑀（2005）。體驗行銷、體驗價值、顧客滿意、品牌形象與行為意向關係之研究。大葉大學事業經營研究所碩士論文，未出版。

3.黃惇勝（1995）。台灣式KJ 法原理與技術－邁向21 世紀改造臺灣的思考武器。台北：中國生產力。