繼上次分享 Naver study case 訂餐 APP 後感覺意猶未盡,剛好看到一個是關於第21屆國民議會選舉特別頁面的設計,覺得很有興趣,我們就來一起看看吧~

原定於4月15日舉行的第21屆國民議會選舉的選舉日現在提前一個月。
Naver News製作了一個“特殊頁面”,該頁面提供有關每次選舉的全面信息。
在2020年大選中,將快速準確地提供有關選舉的信息以及相關新聞。

第21屆國民議會選舉特別頁面

通過累積的專業知識提高資源管理效率,使用AIRS技術,推薦文章更高質量!

2020年大選特別頁面的重點是提高與選舉相關的推薦內容的質量,以滿足個人興趣。 利用AiRS開發的“關鍵字新聞”,可以自動提取具有很高用戶興趣的關鍵字,並添加一個完全個性化的域。為了提高資源管理的效率,僅根據上次選舉功能頁面的指示選擇常用組件。Naver News 創建了一個特殊頁面。除了擴展個性化功能外,“ Pick Press”也是一家媒體,該媒體收集與編輯選舉相關的新聞,對其進行改進,可以從各個角度使用選舉新聞:從選舉出版物和統計數據。我們試圖通過“專用觀眾”和“信息圖表”更有效地進行投放。

因此,第21屆國會選舉專頁服務理念的關鍵詞,可以通過三種方式進行組織:

服務理念的關鍵詞可通過三種方式進行組織

建立可重複使用的選舉頁面模板,提高資源管理效率!

第21屆國會選舉專頁的關鍵改進點是組件化。由於每隔幾年會重複進行一次選舉,因此每次都會使用一些常用的模板,專為高效可重複用而設計。由於這些組件可以組合使用,因此在特殊情況下也可以處理它們。利用每次選舉的概念和品牌標識,無需花費大量資源即可構建每次選舉的功能頁面。 這些節省的資源可用於提高內容質量。 因此,我們希望進一步提高選舉服務的質量,並將其價值傳遞給用戶。

組件化模組

PC, Mobile 設計

頭條新聞模板

效率的判別是基於頭條新聞模板中的累積指標(我猜是點閱率),這些指標在構建頁面時原來由六個模板組成。去除效率低的模板,最後僅選擇了頻繁使用的三個模板。

2020年大選品牌形象: “穩定”,“信任”和“改變”

第21屆國民議會選舉的主要身份包括“穩定”,“信任”和“改變”的含義。上次選舉的特別頁面上用“圓圈”符號表示“穩定性”,用“靛藍”顏色表示“信任”。為了保持設計傳統,對它進行了保留,但是“更改”的含義是新添加上去的。

色彩系統

選擇 primary color 的最重要標準不是讓人聯想到特定政黨的顏色,而是選擇靛藍的顏色,該顏色與九個政黨的顏色並不相似,但也被像徵真誠,謙遜,穩定和信任的顏色。靛藍被選為背景色,而具有人道主義,原始和中性象徵意義的紫色則被表示為漸變,並被選為“強調色”。

色彩系統

品牌識別

品牌標識還使用 HG Codec 繼承了上一個選舉功能頁面的品牌元素。此字體是具有完整正方形結構的標題哥特式字體,並且在具有類比功能的同時,還以模塊化的形式表達了穩定性和現代感。這與2020年大選設計標識“穩定”,“信任”和“改變”的方向一致。

品牌識別

圖形系統

除了“穩定”和“信任”這兩個關鍵字之外,圖形系統還試圖強調新添加的“改變”的含義。圓圈的形狀意味著很多選民,並且以各種大小表示,以包含不同年齡的人。隨著選舉年齡的減少(18歲)和強調多樣性,中士的運動試圖動態地表達“交流”和“改變”的意願,並且人們強調了多元化,並且在當前的政治領域中人們對改變的渴望與日俱增。

圖形系統 Dark

圖形系統 Light

個性化推薦新聞和媒體新聞

新聞頁面的組成大致可以分為兩類:“個性化推薦區域”和“媒體新聞區域”。

在“主要新聞”選項卡中,主要構成推薦內容,您可以使用“頭條新聞”(群集新聞)區域按特定問題分組和使用與選舉相關的新聞。“ AiRS推薦新聞”會自動分析用戶的興趣您可以使用推薦的個性化內容。由於此特殊頁面的服務概念側重於“個性化”,因此添加了“通用關鍵字新聞”區域,以通過根據本文提取關鍵字來為用戶提供完全個性化的內容。此外,還增加了一家新聞公司PiCK,該公司提供有關媒體直接選擇的選舉的主要文章。

個性化推薦新聞

媒體新聞

由各媒體發行,民意調查結果集中在一個地方!

自2020年大選以來,Naver 提出了一種在圖表中顯示和處理意見統計的方法。目的是“使用者和媒體之間的交流更加直接。”與民意調查相關的文章,例如由媒體直接編輯和提供的政黨批准率和候選人批准率,可以在“人口調查頁面”的一個地方收集。

民意調查結果集中在一個地方

通過可視化選舉數據,有效溝通!

“過去區域選舉的投票率是多少?”,“哪個區域的投票率最高?” 選舉統計信息和有關選舉的有趣信息以圖表的形式提供。選舉頁面的信息圖用上述的色彩系統,清楚地分類和傳達信息,並在插圖中積極使用這些顏色。

可視化選舉數據

數據色票

插圖中積極使用這些顏色

心得:選這篇來閱讀主要的原因是裡面有許多視覺圖表的部分,他把圖表的總結寫在上方讓人很清楚地理解狀況,我覺得這點很值得學習,或許在系統 dashboard overview 的統計圖表部分可以採取類似的設計,讓使用者更能快速的掌握目標訊息。文字型的描述則能搭配同色系的插圖,讓內容更豐富,這點也令我想多多嘗試。

Reference