25年前,我在報社當編輯,當時坐在我身邊的同僚,幾乎共享一種身分:編輯、主編、美術編輯、編輯主任、副總編輯、總編輯。
如今,數位宇宙像霹靂星球一樣大爆炸,編輯與主編仍是重要骨幹。然而,這些幕後藏鏡人多了各種稱謂,例如「視覺設計」、「數位產品經理」或「UI/UX設計師」。
無論你翻開雜誌、捲動網頁或點進app,他們各在不同角落埋伏。
尤其,當你的視線開始流動,瀏覽動線隨著主照片、斗大標題、圖表與文字上下盤旋,這一切看似稀鬆平常,背後都是一場美感與心理學的追逐遊戲。
流暢的動線讓人輕鬆舒爽,糟糕的編排讓人難以卒讀,其中祕訣在哪?我請教兩位《天下》同事,第一位是林永惟。
為年輕與老訂戶改變
林永惟是編輯部的視覺設計主編,主管雜誌與數位專輯的編排設計。2008年進入《天下》,親歷紙本編輯的手感年代。隨後,他的人生下了一場跳棋,三進三出,直到2020年,四度回鍋至今。
他的進出,見證一本雜誌不同階段的挑戰。
例如2015年,他負責《天下》的雜誌改版,主要目標是讓「版面視覺網路化、年輕化」,同時讓「內文字體更清爽易讀」。兩者都是回應讀者需求,一是希望扭轉《天下》編排比較嚴肅、老派的印象,二是資深讀者抱怨字體太小,要求適度鬆綁。
前者針對年輕族群,後者服務老訂戶,兩件事看似矛盾,都反映數位時代「圖像主導視覺、文字編排更輕巧」的趨勢。林永惟透過內部反覆討論,做了幾個重要改變:
一、讓顏色說話:以明亮活潑的不同色塊,定義雜誌內容區塊,黃色是財經、綠色是企業管理、藍色是人物⋯⋯,讀者一眼就知道閱讀進度。同時藉由大小不一的色塊,行話叫作「大帽」與「小帽」,引導視覺動線。
二、標題格式更活潑:原本只有一行的主標題,增為兩行;標題字色搭配區塊主色,讓整體版面既有統一性,又各具風格。
三、增加閱讀呼吸感:每頁字數從700字縮減為650字,字級放大、行距放寬,同時維持頁面上下的留白面積(他們稱為「天地」),「一來保留閱讀的喘息空間,二來方便讀者在空白處寫筆記,」關於這點,林永惟很堅持。
你可以說,以上種種都是「雜誌編輯學」的古老技藝;也可以說,它們其實是紙本時代的UI/UX。
UI(用戶介面)與UX(使用者體驗)是近年火熱的名詞,無論是網站或app設計,都少不了這一關,兩者經常並列,彷彿異卵雙胞,其實是不同物種,就像綠花椰與青花筍。
簡單說,UI泛指網頁版面看得到的外在元素:顏色、字體、圖示、按鈕、框線等等;UX意指網友瀏覽或點閱的內在體驗:網頁架構、動線、導流、易用性等等。
【小辭典】UI/UX
- UI(User Inter-face)意指使用者介面,強調用戶便利與視覺美感,根據網站或app調性及訴求,用顏色、字型、字級、配置等,完成兼具美感與功能的設計,讓用戶更易上手。
- UX(User Expe-rience)指使用者體驗,關鍵在貼合用戶需求,讓瀏覽體驗最佳化,減少摩擦與障礙,讓數位產品設計順暢導流;常利用社會學或人類學等研究,提升設計效能。
「UI是冰山浮出水面那一點點,UX是冰山底下看不見那部份,」資深主任規劃師陳思穎比喻。
要美也要符合心理學
陳思穎隸屬《天下》集團的數位創新部,角色接近集團各雜誌的研發單位。她原本負責數位資料庫,陸續接觸數位產品開發,因而跨入 UI/UX的領域。
「我們的服務,有一部份是協助同事『把事情想清楚』,」陳思穎說,數位產品開發常遇到一種狀況,就是起意推出一項新專案,卻沒想清楚為何要開發?誰是使用者?希望解決哪些問題?透過哪些途徑解決問題?
她歸納指出,UI的核心是美感與設計,UX則接近社會心理學,往往要透過核心用戶訪談、易用性測試、熱點分析、A/B測試等工具,找出系統方法與邏輯,再經過不同版本的回饋與修正,才能貼合使用者的需求。
這套工作法,不只適用於數位媒體,也回頭影響傳統媒體的思維。
2015年,《天下》編輯部推動「平網整合」,紙刊與數位的編輯流程不再各自獨立,而是協同作業,文章、照片及圖表一律進入中央廚房,由雜誌與網站的編輯共用。因此,無論是資訊圖表、數位專輯或版面改版,UI設計、A/B測試、用戶訪談經常進入工具箱。
因應這個趨勢,林永惟下班後,甚至跑去進修網頁語法及UI設計,他比較紙本編輯與數位設計,其實殊途同歸,「雜誌目錄頁很像網站首頁的網站地圖,讓你知道內容架構是什麼;然後每個section(內容區塊)就像網站選單,概念很接近。」
自學一身數位設計後,林永惟第三度離職,結果繞了一圈,3年前又回到《天下》。當我打趣問,會不會過幾年又想異動?林永惟說,其實他可以跳槽去編「美美的文青雜誌」,設計空間更大,但他認同《天下》理念,相信這份編輯工作帶來改變社會的可能,「至少,我想編出最好看的財經雜誌。」
他又補一句,「這次再回來,應該是真愛了吧,」隨即靦腆笑起來。
【兩位視覺魔術師推薦書】
●林永惟:《管他的,就是要有盼望》/萬力豪/大田出版
理由:影響我們的,從來不是事情本身,而是我們對事情的看法。保持盼望,可以讓我們樂觀看待各種難處。
●陳思穎:《如何設計好網站:Don't Make Me Think》/Steve Krug/上奇資訊
理由:雖然這本書已經絕版,但對我來說是UX學習之路的啟蒙書,基礎又簡單讓我受用至今。
【專家訪談】
讓媒體像鼎泰豐的透明廚房
曾在公視網路部門實習製作《記者真心話》的方君竹,因系列影片爆紅,全台跑了200場關於「媒體識讀」的演講,他發現,台灣民眾與媒體間存在深刻鴻溝,互不信任,且找不到彼此。
當他展示卓越新聞獎入圍及得獎作品,聽眾常驚訝「原來台灣有這麼多好新聞,為何臉書都沒有推播給我?」
方君竹認為,媒體擁有採集資訊的能力與人脈,但以往大多被動等待讀者接近;如今,必須主動放下身段,在確保內容營養豐富的前提下,讓新聞更可口,更容易被消化。
否則,上游辛苦製作的第一手新聞,往往被下游的知識性網紅收割流量與影響力。
此外,他常在演講時強調,「Transparency Bring Trust(透明化帶來信任)」,他很高興看到《天下》記者願意走到幕前,透過Podcast、影片等管道與讀者溝通,「就像鼎泰豐的廚房」,讓外界看到媒體內部運作流程,甚至參與其中,就容易爭取信任。
方君竹表示,他很喜歡《天下》的內容,尤其選題,既具有公共性,又具備市場性;而且,很多題目其實都能吸引年輕讀者,例如「炒房之島」。但他建議,敘事角度可以更活潑,或考慮成立子品牌,盡可能縮小距離感,以不同媒材或管道接觸年輕世代。
(責任編輯:王儷華)
天下新聞室精選最具時效性、最重要的深度內容,每週五發送
精選當週熱文,週五寄送
請查看您的信箱,我們將寄送驗證信給您,確保未來信件會送到您的信箱