設計思考:B/S結構服務中,如何提高資源信息的預覽體驗?

8 評論 4552 瀏覽 27 收藏 11 分鐘

最近筆者主導了一個教育資源網站的搭建過程,在對優化預覽功能體驗方案中頗有體會,認為從產品價值、用戶體驗都值得去思考,下面和大家分享一下我的思考路徑!

先交待一下背景~

網站用于展示小學、初中、高中各個學科的教育資源,如教案、學案、課件、微課、試題等多種資源,服務于小、初、高階段的一線教育從業者。用戶可通過瀏覽器直接訪問該網站的教育資源,可以在瀏覽器上打開資源文檔內容進行瀏覽,支持登錄會員下載使用。運營后收集用戶反饋信息,其反映的情況很不樂觀,尤其是網站的體驗方面,用戶感到有一種挫敗感……

如此是很難將網站應有的價值傳遞給用戶的,通過市場調研、用戶反饋以及對網站數據的分析,發現了一些問題:尤其在預覽資源文檔流程中,一些常用的資源格式不支持在線瀏覽,視覺體驗質量不高,內容模糊,文檔內容加載慢,等待時間長……

從網站的定位來看,提供資源預覽(或瀏覽)是該網站提供資源服務的核心功能,也是網站在內容和信息傳達服務實現其價值的直接體現,因此優化并提高預覽環節的用戶體驗問題需要重視起來。

筆者圍繞如何提高資源文檔在瀏覽器中在線預覽的體驗,進行了廣泛的思考和分析,也在此分享出來希望讀者對此多提見解,與筆者一起打造出極致的預覽體驗。

針對這個問題,我并沒有直接去尋找答案,而是先對網站資源庫中的基礎數據進行了統計和整理,并深度分析目標用戶關注的教學資源類型及資源文檔類型、格式等因素,對相關信息進行了全面匯總和分析。

下面是通過對資源庫中的資源基礎數據的信息圖表:

通過觀察和分析,發現網站資源庫中數據很復雜。資源類型包括教案、學案、課件、微課、動畫、聽力、試題等十多個類別,其實在用戶實際使用場景中,各類型資源的定義是相對的,是可以相互轉化的。

此外網站中資源的文檔格式種類數量也有很多種,通過分析網站的目標用戶關注的資源類型,發現大多集中在教案、學案、課件、試題、微課等這幾類,且這些類別的資源文檔格式多以pdf、ppt、doc、mp4、avi、flv為主。

思考到這里,必須重新審視幾個問題:網站對資源進行如此細分是否合理呢?錄入資源時支持如此多的文檔格式,是否有必要?目標用戶真切關注的資源類型有哪些,這些資源文檔的常用的格式是怎樣的……

通過分析之后,我認清了一個事實:

  • 首先,網站對資源過細的分類加重了用戶選擇的難度,也增加了用戶對資源本身所屬類型認知的成本;
  • 其次,網站支持太多文檔格式的在線瀏覽也增加了技術難度;
  • 最后,網站沒有通過一些特殊加載方式來解決資源加載時間過長問題。

要解決我們面前的重要問題,就不能停留在當初制造他們的思維層面上。

——愛因斯坦

根據業務需求,并通過分析之后,我從資源數據、技術限制、交互操作、界面視覺設計幾個方面針對如何提高資源信息的預覽體驗,展開了思考并進行了設計嘗試,內容如下:

(1)數據層面

這里的數據層面是指該網站所承載資源基礎屬性,如資源類型、文檔格式、文檔大小等都是需要分析和思考的;在數據層面,提高資源在線預覽的體驗,從以下幾點進行了嘗試:

  • 重新定義網站資源的類別,簡化類別細分,減輕用戶區分資源類型的負擔,避免用戶落入選擇困局;
  • 嚴格規范資源文檔錄入的限制條件,如文檔格式、資源大小、命名規范等,同時提高錄入資源的質量品質,對不清晰、不完整的資源進行優化或剔除;
  • 重視目標用戶重點關注的資源及其文檔類型、格式等,如教案、學案、課件等;

從網站資源的原始數據上進行優化,可最大限度上提高資源信息的預覽體驗。

(2)技術層面

網站資源信息的瀏覽以數字設備為媒介,通過瀏覽器訪問網站,進行資源文檔的在線瀏覽。因此必須在瀏覽器兼容、支持在線瀏覽格式等方面提高技術水平,如下幾點是對技術層面的優化要求:

  • 必須支持并重點優化重點資源文檔格式的在線瀏覽,如pdf、ppt、doc、mp4等;在此基礎上滿足更多文檔格式的在線瀏覽,建議根據數據分析,制定一個支持在線預覽文檔格式的優先級表;
  • 優化資源加載方式,比如瀏覽資源文檔時,先加載部分內容,避免因資源過大,導致加載時間過長的情況;
  • 采用先進算法,優化資源數據大小,在保證資源品質的情況下,盡可能減小文檔資源,加快加載速度;
  • 對壓縮包類型的資源瀏覽的優化,比如采用展示資料包文檔列表,使用戶選擇要瀏覽的資源文檔;
  • 錄入資源文檔時,對不規范、質量不高的資源文檔進行技術轉化,從而達到基礎資源優化的要求。

從技術層面提供在線預覽功能,可以最大程度的承載體驗設計意圖;當然對此還需要工程師哥哥的大力支持,如果落實不到位,提高用戶體驗就是一句空話;

(3)交互層面

交互體驗層面的優化,主要包括用戶篩選資源類型,到查找資源文檔,再到打開并進入資源文檔這一業務流程鏈路上的交互操作的優化,結合之前收集的用戶行為數據,來驅動產品體驗設計。

具體內容如下:

  • 優化應用流程及功能交互,減少用戶完成任務的步驟和時間;
  • 優化資源文檔詳情頁面的交互方式,如在資源文檔過長,頁數過多時進行分頁展示、引導加載、全屏查看等;
  • 優化信息布局結構,對文檔信息、功能操作元素進行布局優化,突出重點信息,從而幫助用戶完成與頁面功能的交互;
  • 優化操作引導,窮盡異常情況,完整其處理機制,如操作引導、加載異常、網絡中斷、用戶權限反饋等。

一個網站如何能帶給訪問用戶極致的體驗,用最短的時間俘獲用戶,并與用戶產生情感共鳴,情感化的設計是至關重要的。

(4)界面信息

  • 優化界面版式布局,通過合理的版式設計,來加強信息傳達的效果;
  • 簡化界面信息,尤其是用戶瀏覽信息的頁面,要減少干擾用戶的界面元素,努力營造沉浸式的瀏覽體驗;
  • 優化字段文案,進行圖形化處理,美化網頁界面,以此來達到提升視覺體驗的效果。

在進行界面設計時,要結合網站定位、用戶類型與產品整體的調性,與網站其他頁面的風格要保持一致,否則再優美華麗的網頁都會影響最終產品價值的傳遞和體現。

功能體驗的優劣決定了網站整體體驗,體驗伴隨用戶與網站進行的一切互動上,提升網站設計中的用戶體驗需要設計師應站在更全面的角度去系統的思考影響體驗的因素,從基礎數據、到技術支撐,再到細節呈現,努力嘗試每一個維度,終會創造超出用戶預期的產品設計,給用戶帶去體驗上的驚喜。

 

本文由 @歲月 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 沒有實際例子,感覺看的不爽

    回復
  2. 感覺你在說學科網,但我又沒有證據

    來自北京 回復
    1. 學科網并非個例……

      來自山東 回復
  3. 沒有例子,看起來不免覺得空洞

    來自福建 回復
  4. 感覺在講空話

    來自日本 回復
    1. 待閣下經歷過這一設計過程就不會有此感覺了

      來自山東 回復
    2. 沒有例子,看起來不免覺得空洞 ??

      來自日本 回復
    3. 有道理,接受提議!

      來自山東 回復