salon cover

ABLE 的沙龍

679會員數
20內容數

About Able Studio

WHY WE DO

關於品牌、行銷、業務
品牌、行銷、業務,這三者充滿關聯性、相互串接,卻又各自保有重要之位。他們之間的連結在哪裡?又有哪些相異之處呢?我們或許能以保險業務員為例。在保險業中,第一線與顧客直接向顧客介紹商品的互動接觸者為「業務」,業務能夠以最直接的立場將產品與其資訊清楚地傳達給消費者,並向消費者推廣產品,常常是顧客對於一個品牌形象與產品功能的第一印象建立者;而保險業務員們端出來的方案,是透過「行銷」包裝產出,行銷會精確衡量成本與利潤後,設定出合乎效益的產品執行企劃,接著組成最適合消費者的各類行銷方案,下定一個響亮的名字後,最後再將其推向市場,推往顧客的面前。至於「品牌」則是象徵不同公司業務員的著裝、風格、舉手投足的氣質,是標誌性的存在,除了在顧客面前營造相應的形象,也藉以傳達了一間公司所堅持的理念,或其關注的議題。行銷將品牌進行包裝,並透過業務推廣出去,這三者互相平衡合作之下,才造就了一個商品的推出。
品牌是企業的核心價值
品牌作為一間企業的氣質展現,其核心價值就如同一個品牌或企業的DNA。我們常聽到所謂的「品牌DNA」「核心DNA」,是因為DNA為目前人類所知的生命體核心,是人體中能夠組成遺傳指令的生物小分子,引導生物發育與生命機能運作指令序列,就如同品牌與核心價值對於一間企業來說,有著能夠構築基因並且推動企業發展一般的重要意義,更是企業的精神文化基礎。DNA可由A、G、T、C四個化學分子組成,而以Able Studio的角度來說,它們其實也可以巧妙地對應到四個核心概念。
-ART「工藝」
-GROWTH「經營成長」
-TECHNOLOGY「科技」
-CONSCIENCE「同理心、社會責任」
以蘋果公司為例,蘋果公司的產品的設計講求質感,兼具便利性與美感等等,是為工藝;而全球數百家的Apple Store與其員工,可以最直觀地看出其企業的經營成長;科技方面,蘋果的多項裝置在普遍客戶群眼中佔有一席之地;而考慮了大眾的健康,蘋果也推出了Apple Watch、機房開始採用綠能、目前的CEO也相當關注同性人權議題等等,這些即呼應到了社會責任的部分。
這樣的四個元素,可以視為四個指標,用以評估一間企業的完整度,更可以顯現出其是否有能力走得長久,就如同一間小商店,要成為一間「經營六十年的小店」,一定也有它當中系統化的經營奧妙。Able Studio將這四個元素作為設計時所遵循的指標,協助企業重新歸納出品牌的核心理念,並在設計的過程中同時進行品牌優化,從每個細節中追求更貼近人的設計,以提升更多人對於設計的使用者體驗。
當DNA變成蛋白質,蛋白質成為新的人?
依循生物學的理論,DNA需透過轉錄與轉譯的過程才會成為蛋白質,進而執行身體所需要的功能,其中的過程是複雜且繁複的,這對應到設計的過程時,也能以「C、O、R、E」四個字來說明。
-CONNECT「連結」
-OFFER「方案」
-REINFORCE「強化」
-EXECUTION「執行」
以約會來說,搭訕者可能在初步認識時強力尋求話題,用盡方法以引起對方的興趣,例如:你喜歡喝冰沙嗎?你喜歡看電影嗎?最後可能發現「你喜歡玩動物森友會嗎?」是一個共通話題,這就是兩人之間的「連結」,找出連結後,搭訕者會開始找尋各種能夠延續關係的「方案」,例如「要不要一起參加動物森友會的聚會?」,不過,要構築出吸引人的方案,需要具有說服力的「好處」,例如參與動物森友會的聚會能認識一同玩遊戲的朋友,彼此交換大頭菜、卡關有人幫助、分享道具等等,這些誘因需要足以讓對方覺得非去不可,使對方產生興趣。最後,當對方決定參加這場聚會後,再進一步提供集合與前往的方式,也就是邁入「執行」階段。
有趣的是,「C、O、R、E」這四個字母,除了各自代表一個設計過程中的重點環節,組合起來也有著英語中「核心理念」的含義。Able Studio在與顧客合作時,不只是單純地「做設計」,更是從源頭開始評估,與客戶端一起討論出最適合的品牌打造模式,從品牌與核心概念的連結強化開始,為客戶找出最能夠產生效益的合作方案,「設計」不單單只是靈感,精確而言,靈感的醞釀過程,其實都是經過繁複的討論產生,對於Able Studio而言,設計象徵的就是「可能性」,因為,在設計的過程中,看似不可能的東西,都有著改變的可能性。
註:C.O.R.E.源自於Presentality公司所創立之概念,在Presentality官網有非常詳細的介紹:https://www.presentality.com

WHO NEED US

通常我們的初步提案,90%不是客戶要的。
在進行一項合作案時,通常會先由客戶方的專員提出他們想要的東西,例如網頁設計或品牌視覺商標等,而基層專員將初步的設計草案提交給更上層主管時,不同階層的主管卻可能對於同個草案產生不同想法。甚至在過程中反覆修改了很多個層次後,到了最後一步,才發現不符合最高級主管的胃口,而這其實是設計公司在為企業服務時常遇到的問題。
客戶的內部挑戰
由於每個人對於設計的思維與觀點都不盡相同,因此即便有一套基本公式,基於每組客戶所期望的視覺呈現亦或是對於欲強調出的特色不同,在來回的溝通討論與共識建立之下,皆可能影響最後所產出的設計內容。而為什麼會出現一間公司中,各階層對於設計提案產生認同分歧的狀況呢?其實大致上可以分為兩個面向:
一、認知落差
一間企業或公司,無論規模如何、經營年齡如何,其內部人員之間的共識是否明確,是影響各階層職員及主管對於各式企劃提案之觀點的最關鍵因素之一。主管是否由上到下讓員工清楚其企業的理念、企業的核心價值,或者,企業是否真的有著核心價值,都潛移默化推動著這間企業的企劃、業務、行銷、以及行政執行的走向。企業所相信的價值是長遠發展的重要基石,更是企業形象營造的第一步,因此,若企業中的成員們對於所處工作環境的經營理念不甚瞭解,那在進行視覺設計案時,便容易迷失焦點,以造成設計草案反覆在不同階層的流動中不斷進行巨大幅度修改的狀況產生。
二、職場授權
對於主管而言,如何在職場中釋出適當的授權,是一門學問、也是身為領導人的一門藝術。所謂的授權,並非只是將事務的決策與處理權交辦給下層人員,而是雙向的互動與溝通,而其最後導向的授權開放程度,便是雙方之間的信任指數。當高階主管能夠讓中階主管以及負責與設計公司進行對話的專案人員足夠明白且認同企業期待在設計品中傳達的價值與意識,並給予下層人士一定的自由程度,去決定設計案件的定稿走向,讓部屬們在有限度的空間內創造更多設計規劃方面的自主性,並透過專員們將其延伸出的可能性交託於設計公司手上,讓設計公司將客戶端的企業理念融入設計品中,那對於設計品產出的效率以及完整度都必定會大大加分。
對於品牌核心價值認知程度不一的情形,在跨國企業中尤其容易發生,多國據點的建立下,可能會因各式各樣文化背景的不同,加上認知落差與職場授權的不完整,造成企業主管與職員對於品牌含義的想像分歧。Able Studio希望能夠幫助這樣的企業,在設計專案的運行中,將其核心價值一步步完成梳理與強化,讓每個人都能提高對於品牌價值的認識,藉此奠定良好的企業發展方向;而面對廣大的消費者,Able Studio更期待透過品牌數位化的方式,在日新月異的科技時代中,讓「設計」能為企業奠定品牌意識的穩固基石。

HOW TO DO

怎麼開始「做設計」?
Able Studio除了會與一些元老級的傳統企業或公部門合作以外,也曾服務一些受眾族群較特別的客戶。受眾特定的企業客戶,通常較易從對談中理解對方的需求,推廣的訊息也較為特定,但若客戶的受眾較廣,則需要花多一點時間思考如何能做到最好。
Able Studio每次面對客戶時提案的方式都不太一樣,不過通常會從心理測驗下手。乍聽是對於客戶的隨堂考試,但透過客戶對於顏色辨認的敏銳度,還有客戶對於設計的認知程度,以找出「適合他們的設計」,是Able Studio一貫的風格。除了簡易的測驗,也會請客戶提出三個他們認為好的網站以及三個不夠好的網站,以了解客戶的喜好還有對於美感的嚮往、對於網站設計的想像等等。透過認識客戶的需求,進而協助解決客戶的問題,建立連結與信任後,再提出最適當的合作方案。
不過,在討論合作商案的洽談模式,還是會隨著不同狀況的客戶而進行調整。例如某健身器材的公司提出希望能夠製作一個網站的需求,Able Studio發現該客戶對於網站的想像其實已經足夠清楚,於是便開門見山地開始跟對方「談錢」,只不過,Able Studio要談的,不是能為該公司製作網站要多少錢,而是「我們的設計完成後能為你帶來多少錢」。
Able Studio希望能夠為企業做到的,是幫助他們向世人傳達品牌的理念,因為設計能夠帶給品牌的,除了色彩與輪廓之外,更是要透過視覺強化出該品牌的靈魂,透過圖像說話,並且展現出該品牌的核心價值與其在市場上的優勢之處。好比說一間販售健身器材的公司,能夠不只是以健身器材作為產品,更是販售一個「幫助人們健康的品牌」,因為常常那些非肉眼可見的,往往才是人們最需要且重視的,也是最大的商機所在之向,Able Studio期待能透過設計為企業打造對的形象,並藉由設計的延續性,將其帶往意想不到的層次。
順應網際網路的發展趨勢,加上2019年末爆發的新型冠狀病毒肺炎疫情,人們待在室內或家中的時間逐漸變多,使用網站、透過網路獲得產品資訊與企業廣告的機會也隨之增長,而當企業的理念得以轉化為更易理解的圖像符號,在顧客眼中也才更有機會獲得一席之地。
設計語彙與wireframe的重要性
在設計網站時,字體、顏色等等皆需要基於設計語彙的前提來符合客戶的需求。人們在說話時,即使是同一種語言,也會帶有每個人各自獨有的腔調與口氣,這些綜合表現出的,便是由那個人所經歷過的環境與文化催化而成,屬於他的語彙。設計品也會因時間、空間以及潮流環境的影響,建構出當代獨一無二的設計語彙,隨著品牌的形象、內涵與故事的不同,更可能碰撞出設計語彙之間的火花。
而在傳達設計語彙風格的溝通平台方面,大多數的企業可能較熟悉使用Windows系統的溝通軟體,而雖然Able Studio在業務處理上較常使用的為iOS系統,但在這方面會配合對方熟悉的溝通模式,與工程師的溝通模式亦會隨著對象而改變,由於讓工程師能更方便理解設計方需求是很重要的,所以網站的呈現也會藉由不同方式傳達給工程師,適時地做彈性調整。
進行實際設計前,構築草圖是很重要的,雖然logo、側欄、工具欄位置這些項目乍聽起來容易處理,不過擺放的位置卻都有各自的學問。在繪製wireframe時,最重要的是層級的分類,舉例而言,過去在製作某教育型網站時,為了讓受眾能第一眼就接受到網站想傳達的最重要內容,將其教育理念擺置在最高層;而第二層會呈現細項資訊,諸如系所介紹與科系介紹,來到第三層,則可能會連接到各系各自的新分頁;最低層的部分,通常會加上一些聯絡電話與其他聯絡方式等。wireframe能夠幫助設計師更有邏輯地了解專案的內容,依憑視覺重要性進行網站各元件的擺放,也是與客戶溝通的中繼站。在設計網站時,字體、顏色等等皆需要基於設計語彙的前提來符合客戶期望,而考量網站的需求與層級更是思考設計語彙時不可或缺的功夫。
設計管理(Design Management )
設計管理,這是Able Studio十分重視的一項工作,一個專案的團隊中可能有數名設計師,對內而言,設計管理這份工作的重要之處在於管理團隊內的設計師,讓設計師們有效溝通,進而達到良好的資訊同步;對外而言,設計管理的角色則是Able Studio的窗口,向客戶解釋設計理念與方向,當客戶對案子有需求,或在合作時產生理念的碰撞,如何將客戶所講的轉化為設計師能夠理解的內容,並且擔任設計業務決策的管理者,都是設計管理這項工作的範疇。
一般來說,若是面對跟較有規模的客戶,團隊可能會以三方合作的方式進行,由母公司(執行團隊)在企業競標得到案子後,發包給設計端(視覺與使用者體驗)、工程端(程式設計)、資料附端(AI端),其中,設計端即為Able Studio負責。由於案子規模較大,團隊組成也較多、較複雜,加上目前在台灣,專案管理(Project Management)是較常見的角色,設計管理在台灣相對來說是較新的領域,在未必每個公司都有設計管理這個角色的情況下,在Able Studio擔任設計管理時,有時候需要去越過原本的職位,跟不同端的成員溝通,擔任多元的管理窗口,主動協助不同端的成員安排進度。
品牌數位化
因應數位時代來臨,人們每天接收資訊的媒介不再限於實體廣告或電視,取而代之的是手機與電腦等數位屏幕。在網路世界的影響之下,全球的品牌都面臨轉型的挑戰,有些企業將行銷模式數位化,在社群平台以網路影音推廣自身品牌,而有些企業則從自家的視覺標誌開始,進行數位化的調整,許多我們所耳熟能詳的知名品牌,例如BMW、Google、YouTube、Mastercard都紛紛將Logo改版,並逐漸扁平化。推廣品牌數位化是Able Studio的發展願景之一,在這個時代,數位已不再是人們生活的附屬品,而是逐漸成為我們生活中不可或缺的核心,我們期望能在數位媒體急速擴展的浪潮中,依循品牌數位化的概念,幫助企業將品牌一步步轉型,讓品牌能夠適應更多場景,擁抱數位化的世界,達到最有效率且深植人心的效果。
Able Studio實習生
Able Studio的實習生並不是所有人皆來自設計相關科系,但即使從零開始,需要做的卻不亞於本科系學生,不斷學習、閱讀文章、問問題,這些都是在Able Studio的必修課題。平常的工作重點,除了學習UX是什麼,也需要進行大量的閱讀。在實習期間,實習生會需要接觸各式各樣的文章,當透過閱讀獲得的基本常識累積足夠時,大幅成長的速度便將與其相成正比。
除台灣外,Able Studio更是期望能服務到全世界的人,因此十分要求實習生大量閱讀英語文章,以培養國際視野。除此之外,像台灣許多主流設計趨勢的引進都比歐美慢個1–3年,因此多閱讀與設計產業相關、甚至跨領域的英語文章,也能使實習生們能更快認識接下來的設計趨勢,以培養扎實的硬實力,多瀏覽得獎或有特色的網站,則對軟實力方面的培養有很大的助益。
擔任Able Studio的實習生,有兩件重要的元素:
1.問很多問題,不要害怕問蠢問題。
2.領悟力與敏銳度。
這顯示了Able Studio對實習生們的期待,不只是鼓勵實習生多問問題,確保問題被解決,也不會給予非本科系的學生壓力,而是相信來自非本科系的實習生們能夠彼此激發更多想像與可能性,因此也要求實習生接觸各方面的知識,告訴實習生們不要認為看似與設計不相關就不去注意,而是應多加累積自己的資料庫,提升軟實力與硬實力,因為設計其實存在於生活中,也能與各領域的知識結合。而對實習生要求的領悟力,在於提醒實習生要對每個小細節都特別注意,學會舉一反三,思考各種網站設計能不能應用在不同公司的合作案中,栽培實習生對於企劃發想的能力。此外,「洞察力」是Able Studio在實習養成一項重要工作,透過大量的閱讀以及提問,不斷的累積知識,提出問題,並從答案中進行歸納整理。要先培養出良好的洞察力,才能開始邁進動手做設計的階段。

Be Able, be cool

Able Studio創立兩年多以來,致力於品牌數位化、企業識別系統、網站設計專案等服務項目,秉持著「A、G、T、C」的信念,希望透過好設計讓重要資訊能夠最快速且清晰地被看見。Able Studio在視覺上不單純趨向絢麗的動態,而是更在乎「為什麼做設計」,仔細發覺所有可能性,打造簡單大方卻又不失細節巧思的設計,希望為台灣及全球的企業提供最優質、最完整的服務,建立美好舒適的使用者體驗。如果你願意相信,Able Studio會讓你知道,什麼都有可能發生。
註:本文為Able實習生Jenny Huang於2018全年與Steven Yeh進行的貼身訪談,同時也訪問Able團隊成員Weiwei Hung與Morris Wang。在此向Jenny致上誠摯謝意!

精選內容

ABLE 累積超過 2,000 個設計畫面的寶貴經驗,橫跨科技新創、文化出版和電子商務等多個領域。我們致力於協助客戶打造品牌網站和內部管理系統介面,並以實際操作經驗為基礎,打造符合國際主流 UI/UX 原則的網站設計模板,以提供使用便利且適合開發的解決方案。
Thumbnail
我覺得這個顏色太淺了,可能需要調整一下~ 好的,沒問題! 於是你在設計系統中開始尋找使用到這個顏色的所有元件,然後一個一個修改,改完一個檔案還有另一個,好不容易改完了卻在測試的時候發現還有幾個地方沒有改到⋯⋯天阿~瘋掉!!! 這樣令人抓狂的場景不只有在設計的時候會發生,當我們交付設計稿之後的開發階段
Thumbnail
Charts is a common way to address information, it can articulately convey complicated information which cannot be illustrated by words, helping users
Thumbnail

擁有者

Able Studio 以人為本,相信設計應該是人們使用的,而不是為設計而設計的,因此我們致力於創造美觀、易用、有意義的設計。我們希望能透過文章的分享,讓更多人認識到 UI/UX 的重要性,你的閱讀對我們來說將會是最大的支持。
追蹤最新動態, 和 679 位同樣興趣愛好的人一起交流