使用者體驗UX

  • View More 43470175_l.jpg
    使用者體驗UX

    UX vs UI:到底哪裡不一樣?

    精心設計了網站,也有在努力經營網站,但是您的網站還是靜悄悄,沒什麼人造訪。明明網站外觀很漂亮,您也覺得網站好用,怎麼還是吸引不了訪客呢?這時要請您思考,您在設計網站時,是站在何者的使用角度?在您所閱讀過的SEO文章,應該會常常看到一起出現的【UX】及【UI】,也正因為常常同時出現,您有去了解各自的定義嗎?是否有思考過,何時該用【UX】?何時該用【UI】?也許就差在一步,您還不清楚【UX】和【UI】的定義,讓您操作SEO變得困難,造成使用者很難使用您的網站,因而流失客群。因此,現在要做的,就是要徹底了解【UX】和【UI】的概念,釐清其中差異。什麼是UX?UX(Userexperience),中文稱「使用者體驗」,它討論的是網站整體的功能性,具體來說,就是使用者如何與網站互動,與網站的外觀較沒有太多的關聯。從名稱上來看,我們可以了解UX(使用者體驗)與使用者息息相關。在設計UX(使用者體驗)時,使用者的資料對設計師來說非常重要,設計師了解使用者的行為模式後,就能設計出他們喜歡的使用者體驗,讓使用者可以在每個頁面都達到目的而感到開心。如果設計師可以把UX(使用者體驗)設計得很好,他們一定下了不少工夫去了解使用者,才能在使用者下決定前,指引他們應該做哪一種決定。還有些UX設計師同時也有能力去設計UI(使用者介面),但是大多數的情況,他們比較投入前期的網站設計工作,專注在設計網站的框架。什麼是UI?UI(UserInterface),中文稱作「使用者介面」,主要是補齊UX所沒設計到的部分。當UX設計師專注於網站前端設計,UI設計師則在後端進行,承接設計好的框架與策略,美化網站,讓網站可以活用。由於UI(使用者介面)著重在網站外觀上的美學設計,因此了解設計定律及最新趨勢便是設計師的責任,而這兩項作法還可以協助UX設計師收集以使用者行為所制定的策略。UX和UI,哪一個比較重要?我們無法直接知道答案。但是請您仔細想一下,如果網站有好的設計卻沒有顧及到使用者的需求,讓它們最後因為網站太難使用而放棄網站,這樣的網站設計是失敗的;同樣的,如果網站有齊全的功能卻沒有好看的設計,無法吸引使用者,一樣也是失敗的網站設計。由此可知,只著重UX或UI其中一方的設計,容易成為無法留住訪客的失敗網站,因此,在設計網站時,建議最好還是兩者都兼顧,才有機會創造成功的網站。UX和UI的比較UX(使用者體驗)和UI(使用者介面)的設計雖然有許多重複的地方,但還是有幾個主要不同之處。1. UX(使用者體驗)包含使用者與網頁互動的方式、使用者流量及整體網站的功能。UI(使用者介面)包含網站裡所有的按鈕、選項及各種設計元素。2. UX設計師專注於了解可能會使用他們網站的使用者。      UI設計師專注於網站設計的觀感。3.  UX設計師設計網站的框架與原型。UI設計師完成網站整體視覺上的設計,並且將它美化。4. UX設計師關注整個網站的使用者及如何銜接每個網頁。 UI設計師專注於每個網頁的設計與互動模式。5. UX設計師專注在網站的功能性及每個設計的目的。        UI(使用者介面)在設計上須具有美感。6. UX設計師專注於解決問題。     UI設計師專注於設計出吸引使用者的網頁。7. UX的設計大多是由數據推動的。UI(使用者介面)的設計通常先建立好模組後,規律地重複出現,再設計各模組裡的內容細節。資料來源:https://www.impactbnd.com/blog/ux-vs-ui-whats-the-difference-infographic歡迎推廣本文,請務必連結(LINK)本文出處:轉角行銷 
  • View More 94735625_l-1.jpg
    使用者體驗UX

    一看就懂:讓網站更容易使用的4個技巧

    做為一位數位行銷人員,要一直不斷嘗試設計出【更完善】【讓人想點擊的標題】【提供瀏覽者更全面的協助】的網站,來幫助網站銷售上的轉換率,但是在網頁設計上,我們經常忽略了一項重要概念:做出「一看就懂的網站」。「一看就懂的網站」帶來良好的「使用者體驗UX」因為經過體驗,讓人們可以從您的商品內容得到最多價值,讓您的商品令人難忘,也就是說使用者體驗是讓市場銷售能成功的一項重要元素,對於「搜尋引擎優化SEO」無疑也是個加分。什麼是「一看就懂的網站」?「一看就懂的網站」就是網站的產品、服務、網頁內容...等,有多容易使用,或是一般人可以不用經過指導,就能輕鬆達到他們的目的。也就是說,當用戶第一次進入您的公司網站,網站的資訊能立即讓他知道這是什麼網站、在做什麼?網站也要能有效地導航瀏覽者到找到想要的資訊,或是到您希望他們看到的資訊,這也是為何越簡單用字與設計的網站,它們的轉換率會高於使用內行話、專有名詞等較複雜設計的網站。作為網頁設計人員,除了考慮到這些可預料的結果,還必須分辨出客戶所有潛在問題,並且解決這些問題,在行銷上最不願意見到的情況,是讓用戶自己需要思考下一步怎麼進行,這會阻礙到他們購買的意願。轉換率裡易用性的準則做為一位銷售員,您的目標不只讓客戶看得懂您的網站,同時還要提供清楚的路徑可以轉換成銷售,如果一位用戶到您的網站,看得懂網站所提供的內容,但不知道下一步該怎麼做,這個網站就是失敗的網站。用戶到您的網站,不會想要動腦、花時間去理解您的網站;不過的確存在一些用戶,勇於去複雜性網站消費,但大部分的人還是不希望來到看不懂的網站。網站設計與一看就懂的技巧:不要讓用戶思考以下是幾項關於「一看就懂的網站」設計的重要操作,可以用來改善網站的效率與容易使用。1.盡量減少讓用戶閱讀網站上的文字,少即是多,訊息保持簡單明確,指向重點;太密集的文字會讓客戶眼花撩亂,最後會分散他們的注意力,不會被導向到您期望他們應該採取的行動。這適用於您的核心網頁以及商品描述,部落格、文件指南等一些重要資訊則不適用,因為他們需要更多文字去闡述,以提供更多資訊。 2.「展示」,不是「告訴」如上面所說,網頁應該要設計成一目瞭然,而非閱讀思考,用戶開始瀏覽網頁時,會選擇自己所要的資訊區塊,才開始較仔細閱讀。為了讓用戶容易瀏覽,網頁的視覺層次需要設計非常清楚。未經組織的網頁看起來雜亂無章,用戶會不知所措,網站裡「可點擊」與「不可點擊」的區塊要清楚地分割,透過添加按鈕、使用視覺動線來指引用戶注意到連結、用對比色凸顯可點擊的物件,或只要用在文字下畫線連結都可以解決這個問題。3.通過「行李箱測試(TrunkTest)」史蒂夫·克魯格(SteveKrug)的行李箱測試:你被蒙面放在車後座的行李箱內時,被解開面罩時一瞬間要能立即地回答以下問題,也稱為「主幹測試」。每個網頁都應該要通過「行李箱測試」:網站名稱是什麼?現在是在哪一個網頁單元?網站的主要部分是什麼?從這個網頁我可以抵達到哪裡?我在網站的哪個相對位置?我在那裡可以執行搜尋?導航與使用者體驗息息相關。我們會記住產品是因為網站建立一個清楚明確的導航選單,無論是桌上型電腦或移動裝置,都可以看見。建議使用「永久導航」,無論在哪一個網頁,都顯示網站名稱、首頁連結及搜尋欄等項目。當用戶造訪您的網站,他們第一件事就是找到搜尋欄,因此,搜尋功能在網站上是很重要的功能,搜尋欄不可或缺,麵包屑「網站位置」功能也很實用。但導航應該要顯示最少兩個層級的導航項目,而非求助於返回歷史紀錄搜尋。但是近期的簡約設計不一定能達到「行李箱測試裡的問題,所以要不斷測試,才能創造出導航清楚的網站。4.優化您的首頁首頁因為是公司的形象,因此在各方面的設計都備受挑戰。首頁對訪客來說,是對您的品牌的第一印象,因此在首頁您必須完成許多事情。例如,您的首頁不僅需要傳遞大量信息,還要注意執行特定策略,像是生成潛在客戶,以及將潛在客戶導向銷售管道。建議首頁應該包含:您的品牌形象及主張的價值明確的視覺階層設計目前的促銷活動連結熱門網頁的捷徑搜尋欄品牌形象影片登入系統(如果有相關的話)但這些都很主觀。當您設計首頁,可以問問自己,當訪客第一次進入您的首頁時,他們會想要知道您的品牌相關資訊是什麼?哪些訊息是您需要展示,以立即吸引他們的目光?將網站設計成不需要動腦思考最後提醒,「一看就懂的網站」不是做成模稜兩可的樣子。您會希望自己的網站可以完整地回答,您的品牌、產品或服務的所有問題,不會希望自己的網站讓人一直思考,這對用戶來說,不易閱讀也很困擾。如果以理想瀏覽者為目標,吸引對的客群來造訪您的網站,就需要網站傳遞能讓他們共鳴的訊息,自然地引領他們進入消費管道裡。資料來源:https://www.impactbnd.com/blog/tips-improving-website-usability歡迎推廣本文,請務必連結(LINK)本文出處:轉角行銷
  • View More 45532663_l.jpg
    使用者體驗UX

    利用內容行銷幫助縮短銷售週期的8種方法

    網站也能是一個教育資源,有效地利用網站,讓潛在客戶可以從網站找到最多有用的資訊,最後能迅速地將他們導引至銷售管道。讓行銷部門與非潛在客戶接觸,並不是理想狀況,最好的狀況是只需要短短幾小時,就能讓潛在客戶明白公司在做什麼;也就是說讓企業網站盡可能展示所有訊息,銷售團隊便可以有效地利用時間,將潛在客戶轉換成正式客戶,縮短銷售週期。以下介紹8種方式可供參考:1.常見問題單元在行銷過程中,蒐集常被問的問題,並在公司的常見問題一一回答,這是因為潛在客戶會想知道這間公司所公布的資訊,以及常見問題所提供的保證值不值得信任。因此,請使用有效關鍵字將潛在客戶帶至常見問題網頁,確保銷售團隊有回答到潛在客戶迫切想知道的問題,對於「搜尋引擎優化SEO」也是必要的。2.列出產品價格與服務價格有些時候不得不與潛在客戶了解產品或服務價位,有時候能事先提供給客戶更能留住潛在客戶,可以大幅降低銷售人員解說時所花費的時間,並降低成本。在網站上顯示產品的價格相關資訊,產品價格透明化,也容易贏得客戶的信任,對消費者來說,定價會影響他們的消費過程,與其讓銷售人員費盡口舌與消費者討論價錢,不如直接在網站將價格清清楚楚地顯示。3.提供客戶熟悉的服務如果您的公司是提供服務,那麼要讓訪客知道他們與您合作可以得到什麼成果,顧客不喜歡意料之外的事件,從首頁開始一步一步的讓客戶了解您的公司,這包含許多細節,所以顧客會希望有之前的案例可以當作評估,同時您也應該在網站上設置對比強烈的按鈕(call-to-action,CTA),引導有興趣的客人更深入網站內的消費管道。4.產品/服務網頁讓消費者仔細了解您的公司的一切內容,把握可以展現公司品牌的機會,詳細解說公司內容,但是千萬別弄巧成拙地趕走了顧客。還有,別忘了,您能展示的資訊不會只受限於單一網頁,可使用多個網頁,可以使用連結或選單來介紹特定產品及提供的服務內容,這個網頁最好也包含對比強烈的按鈕,把訪客轉換成潛在客戶,最終成為正式客戶。5.口碑推薦用證據支持您的說法!您當然可以宣稱在產業裡,您的公司是最好的,但是沒有證據或例子證明,這種信用與新上市的公司一樣沒有太大的說服力。讓您的潛在客戶知道,他們將合作的對象是有被認可的行家,因此您可以試著在公司網頁裡放進過往客戶對公司的正面評價,尤其是在銷售網頁。如果您的公司性質是提供服務,還可以更進一步以案例研究來做為公司過往服務的成功案子,因為每個正面的回饋或證據,都可以讓訪客更有信心地選擇您的公司。6.作品集如果您有服務成果的照片或是影片,那就將它展示在網站裡,或是銷售產品頁面,就在網頁裡放入使用前與使用後的照片對比,展現產品的功能。讓公司的案例研究或評價推薦展現自己的行銷價值,藉此讓客戶看到您司能提供高品質的成果,就能少花心思去吸引顧客。7.展示您的工作團隊在網站放上工作中的同事的真實照片能增加轉換率,員工正辛苦工作也能吸引更多顧客,大家喜歡與知道長相的人工作,所以在網站加入您的工作團隊的照片,可以讓公司更個人化、更有特色,在進入行銷人員與顧客討論的階段之前,若能先建立顧客對公司的安心與信任,對您的行銷團隊絕對是有幫助的。8.首要內容在網站上重要位置的顯示網站的首要內容,都會能幫助顧客,以及縮短銷售週期,如果您正在開發潛在客戶所想閱讀的內容,在向客戶教學的同時,也可以引導他們進入銷售頁面,這樣的互動可以過濾出真正的潛在客戶,適當執行這項工作,可以大幅縮短將潛在客戶轉換成正式客戶的時間。行銷人員最重要的責任就是將潛在客戶轉成正式客戶,但不希望在此花費過多時間,因此為網站創建越豐富的內容,便可以減少銷售人員花時間吸引客戶,以內容銷售縮短銷售週期。資料來源:https://www.impactbnd.com/blog/8-ways-content-marketing-helps-shorten-your-sales-cycle歡迎推廣本文,請務必連結(LINK)本文出處:轉角行銷
  • View More 26013017_l.jpg
    使用者體驗UX

    電子商務網站設計指南

    設計首頁的五個技巧首頁是每個電子商務網站重要組成要素,它代表著網站的門面,訪客透過首頁了解您的網站大致上的內容,無論是第一次還是第N次使用您的網站,訪客可以透過首頁清楚了解您的網站有哪些類別、如何搜尋特定產品,以及如何得知最新商品或推薦商品等資訊。1.取得平衡:好的首頁是知道如何在頁面設計上取得平衡,首頁應該是具有吸引力、沒有令人分心的元素及能全面介紹產品,但是同時也要留意訪客在瀏覽網站首頁時的感覺。知道怎麼去解決首頁功能及介紹產品與其價值之間的衝突,是成功首頁設計的主要條件。2.一目了然:確認首頁是在提供哪一種產品,選出最有吸引力的代表圖。3.幫助瀏覽者:在首頁裡,要特別推廣熱門分類及子分類,訪客到首頁,希望能知道他們想要購買的產品在哪,例如想買睫毛膏的用戶,就會點進與「美麗」相關的類別。4.保持簡潔:訪客通常希望可以在網站裡,立即找到他們想要的東西,像是「類別」與「搜尋」這種導航元素就應該要容易找到,同時也要比輪播圖片或其它促銷內容更先下載。5.讓消費者感到特別:盡可能讓網站有能力提供消費者獨特購物經驗。像是會吸引目光的圖片有助於塑造好的第一印象,讓訪客更有機會留下來;此外,推薦商品這種個性化內容雖然也有幫助,但記得不要讓它們占據整個網站,或是影響到訪客瀏覽網站的方式。設計網站分類的4個技巧如果說電子商務網站的首頁,如同書的封面,吸引民眾來閱讀,那網站的類別就如書的目錄,將所有內容組合起來,並提供架構。電子商務網站對於架構應該要謹慎設計。1.過濾產品:在分類中區「分類」「搜尋欄位」和「過濾選單」非常重要。分類:是互斥的劃分,將產品分為不同的組。搜尋欄位:利用產品的一些數據做為標準,讓訪客可以改進查詢。過濾選單:(也稱過濾器),根據產品質量,縮小該類別可用產品,本質上使用多個過濾器。2.相關商品:消費者會希望想搜尋的物品的相關與相關商品可以同時在搜尋結果出現,更方便找到,而不用另外進行搜索,例如滑鼠或電源線就可以在搜尋到的筆記型電腦的子類別出現。但是這也要看產品特性。3.重複:為了創造流暢的購物經驗,如果子類別可以讓訪客更輕鬆地找到所需的東西,則可以重複建立子類別,例如桌子的子類可以屬於客廳與臥室。4.打破常規:網頁分類不一定要刻板地劃分,利用「新品上市」這類過濾器,突顯網站裡的新商品。請勿將可過濾的產品屬性或產品「狀態」(例如新貨、促銷、禮品)與實際類別混淆,類別是互斥的,可以使用頂端導覽單元事先做好子分類,過濾器不是,一般經驗來說,如果類別中的項目少於30個,考慮將其用作頂端子分類,這樣做才可避免惡化搜尋。設計主導列的三個技巧1.明確類別:使用導航欄位列出所有類別,讓用戶可以立即看到它們,而非使用單一導航標記項目為「產品」或「目錄」,避免消費者需要不停下拉選單仔細尋找才找到他們要的類別,明確的類別也可以清楚地向消費者表示現在是到達哪個網站。2.保持一致:下拉選單應該要在類別中所有位置都能使用,因為消費者會想在單個會話中瀏覽多個類別。網站範圍內的導航頁面含有「客戶服務」、「運輸」和「退貨信件」,應該要與類別導航欄不同,且要在每個網頁上都能使用。3.切勿做太多改變:網站啟動前應該要好好檢查主導航的設計,避免消費者因為欄位變化不斷而感到困惑。設計產品列表的4個技巧傳統上,產品列表頁面(類別列表頁面)在列表中顯示各項目,包含產品名稱、圖片以及產品各網頁的連結之類等訊息,設計良好的產品清單網頁,需要在提供足夠的訊息、區分產品和提供簡潔的瀏覽介面這三方面取得平衡。1.顯示重點:產品列表頁要提供每種產品屬性的足夠訊息,與替代產品區分開來,消費者有興趣,便會自行進去各網頁查詢更多訊息,商品列表頁面少不了價格,其它基本訊息包括標題、縮圖、產品類型等。2.進行比較:如果不能在網頁裡輕鬆區分出不同產品,使用者可能會在瀏覽時感到困惑,產品列表頁應顯示有助於用戶確定商品與其搜索的相關性的屬性(例如,兼容性、尺寸等),例如,如果有多個大小不同的相似產品,請在其清單中顯示每個產品的尺寸,產品的平均評分也是幫助許多消費者縮小搜索範圍的關鍵因素。3.用圖片展現產品價值:使用者在瀏覽時會依賴產品縮圖,因此縮圖需要明確、獨特且與眾不同,通常,顯示未包裝產品,會比較吸引消費者;當游標滑至商品圖片上時,還能顯示輔助圖片,例如,商品主圖與純色背景太相近,會再顯示輔助圖片凸顯實際內容,反之亦然。4.減少視窗中的物件:消費者希望能使用多面過濾器找到他們想要的商品,而不是在大海撈針,主產品列表中若包含了產品的顏色、價格等大量資訊,則可以進行過濾,如果需要,還可以使用特定分類的過濾器,例如眼妝效果。設計網站佈局的2個技巧用心去設計良好的首頁、產品分類、網站導航和清楚的產品列表,而且對訪客來說很好使用,現在就要考慮如何顯示和定位整個網站,電子商務網站需要讓使用者容易訪問網站並查詢如客戶服務、運送和退貨等資訊。1.網站地圖:建立一個給消費者參考的網站地圖,讓他們可以大概了解整個網站及產品類別,這也包含最高層級的類別及下一層級的子類別。如果消費者在您的網站迷失,他們還能按下「重置」回到原本狀態。2.去除困擾:任何購物體驗中斷都會讓消費者感到沮喪,重複提醒消費者或是一直彈出窗口進行問券或註冊會員,會讓消費者困擾並離開,此外,在瀏覽網頁前要求用戶註冊網站專有帳戶,會讓許多潛在的消費者放棄網站或輸入假的資料訊息。設計導航和銷售的3個技巧即使精心設計簡潔好用的網站導航,消費者也很少遵循此路徑去瀏覽網站,他們經常返回上一頁,尋找相關產品、移到其它類別或重新開始,這應該是可以預見的行為,甚至還可以利用這一點更進一步驅使消費者購物。1.留下麵包屑:消費者可以透過多種方式進入單項產品網頁,與其強迫他們使用瀏覽器的上一頁離開網頁,不如插入「麵包屑」連結來幫助他們導航到網站上的其它地方。這些連結可以基於層次結構,顯示用戶在網站的分類中的位置,也可以基於歷史記錄,顯示消費者最近查看的項目或搜索結果。2.創造連結:建立了網站內容(如產品指南),確保在不同的內容裡,或是適當的產品類別中插入連結,鼓勵消費者在網站間交叉導航,去探索網站內所有內容。3.提出建議:網站設計應建立成永遠不會錯過任何能促成新交易的機會!在產品網頁、搜索結果和結帳時推薦相關、相似或互補的產品。資料來源:https://www.loop54.com/knowledge-base/ecommerce-website-design-guide歡迎推廣本文,請務必連結(LINK)本文出處:轉角行銷
  • View More 52071984_l.jpg
    使用者體驗UX

    網站配色的7項準則

    為何在品牌設計與網站設計當中,配色是如此重要?這是因為第一印象很重要!研究顯示,90%的民眾單憑對顏色既有的觀念,而下了立即購買決定,所以網站的配色方案必須是好記、可以被信任、具有吸引力以及有價值。製作網站時,需要謹慎思考選擇哪種顏色,還要思考為何要選擇這樣的配色方案,不同的顏色會傳遞不同的訊息給訪客,改變他們對您的網站的認知,甚至影響到沒有想要造訪您的網站的訪客。每個用戶在專注於網站上平均只有15秒的時間瀏覽網站,這時就需要做些措施說服他們繼續瀏覽您的網站。因此,您要為您的網站選擇對的配色方案,利用顏色的強調、清晰的導航元素以及好記的品牌印象,來協助提高用戶在網站的參與度。但是挑選顏色應該要如何下手?可以參考以下網站製作的配色方案,避免犯最嚴重的色彩設計錯誤。製作網站配色方案的七個步驟1.找到主色調您可能已經想好要用什麼顏色,或者已經擁有logo或其它品牌元素,它們也有自己的色調,考量這兩方面的顏色所得出的結果,就是您的網站的主色調。如果還沒決定好,可以利用這項測驗找到您想要的顏色,或是進行市場調查、參考Dribbble或Behance這類設計網站,去尋找您的配色靈感,也可以利用這個含有國際知名品牌色彩的色碼清單,來幫助您做出選擇。遇到特別好看的設計或圖片,別猶豫,將這個顏色列入您的顏色參考清單,如果您是使用Chrome為主要瀏覽器,ColorZilla就是一個好用工具,還可以利用EyeDropper這項擴充功能,它是排名最高的色彩選擇工具之一。2.確定顏色數量決定好網站主要色調後,下一步便是決定好要使用幾種顏色。一般來說,建議三色組合即可。Atriadiccolorscheme是一個能利用均勻分布在色輪周圍的顏色,提供不同的三色配色方案,由於太過鮮豔的色彩可能會過於醒目,設計人員通常還會加上輔色調。 應用在網頁的配色方案,還有個流傳已久的設計準則,稱為60-30-10設計法則。這項準則建議所選的顏色不要平均使用,而是依照60-30-10的比例去使用。(圖片引用:https://websitesetup.org/website-color-schemes/)3.必要時,使用輔助色調如何組合輔色調與品牌的主色調,在設計過程的一項考驗,幸好目前網路上已有許多工具可以協助您處理這項任務,例如ColorSpace。加入輔色調的目的是因為有時在設計過程中,需要的不僅是幾種原色,尤其是含有內容及登錄頁面(產品、可下載資源等)的網站,更加需要其它顏色。像是Mailchimp就為了所有品牌制定網站裡各功能的輔助用色方案。輔助色能夠在視覺上分離標題、側欄位、按鈕和其它元素,提高了轉換率並改善了使用者體驗。如果您對這方面有些涉略,除了在尋找其它色調之外,還可以考慮在主顏色上加上陰影等作法,但有時候,簡單是最好的策略。4.不要忘記中性色(黑色、白色、灰色)文字、與重要元素對比或作為背景色,會需要中性色。中性色彩在現在網站設計中的功能與空白非常相似──可以讓用戶休息一下,並讓他們有時間更好地消化網頁信息並確定其優先級。在配色上,最好是一種深色和一種淺的中性色,最常見的中性色是白色、灰色和黑色。也可以將主色調的陰影用作中性色,但這有一點難度。如果在配色設計上還是有些困難,可以在Dribbble或Designspiration參考其他人的作法。5.在下列所述的網站位置加上主色調、輔色調及中性色配色方案的使用可以先思考顏色要怎麼運用在網站上?它們該放在哪裡?為何這麼做?主色調:進入網站上的「焦點」,應該使用大膽、鮮豔的顏色吸引用戶的目光,促使他們採取行動。CTA按鈕、標題、下載表格和其它重要資訊應該使用主色調,讓它們更醒目。輔色調:用來凸顯在網站上較不重要的資訊,例如次要按鈕、副標題、活動菜單選項、背景等內容。中性色:通常用在文字和背景。但有時會用在網站裡鮮豔區塊,可以降低色調,讓眼睛重新聚焦。6.反覆檢驗終於決定好配色方案,再多次檢驗這項過程,檢查是否可以讓您期望的用戶留下深刻印象?多次檢驗,並針對不同狀況再微調配色,如果其中有無法達到您的要求的,至少還有時間建立備案。7.必要時,進行腦力激盪知道可以從何處得到靈感,好的配色方案,便不難找;如果還在思考網站配色怎麼組合,以下工具可以協助您:ColorSpace:根據選定好的一種顏色,生成整個配色方案。AdobeColor:這項Adobe工具是以色輪概念所建造的,可以生成網站的配色方案,也可以上傳圖片,更精準生成您想要的顏色。Paletton:這是可以在沒有任何技術或設計概念下,產生您想要的配色方案。Coolors:想要檢驗配色是協調還是衝突,這項工具很實用。ColorSpire:另一個生成配色方案的網站。Canva’sColorWheel:可以幫助您了解哪些顏色好看,哪些顏色組合是衝突。此外,還有很多知識性內容可以回答任何關於顏色理論和色輪的問題。常見問題1.為何網站配色很重要?顏色產生的作用是會影響到大腦,這是確實存在的現象。無論我們是否有意識地感受到它的影響,色彩都會影響我們的大腦如何處理訊息。有研究顯示,大腦對於紅色帽子會加速心率,而藍色則會讓感到平靜。例如,在2000年,格拉斯哥引入了藍色街道照明以改善城市景觀,這意外地減少藍色照明區的犯罪數量;東京的鐵路公司選擇在火車月台的末端安裝藍燈,以減少自殺人數,結果這些車站的自殺率下降了74%。這也能解釋為何大部分的醫療診所或相關設施會以藍色作為它們的主色調。(醫療相關網站,主色調通常為藍色,令人感到平穩)使用正確的顏色,可以對我們產生很大的影響。透過組合不同的顏色和色調,我們可以創建出想要的配色方案,順利進行設計,喚起人們想要的情感,影響用戶的情緒,並塑造他們對品牌的認知。2.不同顏色產生不同的感受顏色心理學是研究不同色彩如何影響到人類。透過許多實驗與調查,科學家確立了顏色會觸動人類的情緒,像是有些顏色會讓我們感到高興、警覺或放鬆,也有些顏色會喚起焦慮或傷心等較負面情緒。事實上,有85%的消費者確實會只單憑顏色就購買商品。所以為網站選擇正確的色調,能影響大眾對於您的品牌認知,產生持續的情緒,進而促使他們下決定購買商品。為網站想好配色方案,便能讓您有方法去影響大眾對於您的網站品牌的感受。以下是會讓用戶引起特定情感的六種主要顏色:紅色紅色象徵重要、熱情及侵略性。試想紅毯、停止標誌或象徵愛的心臟所帶來的感受。在設計時,紅色會用來提升注意力,但應謹慎使用,別讓訪客看得不知所措或疲累。橘色橘色會與活力、好玩連結在一起;網站設計用橘色會讓人感到年輕活潑,甚至吸引容易衝動購買的買家注意力。黃色黃色是太陽的象徵色,也有開心與有趣的概念在其中,但這也容易讓大腦引起焦慮的情緒,因此應謹慎使用。綠色綠色與大自然、健康、繁榮和環保緊密相連,非常適合各種有機或天然產品,以及專注於戶外和自然的品牌。藍色這是一個能立即感受到信任並喚起安全感的顏色,加上這個顏色能讓大腦冷靜,因此它也具有吸引力和友善性。由於藍色的多功能及充滿活力的感覺,是網頁設計師中最受歡迎的顏色之一。紫色紫色代表著高貴,同時也讓人聯想到優雅、神秘和創造力。對於追求高貴、奢華或希望透過其網站設計營造更具神秘魅力的品牌來說,會是首選的顏色。3.關於性別/年紀的用色,應該注意哪些事項?表現好的網站都有一項共通點:它們都很了解它們的目標族群,因為色彩、設計選擇、版型等,都會影響不同的族群。無論是透過市場研究,或是在產業裡多年的經驗,您應該已有能力分辨出目標客群。不僅不同族群對於顏色有不同看法,男性與女性也各有偏愛的顏色。近2000名的男性與女性被問到他們偏愛的顏色:42%男性表示藍色是他們最喜歡的顏色,接著是綠色(25%)以及紫色(12%);而女性也表示藍色是她們最喜歡的顏色(29%),緊接著是紫色(27%),以及綠色(19%)。(男性與女性的喜愛顏色分布,圖片引用:https://websitesetup.org/website-color-schemes/)男女之間在偏好的顏色,可能會對品牌的成功產生重大影響,但是想要建一個對不同性別都有吸引力的網站配色方案時,也要考慮他們最不喜歡的顏色。棕色及橘色都是男女不喜歡的顏色,此外,有17%的女性會把灰色列在最不喜歡的顏色的前三名。有趣的是,對男性與女性來說,這些不喜歡的顏色都表示著「便宜」或「廉價」。4.顏色如何吸引目光?正確的配色對於網站設計很重要,因為這可以協助設計師建立視覺層次,讓用戶可以立即找到網站的重點。例如,古根漢博物館利用顏色精確區分網站區塊及強調站內的重要資訊。但是,網站配色不僅只是各種顏色組合,顏色也具有自己的層次結構,這是由顏色對我們的情感和行為的影響來定義。強烈的顏色如紅色、黃色或橘色,會集中注意力;比較弱的顏色如灰色、白色或淡藍色,則可以產生對比,讓重要元素更突出。設計師喜歡用強烈的顏色加強導航效果,建立更能一眼就看懂網站內容的使用者體驗。此外,大膽的顏色可以用來在不同網頁上建立一致性,幫助用戶更快地找到所需內容。例如,在網站上的號召性用語按鈕上使用紅色可以提高轉化率,讓使用者體驗更直觀。5.不同的產業會偏愛哪種顏色?我們已經討論了顏色心理學對品牌設計的重要性,如LOGO設計以及不同顏色的深淺如何對客戶產生不同的心理影響。因此,不同的產業喜歡不同的顏色,顏色會試圖喚起大眾的特定的情感並與產業建立關聯。(品牌愛用顏色分析,圖片引用:https://websitesetup.org/website-color-schemes/)藍色、紅色和綠色幾乎是每個行業會出現的三種主要顏色。但是,藍色有一種例外情況,根據食品研究人員的表示,當染成藍色的食物呈現在研究對象時,他們會食慾不振,也就是說人們尋找食物時,藍色、黑色或紫色的食物,會被認為是有毒或變質。6.配色對於提高品牌知名度的重要性?色彩、字體及品牌名稱,都是讓品牌難忘的重要元素。我們的大腦渴望視覺信息。使用正確的顏色和好看的設計來製作具吸引力的視覺內容,在訊息真正得到處理之前就先引起訪客的興趣,吸引他們的注意力。大腦需要四分之一秒來處理視覺提示,而消費者的平均注意力僅為8秒,例如一想到IKEA,我們的大腦幾乎立即浮現藍色與黃色的圖像。這就是色彩提高知名度的最佳範例。(brandColors提供各大品牌的用色組合)研究也顯示,正確配色能使品牌知名度提高了80%,建立品牌知名度有助於公司建立大眾對品牌的熟悉度,大眾對品牌越熟悉,就會越信任它。因此學習色彩心理學還可以幫助您確保品牌與正確的情感相關聯,並在消費者中產生正面的情緒。對於網站配色方案這樣的基本工作,雖然工作量大,卻是在網站設計過程中重要的一步。為了能夠影響消費者對品牌的看法和感覺,設計師就需要好好地理解顏色與情感之間的聯繫。7.中性色功能?也有在不使用任何顏色的情況下創造出吸引人的網站設計,但這還需要對其它設計元素(例如版式,網格和佈局)有深刻的了解。黑白網站設計被稱為單色配色方案,這是永遠不會過時的兩種顏色。同時,單色配色方案可以配合任何顏色,只要它源自單一色調,使用其色調,陰影和色調就可發展出新的配色方案。(單色配色方案,需要更多創意去設計)運作良好的單色設計可確保網站精緻,使其脫穎而出成為經典。但困難之處,便是要獲得訪客的情感回應成了一項挑戰。缺乏色彩,單色網頁設計也容易缺乏個性和情感,因此設計師在選擇單色配色方案時必須更有創意。網頁設計中的極簡主義的相關研究顯示,在整個設計中有意識地並且始終如一使用強調色,更能凸顯網站最重要的訊息,激起用戶採取行動。如果產業中所有品牌都使用相同的顏色,似乎很難脫穎而出,品牌也難以辨識。因此,創造出適用於所有品牌和市場行銷的配色方案很重要,而不是僅將原色和輔助色簡單地組合在一起。資料來源:https://websitesetup.org/website-color-schemes/歡迎推廣本文,請務必連結(LINK)本文出處:轉角行銷
  • View More 44105665_l.jpg
    使用者體驗UX

    寫出成功的電子行銷郵件,你需要停止做的11件事

    成為電子郵件銷售員並不容易傳送電子郵件是一種可以吸引受眾的方式,因此掌握電子郵件的內容是銷售員的責任。有59%的人承認營銷電子郵件會影響他們的購買決定。出於這個原因,郵件便一次性發送給一大群人。即使能傳遞銷售訊息,人們也不喜歡打開收件箱。更殘忍的事實是,網路間有數十億電子郵件交互傳遞,能讓受眾引起共鳴的卻少之又少,坊間甚至還有垃圾郵件過濾器。因此,即便是有簽署的郵件,也要在一堆郵件裡立即顯示價值,脫穎而出,而不被當成垃圾信件。那麼,銷售員應該做(或是不該做)哪些事?首先,要先了解行銷郵件內部應該出現哪些內容。以下是今後應該不要繼續再犯的11個電子郵件的行銷錯誤作法。避免這些錯誤作法,便能改善郵件的傳遞及點擊率,讓電子郵件行銷更有效率。1.停止在標題填充誘餌用誘餌迷惑客戶打開電子郵件,結果內容是在報價,會失去客戶對這間公司的信任。這麼做,頂多讓郵件的打開率提高,但是會降低點擊率。最糟的是,這類郵件迷惑讀者,容易激怒他們,他們可能會取消訂閱,這對雙方都不好。關於標題,準則是先說你要做什麼,然後再講你想說的話;在設計電子郵件標題,想讓客戶點擊,以下有幾項選擇,但都要關於可以實現你所承諾的。(1.)緊急性:如果時間不多了,或客戶確實需要盡快採取行動,請告訴他們。不該做的事情:產生假的緊迫感。(2.)神秘性:只要按照正當模式操作電子郵件行銷,在標題上,可以做點偷偷摸摸的變動。例如在標提列裡推廣「主要發言人聲明」,只要發言人名氣要夠,不是一般路人。不該做的事:創造不存在的內容試圖欺騙客戶點擊(3.)優惠性:如果標題說著目前商品有打五折,那麼信件內容要確實是商品打五折的相關資訊。不然,消費者會覺得這間公司不再具有價值,而不再信任。不該做的事:提供假的優惠資訊(像是標題寫著沙發全館五折,結果點進去才發現只限金額超過兩萬的沙發才可使用)2.發email的方式別停留在1999年20年前,大部分的人發mail的方式如同在用筆寫信一樣,像是最後署名寫著愛你的xx一樣。有些情況的確是需要正式的語氣撰寫,但是一般的商業信件有比較大的彈性空間可以發揮創意,使信件更活潑有趣一點,也在訊息裡傳送品牌的形象。真正好的行銷郵件,是可以提供好幾個例子關於品牌是如何藉由信件裡的語氣及視覺效果,來接觸客戶。同時,他們也很擅長自我溝通,例如,信件最後不一定要以「誠摯地邀請您……」當結尾,可以試著根據產業特性,寫出品牌形象的結尾。或是在信件內容的形式做些創意性的改變,讓消費者一眼難忘。在電子郵件裡注入越多的個性化元素,可以幫助客戶更了解你的品牌,對品牌了解越多,就越有機會讓客戶去關注你的品牌。3.別被文字限制電子郵件不侷限於文字傳遞的訊息,整體內容設計有多種變化,都可以幫助推廣品牌。例如,可以試著用圖文配合,以說故事的方式,撰寫商業信件給客戶。甚至,你可以將電子信件的內容擴大至以短片形式傳遞。約在2021年,網路上有80%都會是影片,其中就包含了電子郵件裡的短片。IMPACT的創意總監AlexWinter概述「如何在行銷郵件裡插入影片,以及影片對行銷的影響」中提到下列四點:(1.)在標題裡含有影片(2.)直接在信件裡嵌入影片(3.)用影片縮圖吸引客戶目光(4.)用GIF動畫等方式來吸引客戶4.別再用只限於桌面型電腦才可看到的電子郵件形式如果客戶無法讀取你的郵件,那麼再好的郵件形式或精采影片都是徒勞。以台灣來說,大都人手一機,從行動裝置而來的網路流量逐漸增長,因此,設計行銷郵件還要考慮到行動裝置是否可以瀏覽。使用行動裝置的客戶無法忍受沒有響應式設計的網站,他們也表示格式不相容的信件導致無法讀取是最無法容忍,可能三秒後就刪掉這封無法閱讀的郵件。5.別毫無目的地發送郵件行銷專員犯的郵件行銷的最大錯誤是向全世界發送行銷郵件,此舉有如發送垃圾信件。確認每封信件都是有目的,而不是為了向外界傳送大量的行銷訊息。將客戶擺在第一位,行銷專員要有能力發現他們的問題,確認他們的需求,然後回應客戶。也就是說行銷郵件的發送目的是為了能幫助到客戶,你也可以理解為因為下功夫了解客戶需求,才能推廣品牌的內容,所以要時時注意客戶所要求的,並回應他們。6.別再發送沒有上下文的郵件有多少次打開郵件時會覺得,「到底為什麼我會收到這種信件」?有沒有郵件可以清楚地回應你的問題?每封你發送的郵件,應該要能與客戶快速且精確地相互溝通。如果有讓客戶不了解為何會收到這信件的風險,首先你要確認的是,真的需要向客戶發送這封行銷信件嗎?發送目的是為了幫助他們還是為了幫助自己(參考第五點)。甚至有時候,你還可能會發現發送的對象可能與產業無關聯,這種情況下,別怕指出這一點,也別認為發送給這些對象毫無意義。你可以直接讓客戶知道你是怎麼得知訊息,也許他們曾經簽名、曾經參加相似的活動,或是購買相關產品。要了解,坦白誠實才能減少客戶對你的不信任。7.別假設客戶知道要怎麼做最差勁的行銷郵件就是沒有為客戶說明他們要如何進行下一步;透過加入明顯的號召性用語(call-to-action,CTA),把下一步需要準備的事項一一寫清楚給客戶,讓他們知道怎麼行動。正確的CTA依據你所發送的郵件的形式、設計,以及你希望他們怎麼實際操作。建構CTA你需要考慮以下事項:讓CTA以行動及利益為導向保持傳送訊息提供視覺對比來凸顯考慮到客戶的地理位置不斷測試8.不要自己以為郵件已經寫得很好了在你發送行銷郵件之前,先傳給自己一封或傳給團隊裡的同事,確認郵件裡的內容是不是一切正常。以下是送出行銷郵件前的最終確認事項:標題無錯字預覽文字,找出最好郵件文字樣式正文附件檔檔名正確無錯字所有連結都是有效的所有圖片、影片及表情符號都適當地展示email的設計是採用正確的模板除了確認郵件是否一切正常,還要確認這封郵件是否在任何平台、裝置都可以正常顯示。當你確認好一切,需要發送郵件的客戶清單你也有了,就開始傳送。9.別再將郵件傳送到錯的對象過濾出你要瞄準的目標受眾,再傳送行銷郵件比較合適。依據產業特性,客戶需求等方向,一一將客戶名單過濾出來。研究顯示,這麼做對行銷人員來說,可以增加760%的收入。10.別再讓你的客戶覺得疲累大部分的研究顯示,收到大量郵件會讓人不知所措。對電子郵件疲累確實是存在的,人們甚至會厭倦到忽略、刪除、不再訂閱來應對這些信件。這種結果大多是因為從同一家公司收到太多信件,或是收到太多與自己無關緊要的信件。所以,行銷人員應該採取什麼行動來應對?可以先從過濾客戶清單(參考第九點),再將合適的內容(參考第五點)傳送給合適的客戶。同時,你也可以參考客戶給的回饋。如果人們不再訂閱,請找出原因,有些可能可以補救的。例如:確認你的郵件設計是響應式的(參考第四點)。也有可能是你發送太多郵件,或是在錯的時間傳送給客戶。時時注意你的受眾的回應!最糟糕的做法就是你把改善郵件這件事忘了!11.別停下調整行銷郵件的工作本文一直提醒著:不斷地測試!如果你一直沒去看關於你的行銷郵件的指標數據,你就無法知道要怎麼調整及測試你的郵件行銷方式。做為一名銷售員,已經有太多厲害的工具可以提供你使用,這些都可以幫助行銷人員找出郵件出錯的原因並隨即修正。在你發送你認為很完美的行銷郵件給目標時,先利用工具檢驗郵件,同時還要發送給團隊同事一同檢測,還要注意這些指標:傳送率指標作用:查詢收件人伺服器接受的郵件數量。指標意義:高傳送率代表著你的email正在傳送到收件人的信箱。傳送率低的話,有可能表示你的email被阻擋,通常是因為被標記為垃圾郵件、不遵守網路規範,或是IP聲譽很差。改善方式:不斷改善你的目標客戶清單,在發送郵件前確認你有被他們認可。根據Can-SPAM和歐盟通用數據保護條例(GDPR),向用戶發送電子郵件需經過合法管道及用戶同意。開信率指標作用:打開電子郵件占所有收到同樣郵件的人的百分比。指標意義:開信率高代表你的標題能讓你的受眾產生共鳴。開信率低則代表你的信件沒有價值,很少人會想打開去看。改善方式:測試不同標題,持續觀察他們的表現。知道哪種標題表現好,便可以改善開信率。點閱率(Click-throughrate,CTR)指標作用:在打開郵件的人群裡,點閱信件占這些人口的百分比。指標意義:點閱率高表示信件裡的內容符合受眾的需求。點閱率低則表示你除電的訊息對收件者沒有價值,或是發送到了錯誤的目標受眾。改善方式:透過過濾和傳遞消息,確保你正確地定位你的受眾,讓你的的銷售目標更明確、更具體。若已確保你的受眾定位,檢查郵件是否清楚地傳遞訊息。例如,是否有明確的號召標語?有沒有更好的方式可以與你的受眾對話互動,吸引他們點閱。轉換率指標作用:轉換或下載了你所提供的內容的用戶,在打開mail的用戶中所占的百分比。指標意義:高轉換率表示你撰寫的郵件很成功,且收件人執行了你所希望他們採取的動作。改善方式:如果你的點擊率很高但轉換率很低,可能在到達網頁這之間流失了客戶。這就要對網頁的轉換採取行動改進。命中目標才發送信件撰寫行銷郵件,直到按下確定發送的過程中,要考慮很多面向。評估哪些無效、那些是有效的信件,才可以為往後的行銷郵件改進。調整錯誤、吸取經驗教訓,才可以創造一封成功的行銷郵件。資料來源:https://www.impactbnd.com/blog/email-marketing-best-practices歡迎推廣本文,請務必連結(LINK)本文出處:轉角行銷