Career Development

作為全端設計師 (Full-Stack Designer) 是優勢還是懲罰?

現時許多科技相關工種的工作內容及範圍都比較跨學科,意味著越來越難以為特定招聘職位描述技能需要及定義清晰的工作範圍。這情況在初創公司的環境中尤其常見,初創雇主希望盡可能廣泛地運用每位職員的技能範圍。

就著 UX/UI 設計師而言,許多設計師一開始都會專注於開發中的產品的視覺和外觀設計,但很快就會被上司委任處理其他非產品設計的工作,如社交媒體推廣、網站頁面和edm 設計,甚至營銷印刷品。

很快,設計師就意意會到自身的不足,如項目管理、前端編碼、文案寫作等。然後,他們便會計劃下一步,以獲取一些新知識及技能,促進他們的專業發展並在職業道路上取得發展機會。

如上述情況是您目前的寫照,那麼您可能已經不知不覺走上了成為全端設計師之路。

如何定義全端設計師?

簡單而言,全端設計師是能處理產品設計過程每個階段的設計師,從項目規劃、產品定位、市場和用戶研究、用戶體驗設計,到介面設計,甚至是前端編碼也能應付。這看起來會令人不知所措、不可想像及挑戰性十足,但對於能夠成為這類獨角獸設計師來說,絕對值得自豪及高回報的。

全端設計師不常遇到,而大多數都能賺到豐厚的薪水。他們了解整個產品開發過程,擁有廣泛的技能,包括 UX 和 UI 設計、前端編碼、項目管理、UX 編寫、建立設計系統、原型測試,並且熟悉各種設計軟件包括 Sketch、Figma、InVision、Zeplin、Adobe Suite 等。

Figma 是目前最流行的 UX/UI 設計軟件

全端設計師需求高嗎?

全端設計師最受初創公司及中小企業歡迎。但是,招聘公司的規模及其業務性質也會對人力資源部門招聘員工時產生不同要求。

首先,讓我們討論一下公司的規模及其招聘取向。招聘公司規模越大(已上軌道的公司),招聘的職位要求便會越專門(Specialist),而招聘公司規模越小(未上軌道的公司),招聘的職位要求便會越全面(Full-Stack),因為雇主期望能優化營運成本,發揮每位員工的所有技能。

其次,讓我們討論一下公司的性質及他們的招聘取向。招聘公司可以是設計代理、初創公司、in-house或跨國顧問公司,它們會以不同的步伐和項目規模運作。設計代理或顧問公司的項目一般都規模較大,工作流程會更結構化(需要更多Specialist),而初創公司通常會有不太明確的工作流程和急速的工作節奏(需要更多Full-Stack)。

作為一個理解整個設計流程的團隊成員,這是一大賣點。全端設計師能夠從業務和開發的角度以真實的觀點來設計產品,了解現實限制及可實踐的目標,這使得全端設計師更受開發團隊歡迎。他們能夠與產品主及開發人員之間溝通以提倡實在的解決方案,從而使項目移交過程更加順暢。

全端設計師能處理UX研究至UI設計的整個設計項目流程

是優勢還是懲罰?

也許您已經在尋找新技能來助您跳出舒適圈。如果你立志想在科技行業有長遠的專業發展,那麼獲得全端設計師的技能肯定是一大優勢,因為這將使您熟悉整個產品開發過程,並且在不同類型的工作環境都能靈活發揮。

如果您是一位喜歡專注於一項工作的人,並且不喜歡同時處理多項任務的人,那麼專業途徑(Specialist)會更適合您的職業發展。

總結:您應該成為一位全端設計師嗎?

學習多項技能並自我增值絕對會為自身帶來更大優勢,成為初創公司及中小企業都渴望聘請的專才更是毋庸置疑的。畢竟,98% 的經濟都是由中小企業所組成的,被這些公司僱用的機會亦非常之高。此外,學習全端知識及技巧亦會成為您未來晉升成為管理級人員的跳板,在機會出現時,甚至能協助您成為初創公司的創辦人。

如果您是自由工作者或 IT 顧問,全端設計技能可為您帶來更大優勢。能夠處理整個設計項目的每個流程可為您的客戶提供更全面、更有價值的服務。

獲得全端 UX/UI 設計師的技能

在數碼轉型過程的核心,用戶體驗(UX)設計無疑是開發優質數碼產品或服務的重要考量之一。 從有信譽的學院修讀相關技能,您將具備作為UX設計師所需的專業知識和技能,能讓您從概念至提案階段規劃及管理數碼轉型項目。

下一步您可:

  1. 透過 WhatsApp 與我們的進修顧問交談,討論轉行有關的問題或了解 UX 是否適合您
  2. 参加我們的Mobile AppUX設計體驗坊
  3. 瀏覽我們的Full-Stack UX/UI設計證書課程網頁了解更多詳情
Career Development

Hero Plus 用戶獨家零利息學費分期計劃

Hero Plus 用戶獨家零利息學費分期計劃

GreenTomato Academy (GTA) 與電子支付平台 Hero Plus 攜手推出零利息、零手續費學費分期計劃,協助有意增值自己嘅人士達成進修嘅目標!凡成功登記成為Hero Plus用戶,即可選擇以2、3或4期免息分期繳交學費,大大減低學員專業進修嘅經濟負擔,分期仲唔會影響Credit Card信貸評級。

舉例:如學員報讀我哋嘅Full-Stack UX/UI設計證書課程,15堂全數學費為$20,000,扣減早鳥優惠10% 折扣$2,000,總學費為$18,000,再以Hero Plus免息分期用4期還款,所需繳交嘅費用如下:

付款日期付款金額
第1期學費 (報名日)$4,500
第2期學費 (報名後1個月付款)$4,500
第3期學費 (報名後2個月付款)$4,500
第4期學費 (報名後3個月付款)$4,500

使用方法:

  1. 先下載 Hero Plus 應用程式
  2. 註冊或登入您的帳戶
  3. 掃描GreenTomato Academy所提供之二維碼
  4. 輸入金額及選擇分2/3/4期付款
  5. 選擇付款信用卡
  6. 確認付款
  7. 完成付款後,將您的賬單編號 WhatsApp或電郵本學院

立即下載Hero Plus電子支付程式,Kickstart 您的Tech Career!

UX寫作 Career Development

UX寫作的重要 · 及應該入行嗎?

UX寫作(UX Writing)是編寫用戶界面文案(UI Copy,又稱Mircocopy)的實踐,令數碼產品(如網站、流動應用程式、數碼設備屏幕選單、等)使用者能簡易及有效率地使用該產品。UX寫作的主要目的是引導用戶如何與用戶界面互動以完成特定任務,為用戶創造流暢的體驗,提升產品易用性。隨著數碼產品的功能和特色日趨複雜,市場對優質的UX寫作專才的需求也越來越大。

用戶界面文案的例子

UI Copy是出現在用戶界面設計中的文案。 它們的功用是提供界面操作的說明,解釋用戶界面的目的或目標。它們包括但不限於:

  • 指導性文字(e.g. placeholder文字)
  • 選單標籤(Menu labels)
  • 按鈕(Buttons/CTA)
  • 超鏈結(Links)
  • 錯誤訊息(Error messages)
  • 保安提示(Security notes)

但並非屏幕上顯示的所有文案都被視為UI Copy。 例如,電子商務平台上的產品描述不會被視為UI Copy的一部分。 這些內容通常由產品擁有者(Product Owner)提供,除非另有說明,否則不屬於UX Copywriter的職責。

寫好UI文案的技巧

以下是一些你在撰寫UI文案時可以考慮的技巧,以提高用戶體驗。

1. 簡潔易明 — 避免長段落,用較少的文字來表達同樣的意思。

避免:你必須先登錄才能撰寫評論
建議:登錄以評論

2. 措辭一致 — 在描述一項指令或行動時,要保持一致,使用相同的措辭。

避免:在一個頁面上寫著 「預約諮詢」,在另一個頁面上寫著 「排期諮詢」
建議:當描述同一行動時,在整個產品中統一使用「預約」一詞

3. 用現在式 — 避免使用過去完成進行式來描述一個動作。

避免:銀行月結單已經被下載
建議:成功下載銀行月結單

4. 數字格式 — 數量的表達用數字格式比文字格式更容易理解。

避免:你有兩個新信息
建議:你有2個新信息

UX寫作專才的前景

UX寫作專員這個角色比較新,特定的工作崗位也不是很多。然而,由於人們的生活越來越與數碼產品交織在一起,需求肯定是在上升的,而且數碼產品的需求也不會短時間內下降。

理想情況下,一名專責的UX寫作專員該被委任進行UI文案寫作,是敏捷(Agile)項目中Scrum團隊的一員,並在項目初期參與開發。UX寫作專員應該是用戶體驗設計過程中不可或缺的一部分,並與其他團隊成員如業務設計師/業務分析、UI/UX 設計師和開發人員緊密合作。強烈建議在產品開發的早期階段就為項目招聘一名UX寫作專才,這樣可以更早地發現開發中的產品可用性(Usability)或用戶流程(User Flow)的問題。

你應該成為一名UX寫作人員嗎?

UX寫作是一門相對較新的專業,是一門需要培訓和大量實踐的專業工作。現階段,這個職責可能會被UI/UX設計師或營銷人員(Marketer)擔任起來。然而,如果你目前所從事的職位需要恆常寫作,或者你對一般的文案寫作感興趣的話,現在將會是一個很好的時機去將你的技能和興趣擴展到UX寫作上。

Career Development

轉行/入行IT大勢所趨?FB Live解答有關轉行/入行IT疑難

轉行/入行IT需要具備靈活思維、經常挑戰「不可能」,不要被固有職業限制自己的發揮空間,積極步出舒適圈吧!如果你有志轉行/入行IT,但感到無從入手,你可以留意我們逢星期二的FB Live,我們會解答你的疑問。

在疫情衝擊下,各行各業都難免收到前所未有的威脅,與此同時,IT科技/數碼行業反而是少數可以逆市增長的行業,不少人因此關注IT業的入行門檻、發展前景等等,希望可以轉行/學一技之長。

較早前我們發佈了一篇文章簡述IT項目開發流程(Development Cycle)中衍生的不同工作崗位,包括項目經理(Project Manager)、商業分析師(Business Analyst)或業務設計師(Business Designer)、Scrum專員(Scrum Master)、質量保證專員(Quality Assurance Specialist)等等,接下來我們將預告舉衍一系列FB Live,解答大家對入行/轉行IT的迷思。

延伸閱讀:【想入行做IT唔一定要識寫Code同做IT Support嘅,其實都仲有好多可能性!

除了實質技能(Skillsets),要揀選合適職業,性格特質(Personalities)也同樣重要。其實IT行業有許多工種的入行門檻並非想像的高,反而更取決性格特質。

過往從事零售業(Retail)/酒店業(Hospitality)甚至航空業(Aviation)轉行IT,都獲得相當不錯的發展機會,原因是他們大多比較有耐性、細心,安排處理質量保證(QA)的工作十分適合。亦有過往從事活動策劃(Event Planning)或者媒體業(Media)轉行IT的成功例子,他們往往擅長與客戶溝通,表達應力與組織力強,擔當Business Analyst/ Project Management職位適合不過。

入行IT需要具備靈活思維、經常挑戰「不可能」,不要被固有職業限制自己的發揮空間,積極步出舒適圈吧!如果你有志轉行/入行IT,但感到無從入手,你可以留意我們逢星期二的FB Live,我們會解答你的疑問。

Facebook: GreenTomato
逢星期二5:00-6:00pm

it career development Digital Transformation

想入行做IT唔一定要識寫Code同做IT Support嘅,其實都仲有好多可能性!

近日tvN的電視劇《Start Up:我的新創時代》成為熱話,講述一群帶著夢想嘅韓國年輕人科創經歷嘅故事,令大眾對IT行業嘅關注同興趣都增加咗好多。

IT行業一般比人嘅印象係好辛苦、成日要OT同埋99%係男仔先會入行。大部分人一提起IT行業都會第一時間聯想到寫電腦程式同黑色畫面加無盡咁多行嘅coding。另外一個印象就係任職IT Support要manage一大堆硬件設備如電腦、laptop、server、乜線物線、滑鼠、mon、等等,又或者係管理軟件如account setup、software update、安裝防毒等等。

前者如果無讀返幾年IT專修課程都好難入到行,後者就要有想同電子硬件設備同軟件談戀愛嘅心理準備先好考慮。就算比你/妳讀咗幾年專修課程攞埋張Cert或Diploma都好,好多IT公司及IT職位都講求與時並進,不斷學習加實戰經驗,咁想入行咪難上加難?

※tvN的電視劇《Start Up:我的新創時代》劇照

咁又唔洗咁灰住,因為時代已經唔同曬喇,加上整個IT行業及產業鏈涵蓋嘅範疇都好廣泛同有好多唔同專業崗位可以考慮,就算係女仔都好,都有好多合適嘅職位同入職機會。另外,因為新型冠狀病毒肺炎疫情嘅影響,好多行業對數碼轉型及IT服務嘅需求都有增無減,令到行內開始出現人才短缺嘅情況。

喺呢段既嚴峻又艱難嘅時間又有咩職場機會衍生出嚟呢?以數碼轉型服務行業為例,除咗常見嘅Developer之外 (即係程式開發員) ,整個服務流程仲包括有Project Manager (PM)/Scrum Master (SM)、Business Analyst (BA)/Business Designer (BD)、UI/UX Designer同Quality Assurance Specialist (QA)。

數碼轉型服務開發團隊

以下為大家介紹一下幾個行外人比較陌生嘅專業發展:

Project Manager (PM):項目經理,顧名思義就係項目管理嘅人員,係一個相對空缺較多、入門門檻不如想像咁高,但要做得資深就要掌握多方面技能嘅職位。

PM主要工作內容以產品或項目規劃、產品進度控管、細節驗收及跨部門溝通為主。由於需要催生產品或項目,因此工作會時常接觸不同專業部門,也因此被視為公司嘅跨部門專業協調者。想轉行投身IT行業嘅女仔可以多考慮呢一個職位,原因係女仔比人感覺比較細心及擅於同人溝通,可能較有優勢。

延伸閱讀:「從今天起,讓管理層認清項目管理者的真正價值」

Business Analyst (BA):又名商業分析師或業務設計師 (Business Designer),係一個以幫客戶 (Product Owner) 提升產品表現為最終目標嘅重要角色,故此職位前景頗佳。

BA擅長分析數據及進行市場研究作為企業嘅業務分析,以評估業務表現及改善流程,確定客戶及各持份者嘅需求及痛點,從而向公司管理層提供建議方案同報告。商業分析師須平衡各持份者嘅得失,作出對企業最有利嘅最佳解決方案。

延伸閱讀:【業務創新法101】通過業務設計革新你的企業

Scrum Master (SM):又名Scrum專員,職責是確保敏捷式項目管理法則被團隊了解同實行,確認團隊遵循Scrum理論實踐。

SM 在團隊裡通常沒有實際管理權但必須協助其他成員在遇到困難時去除障礙,有時也要扮演團員領隊嘅角色激勵團隊士氣。簡單嚟講,SM係一個必須對於產品開發流程以及溝通能力有一定掌握並具備一定技術實力嘅角色,仲有專業資格可以透過考取公開證書獲得。

Quality Assurance Specialist (QA):又名質量保證專員,工作重點係為開發嘅軟件建立同完善質量檢測體系,尋找軟件入面嘅bug以確保完成品嘅質量保證。

喺瞬息萬變嘅軟件開發行業裡,QA嘅角色越受關注。喺入職門檻方面, QA對於相關學歷並唔係首要考量因素,反而係有相關工作經驗先會被僱主認可,係一個比較重視經驗嘅崗位,國際上都有相關嘅專業資格可以考取。

總括而言,現時環境投身IT行業的確係一個唔錯嘅選擇,入行機會都比過往多同唔再係男性嘅專利。就算本科唔係修讀IT都有相關職位可以考慮,職業生涯可有長遠嘅專業發展。比較有規模嘅公司仲會有內部培訓提供,又或者修讀有關課程兼考取專業資格都係一個途徑。

Business Design Certificate in Business Design Greentomato Academy UX Design UI Design Wireframe Prototype Adobe XD Business Design

【業務創新法101】 通過業務設計革新你的企業

業務創新法 通過 業務設計 革新你的企業

企業策略創新法的演化

在過去幾十年間,坊間冒起了不同派別的方法用於企業創新、產品價值創造和 創意解難(Creative Problem Solving)。

一些被大眾廣泛認可和採納的方法包括:

  • 設計思維(Design Thinking),在80年代起史丹福大學(Stanford University)開始教授,由IDEO的創辦人David Kelley將理念帶到整個90年代的企業界。 設計思維是一個具實踐性的產品創新過程,當中強調滿足產品用戶的需求。
  • 用戶體驗設計(User Experience Design,簡稱UX),隨著90年代個人電腦的普及化而興起,由Donald Norman教授將用戶體驗設計帶到更廣泛的受眾,作為改善用戶與產品之間的互動和體驗的過程。
  • 藍海策略(Blue Ocean Strategy),在2000年代初期由W. Chan Kim和Renée Mauborgne共同提出的方法引起了巨大的迴響,它提倡通過創新價值從而突破現有產品需求,使現有的市場競爭變得無關緊要。

前兩者結合了以用戶為中心的設計思維,強調研究和滿足產品用戶和持份者的需求。後者強調通過開發創新產品和服務來創造新的市場需求。然而,如果不考慮商業價值,即使是再好的產品也可能無法從創新實現回報。

後來又出現「業務設計」(Business Design),是相對較新的價值創造方法,在2010年以後得到了廣泛的關注。「業務設計」的具體起源並未得到確定,但可以確定的是,「業務設計」將具經濟回報的商業模式(Business Model)納入公式內,令它比前三種方法更具參考價值。

業務設計助你解決業務挑戰

「設計」一詞意味著解決問題(Problem Solving)。 例如,室內設計是改善居住環境的行為,旨在解決居住者的生活問題。 因此,我們可理解「業務設計」為通過解決業務上的潛在問題並提升業務競爭力的一個過程。

從嘗試和失敗中獲取的經驗讓我們意識到,一家公司想要在市場上取得成功,僅僅是產品創新是不足夠的。我們還需要考慮業務和收益模型、營運、營銷策略,以及善用最新的科技解決方案。這一切都要將營商策略與設計和科技融合在一起,滿足持份者的需求,使產品在市場上獲得成功和可持續發展。

營商策略 設計 科技融合
將營商策略與設計和科技融合在一起

舉例,可穿戴設備如智能眼鏡的市場吸引力仍然尚待引證。2013年科技巨頭Google推出的Google Glass也受到了很大的反響。原因在於他們對產品的外形設計和定價(1500美元)過於樂觀。此外,技術的可行性也不理想,比如電池的續航力不能滿足用戶在日常生活中的產品使用量。不過,新的Google Glass企業版2代能否改變市場的看法,我們拭目以待。

Image for post
Google Glass

這個過程由(A)「要解決的問題是什麼/產品可是什麼」開始,然後確定(B)「該解決的問題是什麼/針對性的方案」,最後以(C)「確定要解決的問題/產品該是什麼」作結。

Business Design Certificate in Business Design Greentomato Academy UX Design UI Design Wireframe Prototype Adobe XD
4個階段的業務設計

這過程可以概括分為4個階段:

  1. 發現 (Discover): 通過研究和調查獲得啟發,了解市場需求和競爭
  2. 定義 (Define): 通過分析確定項目該解決的具體問題,從而定位項目範圍
  3. 開發 (Develop): 集思廣益,發展多種想法,以找到最佳的解決方案
  4. 實踐 (Deliver): 將想法透過原型測試(Prototype)變成現實,驗證意念之可行性

想成為一名業務設計師(Business Designer)嗎?

如果你正在尋找數碼轉型(Digital Transformation)行業的職業發展機遇,成為一名業務設計師將會是最好的開始。擁有設計思維和用戶體驗開發方面的知識是必須的,但若果你兼備業務設計知識必定能給你帶來額外的優勢。目前,市面有一些機構或學院開辦設計思維/業務設計的相關課程,如:

GreenTomato Academy,我們也有開辦業務設計證書課程,讓你有機會接觸到設計思維和用戶體驗設計的方法,並讓你學習業務設計的實踐過程。

若果你有興趣了解更多關於業務設計課程的內容,請瀏覽我們的網站了解更多課程詳情。

Marketing, rebranding, branding Branding and Marketing

重塑品牌Logo時要考慮的5點

近年不少企業對於品牌商標設計都紛紛作出改動,由以網絡為主要產品的企業到老字號品牌。到底這些改動是要迎合市場趨勢,還是有其必要性呢?重塑品牌商標(Logo)改造對於企業有什麼價值?設計師重新設計品牌Logo又有什麼要注意的地方呢?

例子1:BMW (2020) – 捨棄黑底改用透明設計

BMW商標的演進

BMW 車頭上的圈型車標無疑是地上辨識度最高的品牌 Logo 之一,而在不久之前,這所德國百年汽車大廠就公佈了品牌全新的 Logo 設計,帶來重大的改革。這次的 Logo 改變就保留了原先經典元素,其餘部分則完全大改,外圈改為縷空設計,代表著更加開放及清晰的新概念,同時去除充滿立體感的陰影設計與採用極簡的線條打造前衛感覺,保留當中的基因,卻又顛覆了品牌 Logo 百年傳承,正正代表著車廠將邁向全新一頁。

BMW於1997年採用的設計為3D 黑色圓框和銀色字樣,在內圈打造陰影層次。新設計則使用全新扁平化設計丶透明底丶拿掉內圈的陰影層次丶以透明外圈取代標誌性黑環。

由於新一代的消費群體呈現出多元化,有女性客戶,有年輕客戶,而不僅僅是典型的商業精英群體。所以寶馬的新Logo的誕生也是為了滿足多元化的消費群體,亦代表著寶馬成為一個更加側重於促進與用戶關係的品牌。

新Logo也是一個嘗試,為一個更數碼化的未來作準備,一個汽車品牌並不是實際駕駛時才會被看到的,數碼時代出現後汽車Logo在網絡上隨處可見。因應數碼時代的轉變,加上消費群年輕化,新Logo簡化的設計可以幫助品牌在不同的介面(App、網站、互動設計介面)維持極高的一致性。

事實上,舊Logo的確難以發展於數碼時代,以網站為例,舊Logo未能融入網站畫面內,用白色底襯托亦顯得突兀,重塑Logo有著其必要性。

新Logo經過透明化後,可以融入在畫面中,整個畫面風格一致。

Source: BMW Website

國內的一家網站也對寶馬的新標誌發起了調查,大約有四分之三的人覺得原款Logo更好看,四分之一的人支持寶馬換標。有網友評論指出「新Logo元素太散,上重下輕。」但也有網友認為「舊Logo確實有點過時,新Logo適合放在新概念車上」。

舊Logo設計深入民心,新Logo能引起迴響引證了寶馬正式邁進數碼時代新一頁的決心,擺脫舊我的印象,不斷尋求進步,開拓年輕化市場,假以時日,相信網民也會漸漸適應新Logo的外觀並欣賞與時並進的品牌形象。

例子2:Mastercard (2019) – 極簡化 去除名稱 適應數碼時代

隨著消費者和商業領域的不斷發展,萬事達卡紅色和黃色互鎖的品牌符號已經成為代表該企業最佳的表現形式。根據調查,超過80%的用戶在看到Mastercard品牌標識時,就算沒有「Mastercard」字樣呈現,也能夠準確認出來。有見及此,企業希望將這個符號獨立出來,讓品牌邁入一個全新的發展階段,從2019年開始,將從現有Logo中去除文字部分,只留下紅黃圓圈圖形。

隨着我們生活的圈子變化越來越快,文字交流已不是最主流,圖形和符號交流反而成為主流。萬事達卡從品牌Logo中弱化文字,突出兩個圓形符號,這樣能夠活用於數碼空間。這一變化可能使萬事達卡成為少數能夠通過無字標識廣泛識別的公司之一,其他成功例子有Nike、Apple等等。符號化品牌可將Logo達致最簡化,適合放在數碼化的平台。

Mastercard Logo中紅黃兩個圓形的交疊是該品牌認知價值最高的資產,需要被保留和擴大其優點。品牌升級的最終目的是將「兩個套在一起的圓」這個視覺形象和品牌牢牢的緊扣在一起,塑造品牌史上的一個超級符號。

另一個去除Mastercard Logo中的文字的原因,是因為本身Logo中的文字比較小,可讀性太低。在現有的付款平台上看到的Mastercard Logo其實已經看不見文字內容。去除文字可以更突顯兩個圓形圖案。

其實,可以單靠Logo中的圖形和符號進行辨識的品牌並不多,Mastercard能洞察這個天賦並加以善用,重塑品牌Logo,融入數碼新紀元,也是一種過人的觸覺。而在這個時代,企業必需具備這種洞察力,方可突圍而出。

例子3:Adobe (2020) – 顏色更鮮明 色彩統一化

除了重塑主品牌 (Master Brand) Logo,也有調整子品牌(Sub-brand) 或品牌旗下產品Logo的例子。

從多色到單一顏色的轉變,Adobe所有的產品圖標將去掉邊框,以乾淨的單色背景為主,確保其在所有尺寸和所有環境中都能有良好的適應性。

產品分類

新版圖標更考慮整體性,所以圖形圖像處理類產品是一個比較統一的色系,多媒體類產品又是另外一種色系。

為了迎接新功能深色模式(Dark Mode),Logo摒棄了本來的白色字。在深色模式,本來的Photoshop Logo的白色字與深色的底色有強烈對比,看太久會刺眼,新Logo用了比較溫和的顏色,應用在深色模式還是明亮模式都看得舒服的感覺。

Adobe這一輪的Logo Rebranding,與上兩個例子不同之處,是其傾向在用家角度出發,將一眾品牌旗下產品分類,方便用家辨識不同色系產品中的關聯性,以及貼心地顧及用家在使用深色模式時的體驗,讓我們明白到品牌重塑除了是可以硬性推廣品牌形象,其心思更加能讓用家體會到其設計功力。

重塑品牌Logo的考量

1. 極簡的幾何圖形

極簡幾何圖形設計的Logo將繼續引領潮流,這一手法始終是設計界的風向標。這類Logo可以精細地應用在品牌各類媒體而不被混淆。簡約線條的Logo即使縮小在手機中查看也清晰可以看到線條的特點。

例子:環狀與圓形

圓形的Logo具有完整、完美和無限的含義,很多Logo都會用到環狀與圓形組成,可以變出無限組合。

2. 扁平化

扁平化去除所有3D立體元素浮雕丶陰影丶漸層等的效果,省略不必要的點綴令設計更簡潔。而且扁平化設計的色塊單純、幾乎可以無限延伸拓展,不用擔心陰影或圖案會扭曲。(詳見較早前文章:界面設計師必需知道「扁平化設計」和「實感設計」的微妙關係

扁平化設計令載入速度更快,因為不用高解析度的畫質也可以達到最好的體驗。在手機效能有限、系統空間有限、Wi-Fi的載入速度較慢等等限制下,採用扁平設計能在手機上展現更良好的體驗。

3. 符號化品牌

當你的品牌Logo已經有很高知名度時,弱化文字,突出圖形符號,能夠進一步擴大品牌的識別性,創造另一個超級符號。符號化品牌亦可以令品牌輕鬆展現在一些複雜的介面中。由於電腦的畫面,設計上的細節表現的越細緻則越好。但若將過於細緻的圖像塞進手機的小尺寸螢幕中,會顯得相當擁擠。將圖像細節去除後,更加適合小螢幕的閱讀清晰度,也不會因壓縮而導致圖片模糊。

例子:Nike、Apple

4. 字體的可讀性

若要打進數碼化的平台,Logo的字體在不同平台都要清晰顯示出來,例如網站丶App等。若本身字體較小,或字距較窄,在App內或者手機中會使用家看不清楚該字。選擇可以按比例加權的字型很重要,使在一些複雜的介面中都可以清楚看到Logo的字體。

另外,也可以嘗試去除文字,令Logo只有圖案,在小螢幕也可以清晰閱讀。不過如果你的品牌本身知名度不高就建議保留文字。Mastercard能成功將Logo轉成沒有字體是因為它本身已有極高的知名度,即使沒有「mastercard」這個字也無阻它的辨認度。

總結:因應數碼年代的轉變,很多公司為了能適應於不同數碼平台而不斷重塑品牌Logo。而重塑品牌Logo時,因為要遷就小螢幕的閱讀清晰度所以趨向簡化Logo。最常用的簡化方式就是使用極簡的幾何圖形丶扁平化品牌和符號化品牌。另外要注意的就是可讀性,在小螢幕的解像度是否仍然能清晰閱讀到字體和Logo的細緻位。如設計師在重塑品牌Logo時能多從顧客角度出發,以用戶體驗為大前提,相信品牌將更能深入民心,獲得喜愛。

UX UI Design

用戶體驗設計的「WTF」比你想像中更為重要

用戶體驗設計 User Experience Design User Flow

毫無疑問,在設計數碼產品時, 用戶體驗設計 (User Experience Design) 是令你的產品變得更好的關鍵過程之一。

在 用戶體驗設計 過程的多個階段中,都會出現「用戶流程」 (User Flow) ,即通過用戶流程圖表定義最終用戶的目標、操作和期望。這是從用戶角度(還記得用戶為本設計嗎?),確立產品功能和特性的關鍵步驟。

試想一下,當一個潛在買家嘗試在網上商店作一次性購物,卻被要求註冊帳號。這些額外和繁瑣的步驟足以使買家卻步,退出頁面。

因此,在設計任何用戶界面(User Interface)或原型前應先定義What’s The Flow(在標題中縮寫為WTF),即每一步的用戶流程,方可確保所開發的產品能在適當的時間為適當的用戶發揮適當的功能。

用戶流程:

  • 用戶為實現有意義的目標而採取的一系列步驟
  • 用於傳達用戶在使用應用程式或網站過程中的各種預期頁面流程和操作
  • 以直觀的圖表說明每個步驟的操作

繪製用戶流程圖的好處

  1. 易於表達和溝通
    提供有關界面每一步分工的視圖(例如購買、登錄、註冊等)。 允許產品負責人(Product Owner)或團隊成員以最有效的形式可視化用戶流程。
用戶體驗設計 User Experience Design User Flow
視像化登入流程,令用戶流程一目了然
  1. 評估操作流程以進行改進
    通過評估和省卻不必要的步驟來提高流程的易用性,從而提高界面的效率並提高用戶轉化率(例如註冊帳戶或購買產品)。
用戶體驗設計 User Experience Design User Flow
驗證電子郵件地址和密碼可一步完成
  1. 為用戶創建直觀的界面
    幫助識別用戶流程中的弱點,方便查看哪些選項可用來幫助用戶省時地完成任務。
為用戶創建直觀的界面
登錄失敗後應該轉向到“重置密碼”頁面嗎? 還是有其他合適的選擇?

用戶流程圖開發階段

用戶流程圖開發階段
  1. 用戶故事(User Stories): 從產品用戶的角度對產品特性進行簡短的描述
  2. 操作流程(Task Flow): 著重於用戶如何執行指定任務的單一流程
  3. 線框流程(Wire Flow): 使用單獨的頁面佈局傳遞頁面到頁面的順序
  4. 用戶流程(User Flow): 用流程和單獨頁面佈局傳達所有的路徑

用戶流程圖的元素

流程圖中的每個節點(Node)都用不同的形狀表示,每個形狀表示一個特定的過程:

用戶流程圖的元素
流程圖最常用到的元素

繪製流程圖的最佳做法

  1. 使用均稱大小和間距盡量使所有流程圖符號的高度和寬度相同(不適用於故意縮小的流程圖符號)。 嘗試使符號之間的水平和垂直間距保持均稱。
繪製流程圖的最佳做法
  1. 一致的流向
    流程圖應由上而下或從左至右(如是右至左文字便應從右至左)。避免在同一流程圖中混合從上而下和從左至右的流向。
一致的流向
  1. 一致的決策符號分支方向
    對於“YES”(決策符號右側)和“NO”(決策符號底部)使用一致的流向。
一致的決策符號分支方向
  1. 合併流線以簡化外觀
    頁面經常具有多於一條隨後的流線。通過合併流線來提高可讀性,用以傳達層級和次序。
合併流線以簡化外觀
  1. 使用子流程(Sub-flows)或連接器節點
    如果流程太長而導致用戶流程超出頁面,可使用子流程或連接器節點(標記為圓圈)作為從流程的一部分到另一部分的轉換點。
使用子流程(Sub-flows)或連接器節點
  1. 避免選用過多顏色
    使用過多的顏色可能令畫面失去焦點,分散讀者的注意力。 顏色用於幫助讀者識別和分類資源,並重點顯示重要的用戶操作。
避免選用過多顏色
  1. 避免混亂的用戶流程
    通過使用跳線或圓角連接線連接符號,避免混亂。
避免混亂的用戶流程
Hop-line
避免混亂的用戶流程
Rounded corner connectors
  1. 提供符號圖例
    如果所使用的符號已超出了基本符號(過程,終止符,決策,文檔),則應包括流程圖例以便描述符號、形狀和顏色的含義。
提供符號圖例

坊間有許多可用於設計用戶流程圖的在線工具。 當中大部分都支援遷距協作功能,以鼓勵團隊協作或允許客戶/團隊共同創建。 以下是一些在線工具讓大家輕鬆繪製流程圖,內建大量免費功能選項,從而幫助 大家入門。

  1. Draw.io
用戶體驗設計 User Experience Design User Flow
  1. FlowMapp.com
用戶體驗設計 User Experience Design User Flow
  1. Lucidchart.com
用戶體驗設計 User Experience Design User Flow

本文章的靈感來自Medium.com上Alexander Handley的文章,並引用了部分內容。GreenTomato Academy現正開辦業務設計證書課程。 通過本課程,您可以通過學習UX設計的實用概念和技術以及設計用戶流程圖來提升UX技能。

其他相關工作坊及課程:

Digital Transformation

從今天起,讓管理層認清 項目管理者 的真正價值

圖: @itdogcom

項目管理者 Project Manager 於很多公司管理層眼中,都是不著迹的角色設定,他們只是覺得一個項目,需要一個人去做統籌而已。但事實是,項目管理者的重要性遠遠被低估了。當然項目管理者自身的專業性也悠關重要,要成為一個專業的項目管理者,關鍵在於「會不會問問題」。

以下漫畫相信能夠讓大家了解到一個好的項目管理者發揮的作用,他隨時可以扭轉乾坤。

1)試想像你的客戶是一大片園地的擁有者,他希望可以一覽無遺地觀賞自己的果園、魚池與牧場。

項目管理者 Project Manager

2)於是他開始於坊間找尋合適的方案,剛巧見到市場部的廣告,讓他更有衝動去開發其專案。

項目管理者 Project Manager

3)當他接觸業務發展部門(Business Development),往往被追加銷售(up-sell ) ,例如興建一座配備智能監控系統的遼望台,繼而將其發展為旅遊景點,具備「子彈𨋢」、民宿、等配套,並加入表演節目等等。

項目管理者 Project Manager

4)最終,花費了龐大的建造費,以及項目引伸的維護費,並且因為一開始沒有按客戶真正需要去提供適切的方案,客戶欠缺營運的知識和支援,旅遊景點落得相當冷清,並不符預期的效益。

項目管理者 Project Manager

對公司而言,耗費了大量人力物力,但客戶不滿意成果,損失了一個潛力的客戶,得不償失。

試想想,一個項目管理者的出現,能否挽救這個局面呢?

如果項目管理者聽到業務發展團隊的計劃書時,提出關鍵問題,引導業務發展團隊更多角度思考,不要過度理想化整個項目,拉近雙方的預期,提供更務實的方案,情況就變得不一樣了!

5)項目管理者提出一個關鍵問題:「客戶是否一定要親身觀望整個園地?」帶出了方法其實未必只有一種,可以有更經濟、實惠的做法,令計劃起動。

項目管理者 Project Manager
項目管理者 Project Manager

6)最後,只需用到5部配置AI辨識功能的無人機和一個控制室,就滿足到客戶本身需要,而成本亦大大減低,不再是天文數字,營運上也相對易於管理。

項目管理者 Project Manager

看到這裏,你可能會問作為項目管理者如何協調與業務發展部門之間的差異?

其實,業務發展部門提出的方案往往都是客戶與公司最終的願景,希望能幫助客戶構想一個極致的方案。而項目管理者卻應該要宏觀地規劃整個項目的預算、資源分配,確保項目按時、符合質量地完成,更重要的是風險管理。

以以上漫畫為例,隨著項目的規模增大,開發時應運而生的技術技入相對增加。除了軟件,更加需要硬件的投入。通常要增設這些硬件,都會牽涉第三方供應商,甚至要將某部分外判,除了資金的成本,需要兼顧的方面也倍添。如果管理不善,也隨時帶來金錢損失,甚至法律訴訟,這些都是合作雙方最不願見的情況。

因此,項目管理者應運用專業,透過自己與客戶的恆常溝通和了解,向業務發展部門提出合理而充分的考量,將一個大項目分拆成不同階段(milestone),按步就班,並且定期檢視項目成果,靈活地作出改動,幫助客戶及公司消化一個原本規模龐大的項目,保障雙方最終利益。

總結,一個出色的項目管理者要有全面的思維,不單止要「識問問題,仲要問啱問題」!

想修讀有關項目管理嘅知識?可了解我們的業務設計證書課程


Branding and Marketing

抗疫推廣成功之要素? 運用大數據 為商戶配對合適用戶!

疫情下,相信唔少餐廳都會有同感;以往做開嘅各種推廣,唔再顯得有效?上月牛一推出嘅抗疫推廣,成功激活特選用戶羣,吸引佢哋於疫情期間到店消費,獲得預期生意增長!究竟採取咗咩策略?等我哋一一為大家講解!

疫情下,相信唔少餐廳都會有同感;
以往做開嘅各種推廣,唔再顯得有效?
突如其來嘅政府政策,令前境越見不明朗?

縱然如此,Storellet 剛於四月推出嘅「抗疫推廣」,卻依然成功為合作商戶「牛一日式放題鍋料理」取得顯著成果,逆市中為生意帶來增長!

餐廳 運用大數據

運用大數據 為商戶配對合適用戶 

透過大數據分析,Storellet 先為牛一鎖定特選用戶群,再透過推送功能,精準地將特定優惠直接傳送至目標用戶既手機程式內。最後除咗為牛一招募咗近四千名新會員外,更激活起一眾目標會員,成功吸引其到店消費,成績斐然!

問及牛一市場銷售部經理有關今次推廣活動,她表示滿意成效,對推廣嘅方向持肯定態度:既能夠觸及平台上龐大既潛在用戶群,又同時能夠「喚回」沉寂咗一排既會員,無論係會員數同生意額都有明顯增長。

Storellet 今次採取「不成功,不收費」既分成方式,牛一經理表示歡迎並支持;用戶既會因為收到專屬優惠而高興,餐廳亦可以喺疫市中以會員殺出重圍。牛一前線員工嘅配合,亦係今次推廣成功嘅關鍵,由客人入座開始至用膳完結,牛一與Storellet 運營團隊一直緊密合作,改善整個儲分流程,提升用戶體驗感同滿意度。

疫情下經營困難

今次為期一個月的打疫推廣,其間雖然一波三折,先有「邊爐家族」,後有政府推出限聚令及規管餐飲業措施,幸好最終都能夠做到預期效果。今次推廣活動令餐廳意識到提供優惠給客人是必需的,但不是漁翁撒網式,而是運用平台上的數據找出潛在客戶,主動出擊,提供優惠予他們曾消費的項目,鼓勵他們再次購買曾感興趣的食品或配相關食品。

「因為今次疫市係不可逆嘅,就算俾優惠都未必一定work,因為有啲人唔出街就真係唔出街。不過今次係一個好好嘅新嘗試,若果係正常市況其間推行,相信效果會更佳。」

好高興今次能為商戶發掘潛在客戶,他們曾經消費,熟知你的品牌、食物、環境及服務質素,只需要優惠的價格就可以促成交易,而非大海撈針尋找新客戶,提供新方法為商戶逆境求存。現時我哋正不斷收到其他商戶洽談有關合作,希望提升生意額,留住客人、留住員工。

 如閣下對此新抗疫推廣有興趣,歡迎聯絡我們

GreenTomato Academy保留更改此活動細節的權利。如有查詢,請聯絡我們 。
GreenTomato Academy是Green Tomato Limited 其下之附屬公司。