1. 程式人生 > >2017.11.17——作業四用戶體驗分析:以 “師路南通網站” 為例

2017.11.17——作業四用戶體驗分析:以 “師路南通網站” 為例

對象比較 center p s 做的 註冊 mar 微信 找到 幫助

作業四.用戶體驗分析:以 “師路南通網站” 為例

作業目標:針對師路南通 ,開展UX分析,基於實例分析,體會用戶體驗設計的 7 條準則。

首先是“師路南通”的簡單頁面介紹

師路南通功能列表:

技術分享圖片

在頁面的首頁可以看到“師路南通”網頁的一些功能板塊有哪些,詳情點擊就可以看到,首頁只羅列了部分重點,例如“近期研修”,“經典研修”等等

技術分享圖片

技術分享圖片

接下來是我覺得“師路南通” 在用戶體驗設計方面讓我覺得滿意和不滿意的地方

一、基於我們列出的 7 條UX評價準則,分析“師路南通” 在用戶體驗設計方面讓你覺得滿意的地方(不少於2點);(20分),請陳述理由。

1.給用戶及時快速反饋

  隨便點擊一個鏈接,能順利的進入相應的模塊,例如”近期研修“

, 當前網頁發生了什麽,都能清晰的顯示出來。

技術分享圖片

在頁面上還有”返回首頁“的按鈕(如下圖),可以讓用戶返回首頁繼續瀏覽相關信息。

技術分享圖片

2.界面符合慣例

  “師路南通”的界面簡潔大方,一目了然,網站結構清晰,沒有不必要的層級或者插件,所有功能都被清晰地表示出來,能在不離開網站的前提下都可以使用。用戶可以很快捷的找到用戶所需要的東西。網站的主要部分都可以通過首頁的功能欄找到。(如下圖)

技術分享圖片

      “課程列表”

技術分享圖片

  “精品培訓”           “高端研修”              “人才培養”             “國培省培”

技術分享圖片 技術分享圖片 技術分享圖片 技術分享圖片

3.用戶控制權(主人)

  用戶在登陸之後,可以選擇相應感興趣的課程或者老師進行學習,頁面的左欄還有“推薦課程”比較貼心,以及“課程排行”,可供用戶進行課程的比較與選擇。


技術分享圖片 技術分享圖片

  其次,用戶可以取消所有操作,例如下圖,點擊了一位教師的講座,可以關閉該視頻或者點擊相應的按鈕進行控制。

技術分享圖片

4.一致性和標準化

  界面的所有鏈接與其指向頁面的標題都匹配,在網頁的最下方有主辦單位以及地址等相應的信息,可供用戶了解。且網站的文案簡潔,沒有術語。

  用戶可以通過email來提交反饋意見。


技術分享圖片

5.適合各類用戶(不絕對)

  這個網站的對象是南通的教師和學生,比較適合在南通從事教育事業的人群;或者南通的家長也可以從這裏了解到教師相應的信息。這對南通市的用戶來說,網站的作用比較大而且方便。

二、分析“師路南通” 在用戶體驗設計方面讓你覺得最不滿意的地方(不少於2點);(20分),請陳述理由。

1.給用戶及時快速反饋

  (1)網站中,有一些教師後面是沒有介紹的,例如“精品培訓”中,有的教師後面是沒有課程的,就顯示無圖;

技術分享圖片

    點擊教師的時候會出現“培訓專家詳情”

技術分享圖片

  點擊“無圖”的時候會出現“抱歉沒有找到課程”

技術分享圖片

  (2)網站頁面的右上角有個“登陸”選項,點擊登陸之後,只有一種方式進行登陸,沒有其他的方式,這點不太符合人性化。

技術分享圖片

    之後輸入手機號,發送驗證碼之後卻顯示手機號不存在,無法驗證。並且也沒有註冊的選項,也沒有返回首頁或者其他頁面的按鈕或者提示,讓我覺得這點很不方便。在發生錯誤的時候,沒有給出下一步操作提示,用戶應該怎麽做才能解決問題,並沒有提供詳細的幫助信息以及清晰的離開標識;最後一點就是錯誤反饋的界面不美觀,很簡單。

技術分享圖片

2.界面符合慣例

  (1)網站並沒有搜索功能或者“人工智能”、在線問答等,比如用戶打算查詢南通的某一知名教師,只能在僅有的教師列表裏面查詢,很不方便,也浪費時間。

  (2)網站的內容較少,最近的發布的信息都是2016年的,沒有及時更新;或者就是同一天發布的。技術分享圖片

技術分享圖片技術分享圖片

3.適合各類用戶

  (1)“師路南通”這個網站的用戶對象比較局限,且我查看了裏面的課程只有59個,數量很少,對於大學生來說,裏面的大部分教師都是中小學或者高中的老師,課程大學生也用不到。對於相應的中小學生或者其家長來說,選擇面很窄,而且培訓課程也沒有系統化,一個教師下面的課程僅僅有幾個或者沒有,不能讓家長全面的了解這些老師的情況。

技術分享圖片

  (2)南通的教師,網站裏面並沒有羅列完全,很多的信息並不完善,教師很少,也並沒有按照一定次序,比如所在學校,或者所在地區來分類,這樣也許更加方便用戶查閱。

4.必要的提示和幫助文檔

  網站只有錯誤提示,但是沒有相應的措施。沒有提供在線幫助等其他措施來解決用戶的問題,比如用戶沒有註冊,登錄不成功之後沒有任何相關提示信息來解決。這點不太滿意。

三、對比學習網站:UMU學習平臺(umu-umu) 、學生安全教育平臺(xueanquan123)

  1、UMU學習平臺(umu-umu):一開始就有一個用戶註冊的界面

技術分享圖片

  界面會提示用戶的瀏覽器是不是使用該軟件,提供建議下載的瀏覽器,這是師路南通所缺少的。

技術分享圖片

  網站的功能欄,整體界面采用的是橙色系的,簡潔明快,充滿活力,符合學習活躍的氛圍。

技術分享圖片

  在用戶這一方面還有新手指導,能讓用戶更加快速的了解網站的使用方法,這也是師路南通所缺少的。

技術分享圖片

  界面采用的是板塊的組合,直觀簡潔,一目了然

技術分享圖片

  還提供了手機上版本的下載

技術分享圖片

總結:UMU學習平臺(umu-umu)比較成熟,在用戶反饋的這一方面做的比師路南通好一些。

2、學生安全教育平臺(xueanquan123)

  學生安全教育平臺,首頁就有登陸的選項,而且登陸的方式有QQ和微博兩種;其次,有在線咨詢、幫助中心的用戶幫助選項,還有微信公眾號以及軟件的下載,這些都是“師路南通”所缺少的。

技術分享圖片

  第二,首頁有最近更新的新聞、幫助中心羅列了一些用戶出現錯誤時的處理方法、有實時的用戶留言等等,網站做的比師路南通要成熟很多。

技術分享圖片

總結:學生安全教育平臺,在幫助文檔和用戶提示方面,比師路南通成熟很多。

綜上所述,“師路南通”的網站建設仍然需要繼續完善用戶體驗,界面的美化以及幫助文檔和登陸方式的增加、錯誤信息的反饋都應該繼續改進,才能讓用戶有較好的體驗!

2017.11.17——作業四用戶體驗分析:以 “師路南通網站” 為例