用戶體驗課程報告

用戶體驗期末結課報告在這學期的用戶體驗課程中，我學習到了很多知識和對用戶體驗這門課程有了一個嶄新的認識。在未學習這門課之前，在我心里用戶體驗只是介乎于更好的平面設計的一門學科。應當更加的注重于有關平面軟件的一些實用與設計從而使得軟件等產品更加易用更加好用，但是通過一學期的學習后。我發現了用戶體驗不光是更炫的的動畫特效，更加美觀的頁面。還包含了一些與代碼相關的嶄新的技術。如老師在課堂上講的ajax的異步刷新，可以在用戶不刷新頁面的情況下，獲得需要的結果。使得用戶的頁面體驗更佳，而不用等待漫長的頁面刷新的過程。如果用更加先進的技術，更好更優的使用戶能夠以一種更加輕松愉快的方式來使用你所制作的產品才是這門課程的實質內容。而通過課堂上的學習，我也在課后瀏覽和學習了用戶體驗這門課程的一些知識。以更加專業的角度，來體驗和總結了生活中無處不在的用戶體驗。也關注了騰訊、網易等相關大型公司用戶體驗部門的一些資料與相關的新聞。下面就以課堂上曾經布置過ajax表單來展開，談一談我在這個作業后通過搜集資料和相關的文章對表單設計中的用戶體驗的一點感受。表單，主要是負責數據采集的功能，需要訪問者自己去填寫，如訪問者的姓名、郵箱、性別、地址、留言建議、設置密碼、管理個人賬戶等等。時下表單無處不在，成功的表單設計不僅能提高用戶的滿意度，更能收集更加精確的數據，相反失敗的表單設計只會收集到錯誤雜亂的信息，可能會最終導致潛在用戶的流失。那么應該如何來制作從而達到更好的用戶體驗呢？我覺得可以從以下幾個方面：一、組織表單的內容，給用戶一個友好的引導

首先要明確的告之用戶填的是一個什么性質的表單以及填完后能做些什么？哪些問題是一定要問的？有沒有別的途徑可以獲取用戶的資料？大致表單的布局分為三種類型：縱向排列、逐步填寫（多頁顯示）和左右布局。這三種表單的組織形式功能特點，通過不同的使用環境決定它們具體的樣式。下面通過一些對應的實例我們來做些具體的分析：圖1根據Web慣例調查，卸載軟件的界面常見組織結構，為縱向排列樣式。一般頂部為明確填寫表單的目的，再呈現表單的具體問題。在卸載類型的表單中，內容一定要精簡，減少用戶輸入，盡量提供選擇題，少問答題，沒有必填項。要知道用戶是不喜歡填寫表單的，尤其是當用戶卸載軟件后也是沒有太多的耐心來填寫表單的。如圖1的卸載表單縱向內容組織形式，頂部是致辭，明確的說出問這些問題的目的，下面是分組表單內容。這種縱向排版簡潔填寫的表單組織形式，更利于獲取用戶的反饋。圖2圖3圖4圖5在一定情況下，很多問題需要按順序回答，理解并組織好每個表單的情境能得到最佳答案，如果把表單用對話的形式展現，主題之間自然會出現間斷，所以就會需要多個網頁把對話變成若干有意義并容易理解的主題。如圖2——圖5的填寫表單多頁的展現形式。把表單當成是與特定的人在對話，而不是與一堆數據輸入框在對話，每個表單都用不同的情境問題與用戶進行交流，這樣的實際回答率會更高。圖6當表單想要搜集更多答案時，可以考慮在表單填完之后提出一些可選的問題，輔助獲得更多的答案。表單的標簽使用術語需要統一，簡潔、單個詞，這樣的標簽要更容易解釋清楚。如圖6的表單設計，使用左右布局的排版方式，左側放上必填和重要的表單項，右側輔助放上可供選擇的表單，減少頁面表單內容視覺的龐大性，整體界面內容居中排列這種方式也比較美觀易讀。二、填寫表單的反饋，給用戶貼心的引導為了提高表單的完成率和準確率，設計師會試圖避免各種各樣的分散因素，并且提供一個清晰明確、簡單的web表單。這就是為什么任何視覺效果都需要非常適當地使用的原因。運用視覺手段去解決會出現這樣的錯誤，減少用戶的誤解。當遇到用戶提交數據有錯誤信息時腫么辦？首先要讓用戶知道發生了錯誤，錯在哪,以及如何糾正。圖7圖8圖7郵箱注冊表單頁，當用戶提交錯誤信息或發生錯誤操作時，在其錯誤旁都會有醒目的紅色視覺元素作為指導，很好的解決用戶找不到錯誤在哪的窘態（關于提示錯誤的元素符號，在處理這塊時可能還要考慮到色盲色弱用戶群的一個需求，他們是看不出這種強烈的顏色提示的，但是有感嘆號這樣的提醒元素存在我想也能解決這種雙向需求）。當出現注冊用戶名相同時，這里用下拉框的樣式提示，該地址都是以什么樣的結構形式被人注冊過，給用戶提供想命名同樣前置的用戶名時后綴如何添加的一些建議性幫助，以及圖8填寫正確后給予的文字圖標反饋。圖9圖10圖9和10的注冊表單的兩個錯誤提示樣式，當輸入成功提示會消失，輸入錯誤或者輸入不符合標準都會有相應的不同文字反饋，告知用戶發生錯誤的原因，及時回車修改，避免用戶在填完所有的信息后再反饋給用戶。三、創意表單的樣式，給用戶輕松愉悅的感受輸入框和標簽的樣式是需要根據整體界面風格去定義的，通過不同創意類型的展示，可以為你獲得更多的瀏覽者。所以設計出一個好的創意來優化表單是一件多么重要的事。圖11圖11blackwave運用筆記本記錄重要事記的功能，穿插到表單中。使用了手寫的方式和便簽條的元素，引人注意，這些好玩的設計使它的功能完美的傳達給了用戶。圖12圖13圖12和圖13的表單設計，為了使訪問者不會感覺布局的乏味，用了復古懷舊這樣的意境元素，和紙張疊合的方式來展現表單。圖14圖14wingcheng的表單樣式比較符合這個概念性的網站，有很簡單且基本的表單布局，獨特的視覺角度，只為讓表單填寫起來更有趣。圖15圖15OrcaBaySeaFoods的表單采用與網站布局完全融為一體的設計方式。圖16圖17表單的創意表現形式來源于整體網站的風格特色，和整體網站主視角相呼應，瀏覽起來也不會