別再 UI、UX 傻傻分不清楚,你要找的到底是哪種設計師?

「設計」是個廣泛而模糊的用詞。當某人說「我是個設計師」,實在是很難立刻理解他們平常在做什麼。在設計師一詞的大傘下,包含了各式各樣不同的職責。
評論
評論

本文譯自 〈Recruiting a Designer? Here's What You Should Know〉,Inside 獲得授權編譯。作者為 Pixelapse 的共同創辦人羅敏銘(Lo Min Ming)。Pixelapse 是專屬設計師的視覺版本控制平台。羅敏銘鍾愛設計、寫程式、攝影、藝術,也愛好美食與品酒。他撰寫的主題包括設計、工程、創業。有興趣的讀者可以上他的網站 minming.net 或者在 Twitter 追蹤 @lominming

Apple、 Facebook、Google 和許許多多科技界的重量級公司是怎麼形容設計工作的?

「設計」是個廣泛而模糊的用詞。當某人說「我是個設計師」,實在是很難立刻理解他們平常在做什麼。在設計師一詞的大傘下,包含了各式各樣不同的職責。

設計相關的工作範圍從工業設計(汽車、傢俱)到印刷(雜誌及其他出版品)、科技(網站、手機 app) 都有。近期的潮流主要聚焦在科技公司的顯示介面,很多新的設計職位應運而生。對外行或不熟悉這行的人,甚至是其他產業過來的設計師而言,諸如 UX 或 UI 設計的職稱讓人疑惑。

讓我們試著用科技產業的脈絡來試著一一解析這些職稱真正的意涵。

UX 設計師(使用者經驗設計師)

UX 設計師主要考慮的是「產品用起來的感覺」。設計的問題沒有唯一正解。 UX 設計師探索各種不同的方法來解決一個使用者問題。UX 設計師的重大責任就是要確保產品從這一步流動到下一步符合邏輯。要辦到這點,UX 設計師用的其中一個方法就是實施真人測試,觀察使用者行為。檢查說得出來和沒說出來的使用障礙,他們再三修飾以創造出「最棒的」使用者經驗。比如說創造一個舒服的入門流程給使用者。

定義互動模型、使用者操作流程和詳細 UI 規格。和股東溝通情境、端對端經驗、互動模型和畫面設計。和創意總監及視覺設計師合力將 Twiiter 的視覺意象融入各個功能中。發展並維護需要的設計模板、樣板和規格。

—— Twitter 使用者經驗設計師的工作需求

產出:畫面、文章、網站地圖的模板。
生財工具:Photoshop、Sketch、Illustrator、Fireworks、InVision。
你可能會聽到野生的 UX 設計師這麼說:「我們應該要在使用者完成註冊後放一頁感謝卡。」

UI 設計師(使用者介面設計師)

不像 UX 設計師要考慮產品的整體觀感,使用者介面設計師專精於「產品怎麼呈現」。

他們負責設計每一個與使用者互動的網頁或畫面,然後確認 UI 在視覺上能傳達 UX 設計師展示的路徑。舉例來說,UI 設計師做了一個統計資訊面板,可能會把最重要的內容往前放在最上面,或是判斷用來調整圖表的捲軸或控制鈕是不是符合直覺。UI 設計師通常還要負責確立通用風格指南,讓整個產品的設計語言一致。維持視覺元素的一致,並定義像是如何顯示錯誤或是警告狀態的動作都是 UI 設計師的職責。

從概念到應用 Airbnb.com 的視覺語言。製作並改進符合網頁寬度的風格指南。

—— Airbnb 的 UI 設計師工作需求

UI 和 UX 設計師的分界相當模糊,所以公司也常選擇融合這兩個角色。

生財工具:Photoshop、Sketch、Illustrator、Fireworks。
你可能會聽到野生的 UI 設計師這麼說:「登入和註冊連結該移到右上角。」

視覺設計師(圖像設計師)

一位視覺設計師就是「推敲畫素」的人。如果你問非設計師的人設計師在做什麼,這大概是他們第一個想到的。視覺設計師不管畫面之間如何連接,或某人怎麼和產品互動。他們聚焦在打造美麗的圖示、控制鈕、視覺元素和運用合適的字型。視覺設計師斤斤計較一些其他人忽略的細節,而且常常把 Photoshop 放大 4 -- 8 倍在使用。

從概念到執行,製作出高品質的視覺設計,包括各種解析度的桌面、網站和行動設備(圖示、圖像和行銷素材)不斷創造反映品牌形象、加強語言及為產品注入美與生命的部件。

—— Google 的視覺設計師工作需求

UI 設計師也經常擔上雙倍責任,另外製作美觀的最終成品。有些公司選擇不另僱視覺設計師。

生財工具:Photoshop、Sketch。
你可能會聽到野生的視覺設計師這麼說:「字距太大了,而且這個按鈕應該要再往左一個畫素。」

互動設計師(動態設計師)

記得在 iPhone 的郵件 app 裡,當你下拉重新整理時那個細微的彈跳動畫嗎?那就是動態設計師的工作。不同於視覺設計師總是在跟靜止的部件搏鬥,動態設計師創造 app 內部的動畫。他們要處理「使用者按了以後介面要有什麼反應」。舉例而言,他們要決定選單滑進來的方式,要用哪種轉場效果以及按鈕要怎麼退出。設計得好的話,動態就能提供如何使用產品的視覺線索,讓介面更加完整。

專精視覺設計,動態圖形,數位繪圖,對字型和顏色敏銳,對材料/質地有大概的認知,能實際掌握並運用動畫。具 iOS、OS X、Photoshop、Illustrator 相關知識還要熟悉 Director(或同等功能軟體),Quartz Composer(或同等功能軟體),必須具備 3D 電腦建模、動態圖形技能。

—— 蘋果的互動設計師工作需求

生財工具:AfterEffects、Core、Composer、Flash、Origami。
你可能會聽到野生的互動設計師這麼說:「選單應該要用 800ms 的速度從左邊漸入。」

UX 研究員(使用者研究員)

UX 研究員是使用者需求界的冠軍。研究員的目的是回答這成雙的問題:「我們的使用者是誰?」以及「我們的使用者想要什麼?」通常這個角色代表要訪問使用者,研究市場數據和彙整結果。設計是個不斷重複更改的過程。研究員可以利用 A/B 測試來得知哪個設計選項最適合使用者需求,從旁輔助這個過程。UX 研究員通常委身於大公司,那裡可以取得大量的數據讓他們有充份機會得到統計上顯著的結論。

和產品團隊緊密合作以確立研究主題。設計能同時表現使用者行為和態度的研究。要使用各式各樣的質化及一些量化研究方法,比如說問卷。

—— Facebook 的 UX 研究員工作需求

UX 設計師偶爾也會擔任 UX 研究員的角色。

產出:使用者人物誌、A/B 測試結果、使用者調查研究和訪談。
生財工具:麥克風、紙、文件檔案。
你可能會聽到野生的 UX 研究員這樣說:「我用的是 960 點,12 欄網格系統。」

產品設計師

產品設計師是個包山包海的詞,用來形容參與製作產品的外表和感覺的人。

產品設計師的角色並沒有明確定義而且每間公司都不盡相同。產品設計師可能會做少量的前端程式編寫、使用者研究、設計介面、或創造視覺部件。從開始到結束,產品設計師幫忙指出最初的問題並設定指標來支持它,然後設計、測試、在不同的方案上重複。有些公司想要在不同的設計角色選擇上更靈活的協作,來鼓勵整個設計團隊匯集自己的使用者經驗、使用者研究和視覺設計元素。

有些公司用「UX 設計師」或簡單的「設計師」作為概括的詞。要了解一家公司的設計團隊的責任分配最好的方法是閱讀工作需求。

涉獵設計的所有面向:互動、視覺、產品、製作原型。製作精美的樣品及編寫跨網頁和手機平台新功能的程式。

—— Pinterest 的產品設計師工作需求

「我在找一個設計師。」

這是我最常從新創公司聽到的說法。他們通常在找的是可以做到以上所有事情的人。他們想要一個可以做漂亮圖示、做 A/B 測試過的登錄網站、有邏輯地安排螢幕上的 UI 元素而且也許可以做一些前端開發。由於此角色涵蓋範圍太大,我們通常會聽到小公司要求雇用一位「設計師」,而非具體描述他們的需求。

以上這些設計角色的邊界非常地彈性。有些 UX 設計師也會被要求做互動設計,而通常 UI 設計師也會被要求繪圖。要找到對的人,最好的方法就是形容你想要設計師在你的公司流程裡面做什麼,然後選擇一個最能代表那人主要工作的職稱。


運動科技新革命: IoT 結合數據分析,奧運跆拳銅牌羅嘉翎國手養成之路揭秘

運動科技為近年運動產業顯學,現在賽場上,不僅較勁各選手的體力及技術,更考驗各國科學技術導入,輔佐選手的程度。有效運用運動科技,不僅可避免傷害外,更能提升訓練品質,提升選手佳績。
評論
Photo Credit: INSIDE
評論

今年 8 月剛落幕的 2020 東京奧運,台灣選手獲得 2 金 4 銀 6 銅的 12 面獎牌,不僅寫下史上最佳參賽成績,且分別在 10 種不同項目奪牌,令各界大為驚艷。近年健康意識抬頭,下班後會自發去運動的人越來越多,種種現象顯示著台灣的運動風氣已逐漸成熟,而運動科技正是背後的隱形推手。

科技部致力推動產學界合作,結合運動科學、智慧科技與數據分析,輔助選手精準練習,用最有效率的方式提升表現,讓運動訓練不再是土法煉鋼。運動科技的應用也能幫助一般人,在日常生活中更聰明更健康的做運動。由於商機龐大,運動科技早已成為各國在運動競技賽事與產業發展積極佈局的新型態競爭場域,一起來看看它為台灣體育帶來了什麼樣的改變吧!

透過科技幫助運動選手了解自身狀態,穩扎穩打求進步

年僅 19 歲的跆拳道選手羅嘉翎,首戰奧運便打敗多國好手,一舉拿下銅牌。從小在道館長大,幼稚園就跟著爸爸、哥哥練習跆拳道,小學開始在國內比賽嶄露頭角,國二首次參加青少年國際賽事後更不斷奪金。然而,初生之犢的她,卻是好不容易才站上奧運這個舞台。

「小時候的確身高有優勢,但剛轉去成人組時還滿挫折的」,帶著青少年時期的亮眼成績,羅嘉翎在高一下加入跆拳道國家隊,被延攬至國家運動訓練中心(以下簡稱:國訓中心)接受國手培訓,「裡面都是大學的學長姐,訓練強度很高,剛進去時很不適應,那段時間比賽成績也不理想,晚上都會打電話給媽媽哭訴。」

Photo Credit: 行政院科技會報辦公室
Photo Credit: INSIDE

羅嘉翎分享,國訓中心的訓練方式很有系統,除了完備的訓練器材,還會透過科學儀器評估選手的運動表現,也定期使用生化檢測儀器,每月至少1次檢測疲勞度與血氧量,維護選手的身體健康。

「運動科技可以幫助我了解自己現在的狀態,還有需要加強哪些地方」,羅嘉翎表示,選手的日常就是不斷練習、調整好狀態,透過數據分析可以清楚知道自己的強弱項,「像我需要加強肌力,這樣訓練有方向,進步也會比較穩。」

沒有因挫折放棄跆拳道,羅嘉翎持續在國訓中心自我精進,再加上慢慢調整心態,她逐漸適應了高強度的訓練,也找回了享受比賽的初衷。

事實上,台灣自 2012 倫敦奧運以來,就沒有在跆拳道項目拿過獎牌,羅嘉翎也坦承因此感受到不小的壓力,「拿到奧運資格時我爆哭,但我不是被看好奪牌的選手,就想說放鬆去打。」沒想到放下得失心,反而幫助自己贏得了銅牌的好成績。

國立體育大學技擊運動技術學系副教授王翔星分享,針對跆拳道選手的檢測主要有3方面,包括以「線性位移偵測器」檢測選手連續 3 次跳躍的爆發力與穩定度,評估賽場上攻擊動作的力量輸出率;以及透過「測力板」檢測 50 毫秒發力率( RFD,Rate  of Force Development ),以觀察選手腳蹬地出發與踢擊到對手瞬間的力量表現;還有「慣性感應器」則是用來檢測選手的反應能力與速度。

Photo Credit: 王翔星

「現在的訓練方式跟以前差很多,得分的方式不同,教練的觀念也需要調整。」過去也曾是跆拳道選手的王翔星說,以往求勝心切的選手容易練到渾身是傷,現在藉由運動科技的輔助,能精準掌握練習進度,避免過度訓練、減少運動傷害,是更有效率的訓練方式。

Photo Credit: INSIDE

王翔星也表示,培育一名優秀的選手相當不容易,這幾年開始將運動科技帶進國、高中,就是希望能讓年輕選手儘早接觸到運動科技的專業訓練觀念,避免選手在早期生涯就受到嚴重的運動傷害而留下遺憾,未來能夠更上一層樓。

產業跨界結合,讓運動科技深入全民健康生活

目前 5G 正式邁入商業化,宅經濟當道,運動科技的應用也有了更多可能性。「台灣科技業的研發能量強大,運動產業也很有國際競爭力,我認為應該能結合兩者的強項來解決許多問題,例如居家健身沒人指導,該怎樣才不會受傷。」國立臺灣師範大學運動競技學系研究講座教授相子元表示。

相子元主修生物力學出身,被譽為台灣運動科技教父,同時擔任國訓中心運動科學小組總召集人。他很早就投入運動科技與產業結合的研究,作為科技部「精準運動科學研究專案計畫」的執行團隊之一,目前團隊已開發出將壓力感測科技應用於智慧鞋、科技運動襪、機能衣、自行車功率表等產品。

Photo Credit: INSIDE

相子元認為,運動科技商品在亞洲市場很有潛力,目前台灣主要發展在 3 大面向:競技運動,如跆拳道、舉重、射箭;職業運動,如棒球、籃球;全民運動,如自行車、慢跑等。舉例來說, LPS(Local Positioning System ,局部定位系統)運用在團隊運動的訓練上,能讓教練、選手清楚知道跑位陣式,取代傳統手寫戰術,目前 NBA 美國職籃、國際足總FIFA的隊伍也都採用此技術。

Photo Credit: 相子元

台灣選手在東奧打出亮眼成績值得喝采,相子元期待未來運動科技能協助更多選手精準運動、達到更好的表現,放眼 2024 巴黎奧運,並幫助更多人養成規律運動的習慣。接下來行政院主辦的「台灣運動x科技產業策略( SRB )會議」也即將登場,希望加深運動與科技產業的對話交流,讓運動科技越來越深入全民的生活。

SRB策略會議暫擬4大議題:

  1. 運動×科技產業升級創造新價值
  2. 智慧育樂創新服務建立營運新模式
  3. 融合科研成果與創新科技發展智慧新應用
  4. 台灣智慧育樂跨域環境整備

行政院科技會報辦公室 廣告