相較於我的同儕,我更積極參加校園內的各種活動。然而,我發現許多充滿啟發性的活動卻鮮少有學生參加。
作為設計師,我對這一現象感到好奇。經過與身邊人的詢問,我驚訝地發現很多學生對這些活動一無所知。而學生們不會查看學校發送的電子公告,這可能是參與率低的原因之一。
學校與學生之間的重要資訊傳遞渠道可能出現了斷層。
包含校園活動資訊及重要通知的電子公告截圖。
活動的標題通常過長,同時又無法提供足夠的資訊讓學生了解活動內容。
公告郵件的分類並非針對讀者設計,而是為了讓行政系統方便作業,造成資訊缺乏組織又經常重複。
透過用戶體驗地圖 Customer Journey Map,發現學生在活動也面上找到很難找到相關資訊,資訊取活動資訊的過程也需要經歷太多步驟。
以上的分析是透過用戶訪談配合上用戶體驗地圖分析、整理而成,透過用戶體驗地圖辨識出關鍵接觸點與痛點。
找到公告郵件。
處在中性的心情,對信件內容不抱有特別期待。
瀏覽並尋找有興趣的活動。
因過長且模糊的標題感到煩躁。
點擊連結並進入活動的網頁。
失望地發現只有宣傳標語。
繼續向下滑動尋找活動的詳細資訊。
「終於找到了⋯⋯」
為了消弭資訊傳遞的斷層,我組建沐報團隊創立一個全新資訊整合平台,目的在高效率且有效地收集並傳遞所有重要資訊。
我們的目標是簡化學生獲取資訊的過程。
為了提升易用性,我們從學生訪談得知不同活動資訊的重要性,並以此為依據設計資訊圖卡,並透過字體大小的對比強化訊息傳遞效率
除此之外,也將每個資訊元素拆解並重新組合,測試不同的分群的掃視效果。經過多次迭代,最終找到了最佳的資訊分群,設計全新的資訊架構,成功提升活動資訊流通效率。
根據最終的設計,我建立一個視覺設計框架,確保品牌與體驗的一致性。
透過多次迭代與測試找到最佳的資訊分群,成功提升活動資訊的易讀性。
根據心理學研究,使用者習慣於以 F 型模式進行瀏覽。基於這個心理學原則,在這個設計裡使用者可以從上到下、由左而右快速吸收資訊。
在迭代過程中,我發現改變背景的透明度可以進一步提升文字的可讀性。因此在這個設計中,標題和日期區塊都採用更不透明的背景色。除了增強視覺階層,這個設計也促進掃視效率的提升。
由於模糊的背景、毛玻璃效果和鮮明的色彩是我們平台的標誌性風格,因此在迭代的過程中保留這些視覺元素。
除了高效率的資訊傳遞和清晰的視覺指引,美感也是沐報成功的關鍵因子。資訊卡的背景都經過精心設計,運用圓潤的設計帶給人愉悅的感覺,色彩鮮豔奪目讓我們在社群媒體上能夠迅速吸引使用者的注意。
上線後,我們迅速獲得了學生的認可。在頭 2 個月內,我們累積超過 1000 名追蹤者(超過註冊學生總數的 10%)。學生在訪談中表示沐報滿足他們迅速找尋活動資訊的需求,也幫助他們探索許多之前不知道的校園活動。
隨著大多數校園活動參與率的提升,學生反映他們感到與廣大的校園社群更加緊密的連結,同時促進他們對校園的歸屬感。這是我們意料之外但非常令人感動的成效。
我們的使用者在問卷調查或私訊中表達對我們圖卡美學的讚賞。與其他專頁相比,我們獨特的風格幫助學生一眼就能辨別我們的貼文,美學也讓使用者體驗更加愉快。
模糊的背景、毛玻璃效果等一致的視覺元素為我們的受眾帶來了高品質、專業的感受。
Designed in 2019.