使用A/B 測試來改善網站UI 設計的30 個例子

範例30：「做了能避免⋯⋯」的行動呼籲內容比「做了能得到⋯⋯」更好 最新消息 科技新聞 AI人工智慧 chatbot DeepMind NLP OpenAI 人工智慧醫療 人機互動 台灣人工智慧學校 機器人 深度學習 生成對抗網路 軍用AI Amazon Apple Covid-19新冠肺炎 Facebook Google IBM KKBOX Line Netflix NVIDIA Samsung TIOBE Unity3D 區塊鏈 台灣人工智慧實驗室 微軟 擴增實境AR 汽車 數位行銷 SEM SEO GoogleSearchConsole JohnMueller 軟404 社群行銷 聯名行銷 程式設計課程 C++ C語言 Java Python Python課程-控制結構 R語言 網站前端開發 CSS HTML JavaScript 設計 AfterEffect UI/UX設計 VFX影片後製 學員見證 Java課程 Python課程 UI/UX設計課程 前端工程師課程 網路行銷 網頁設計 Search 21.7 C Taipei 星期四,1811月,2021 Signin Welcome!Logintoyouraccount yourusername yourpassword Forgotyourpassword?Gethelp Passwordrecovery Recoveryourpassword youremail Apasswordwillbee-mailedtoyou. 達內科技報|接軌AI世代的數位觀點 最新消息 科技新聞 AllAI人工智慧chatbotDeepMindNLPOpenAI人工智慧醫療人機互動台灣人工智慧學校機器人深度學習生成對抗網路軍用AIAmazonAppleCovid-19新冠肺炎FacebookGoogleIBMKKBOXLineNetflixNVIDIASamsungTIOBEUnity3D區塊鏈台灣人工智慧實驗室微軟擴增實境AR汽車 油價漲免驚！GoogleMaps用人工智慧規劃「最省油路線」 FDA批准內視鏡AI測腸癌靈敏度99.7%！人工智慧醫療再突破 無接觸經濟正熱，借力人工智慧反洗錢不費力 FLoC取代Cookie爆4大爭議，Google提出新解「主題取代群組」 數位行銷 AllSEMSEOGoogleSearchConsoleJohnMueller軟404社群行銷聯名行銷 FLoC取代Cookie爆4大爭議，Google提出新解「主題取代群組」 新網頁要多久才會被索引？Google：數小時到數週 【SEO新聞】Google現在按設備類型進行軟404檢測 Google更新影片SEO！讓影片搜尋最佳化的15種方法（下） 程式設計課程 AllC++C語言JavaPythonPython課程-控制結構R語言 TIOBE7月程式語言排行:Python有望擠下Java與C奪冠 大一生把Python程式碼可視化:Ryven讓debug變簡單！ 2020年度十大Python函式庫-人工智慧·機器學習必備 秀程式設計也能交女友！工程師專屬交友App：VSinder 網站前端開發 AllCSSHTMLJavaScript 基礎JavaScript教學-再談遞增與遞減運算子 JavaScript命名與Java有關嗎？[JavaScript的歷史·特色·應用] 用說的就能寫程式！人工智慧替手傷工程師開發語音程式工具 前端工程師也該會的後端：MySQL的DDLDMLDQLDCL 設計 AllAfterEffectUI/UX設計VFX影片後製 2021年最好用的12個UI/UX設計工具，網頁設計都該試試看 疫情加速電商衝擊店面！富比士:2021年5大UI/UX設計趨勢 UI/UX按鈕設計基本7個原則，優化電商轉換率 年過50歲的日本副社長自學Python！寫出的AI還被雀巢採用 學員見證 AllJava課程Python課程UI/UX設計課程前端工程師課程網路行銷網頁設計 零基礎轉職軟體工程師在職進修Python讓他薪資多50% 進可攻·退可守的一技之長-Python課程結業後成功轉職工程師 被日文系耽誤的工程師魂？Python課程結業後的他，竟錄取全球百大企業！ 研究所開始鋪路未來扎實的Python課程讓我錄取竹科工程師 Home設計UI/UX設計使用A/B測試來改善網站UI設計的30個例子 設計UI/UX設計網站前端開發 使用A/B測試來改善網站UI設計的30個例子 2020-07-16 bySEO 1168 Share Facebook Twitter Pinterest WhatsApp 目錄 什麼是A/B測試範例1：嘗試使用單欄排版取代多欄範例2：在行動呼籲前先給予誘因範例3：嘗試合併類似功能的欄位，避免版面破碎化範例4：讓社群證明價值，不要自吹自擂範例5：不要害怕重複顯示引導指示，只要放在不同位置就好範例6：讓「可點擊」和「可選擇」的外觀有差異範例7：突顯最推薦的項目，避免讓所有項目都看起來相同範例8：讓使用者主動選擇「復原」，而不是重複詢問意圖範例9：清楚描述TA(目標客群)，而不是宣稱「適合所有人」範例10：不會有人被優柔寡斷吸引，多使用肯定語氣吧！範例11：善用色彩對比度來凸顯號召性用語範例12：標示出產品的原產地範例13：別讓使用者填太長的表單範例14：別隱藏頁面上的選項，大方展現吧！範例15：別讓使用者覺得已經「滑到最底了」範例16：保持焦點，不要用連結淹沒使用者範例17：顯示出項目的即時動態範例18：把引導型按鈕的敘述改寫為「能帶給用戶哪些好處」範例19：直接操作比多階層下拉式選單更直覺範例20：若當下就可以操作，就不要再多開分頁！範例21：以過渡形式表現操作導致的UI介面改動範例22：讓先使用者漸進式參與，而不是先要求註冊範例23：嘗試減少線框，不要浪費精力在分割框架範例24：嘗試銷售「好處」而不是功能範例25：謹慎設計「沒有符合的產品」的網頁範例26：讓使用者能選擇「不參加」範例27：保持一致性，避免使用者重新學習範例28：善用「自動填入」以避免使用者重複操作範例29：UI設計應要保留大多數人都習慣的操作方式範例30：「做了能避免⋯⋯」的行動呼籲內容比「做了能得到⋯⋯」更好 UI設計的知識網站「GoodUI.org」整理分享了許多已經A/B測試的UI設計，先幫忙把常見的網頁排版都測完，幫助UI設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B測試（A/BTest）運用了統計學的原理，顧名思義就是眼前有「A版」與「B版」兩種方法，為了測試哪種方法能獲得更好的市場反應，將2種版本同時上線，將消費者導入A或B版網頁做測試。

A/B測試的優點在於可以得到實際的數據，而非依靠主觀意見來決定網站的架構與UI設計，也能不落傳統思維的俗套。

只是各個版本需運行一段時間，待累積足夠的數據，才能確保測試的準確性，也需耗費不少成本。

範例1：嘗試使用單欄排版取代多欄 多欄式排版的UI設計有分散頁面焦點的風險，而單欄式排版可以更好地安排內文敘述，同時從上而到下引導讀者的視覺動線也更加直覺，也能避免於閱覽者分心。

最後可以安排醒目、富有號召力的內容做結尾。

範例2：在行動呼籲前先給予誘因 在UI排版上，先給予像是「送禮」等誘因，是一種基於互惠原則的有效說服策略，同時也是能優化UX使用者體驗、改變顧客想法的最簡單方式。

即使聽起來似乎很理所當然，但嘗試表現出友善的態度，如一封感謝信、小紀念品等，也能讓網站受眾的UX體驗更佳。

這個微小的UI調整，也許會在未來帶來出乎意料的好處。

範例3：嘗試合併類似功能的欄位，避免版面破碎化 範例4：讓社群證明價值，不要自吹自擂 社群的廣泛好評對於提高轉化率是很好的說服策略，當客戶看到其他用戶支持並討論您的產品服務，會增進他們想深入了解的動機。

嘗試蒐集過往客戶的推薦文、滿意度證明或各種可以佐證的數據證明，並放在網頁上吧！ 範例5：不要害怕重複顯示引導指示，只要放在不同位置就好 在跨度大或多分頁的網站中，重複出現讓使用者點擊的行動呼籲是可行的，但當然不是指讓「購買」等按鈕在同一畫面重複顯示10次，這麼做肯定會惹惱使用者……。

重點在於合理規劃欄位分配，因長長的一頁式網頁已相當能被大眾接受，不需像過去一樣，把所有網頁元素都壓縮在一個螢幕大小。

所以在一頁式網頁的最上方設置一個適中的點擊按鈕、最下方放置一個醒目的點擊按鈕，也是符合UX使用者體驗的原則。

根據A/B測試出來的使用者習慣，當使用者「滑」網頁到最底時，看到可點擊的按鍵，他們會停下來思考接下來要做什麼——例如點下那個「購買」鍵。

範例6：讓「可點擊」和「可選擇」的外觀有差異 為了清楚的引導訪客使用網站介面，UI設計師要明顯區分出「可點擊」（如連結或按鍵）、「可選擇」（如選單）和純文字的樣式，不只在設計上要有所區別，同時上方描述文字也必須簡潔清楚。

可以利用視覺元素，例如：顏色、深淺和對比度等，來達到又美觀又可以區分的效用。

例如以圖例來看，設計師選擇「藍色」做為網站上可點擊按鍵的色調，而選擇「黑色」為當前所在頁面的名稱。

簡明扼要的顏色應用就能達到不言而喻的效果。

最重要的是：千萬別使用過多的顏色混淆使用者。

推薦閱讀：為落實“數位優先”的UI設計…Audi,福斯竟將LOGO壓扁了! 範例7：突顯最推薦的項目，避免讓所有項目都看起來相同 有心理學研究表示，當人們眼前的選擇越多，反而會陷入一種「分析癱瘓」的狀態，導致從選擇中挑選的機率越低。

UI設計師為了避免這個困境，比起單純陳列所有的項目，強調突出最主要的商品或服務是更好的做法。

推薦閱讀：UI設計師的配色攻略：5個黑色的設計意義/用法 範例8：讓使用者主動選擇「復原」，而不是重複詢問意圖 想像一下，當按下按鍵或連結，網頁可能會出現兩種提示：第一種是在介面底部出現「復原」（undo）鍵，讓你回復至上一步；另一種則是跳出視窗要你「確認即將要進行的操作，確認後無法復原」。

這兩者會帶給消費者什麼不同的使用者體驗（UX）？ 跳出視窗要你「確認自己在做什麼」會讓使用者覺得備受質疑，而「復原」提供使用者就算操作錯誤也可以回復到上一步的功能，則會讓人感到友善、包容與尊重。

另外，若使用者需重複的進行某項操作，網頁不斷跳出提示視窗，也讓使用者感到操作效率低下，產生不佳的UX體驗。

範例9：清楚描述TA(目標客群)，而不是宣稱「適合所有人」 網站是瞄準特定族群還是面向普羅大眾？即使鎖定客群的策略有風險，讓網站在短期內失去一些潛在客戶，但誠實與公開透明才是與消費者信任的基礎。

網站清楚描述產品或服務的目標族群畫面，可以讓網站吸引到相似特質的使用者，同時透露出的「排他性」會讓使用者感到自己是被重視的，並建立出親近感。

範例10：不會有人被優柔寡斷吸引，多使用肯定語氣吧！ 當你收到一封語句充滿「也許、可能、說不定」的信件，以及收到一封肯定且充滿信心語句的信件，哪個寄件人會讓你覺得比較能信任？相信大部分的人都會認為答案明確的信能讓人安心吧！ 優柔寡斷會降低信任感，如果網頁上常使用問句或不確定性的字詞，例如：有興趣嗎？想購買嗎？會讓消費者覺得你對產品或服務信心不足，這時候可以使用更具權威性、專業性的語句，像是如何帶給顧客良好的產品或最佳的UX使用者體驗。

範例11：善用色彩對比度來凸顯號召性用語 醒目的行動呼籲性（CTA，Call-to-action）可以使你的UI介面更加強大。

有多種方式能輕鬆提高CTA：如透過深淺色調、陰影、漸層或對比色的手法來增加畫面上的對比性，提升被使用者注意到的機會。

範例12：標示出產品的原產地 為產品添加名稱、圖片與原產地標示都展現出獨特性方法。

特別是提到國家、地區或城市，因為這正如人們自我介紹來自哪裡一樣，是一個非常人性化的交流方式，也會顯得更加友善。

另外，說明原產地故事也能讓產品與產地名聲達到雙贏。

範例13：別讓使用者填太長的表單 人類天生就牴觸勞動密集的行為，這個理論同樣適用於讓顧客填寫表單，每多一個表格就增加使訪客轉身放棄的風險！並不是每個人都能飛快地打字，更別說在移動裝置上打字仍然不輕鬆。

檢視是否每個表格都有必要回答，並盡可能減少表格數量。

如果必填欄位真的為數眾多，可以嘗試讓最重要的資訊先讓使用者填寫完，提交後再出現一個單獨的頁面，請使用者繼續填寫第二重要的資訊。

範例14：別隱藏頁面上的選項，大方展現吧！ 下拉式選單的優點在於可以增加頁面的空間，若是要選擇可預期、已熟悉或高度重複操作的項目（如：生日、日期或地區）那使用下拉式選單是個不錯的策略。

但對於使用者來說，下拉式選單隱藏了一組他們要努力去發現的選項。

這些選項若是跟產品有關，而且是交易流程中必經的，那你可以考慮不要隱藏這些選項，這樣可以提升網頁著轉換率 範例15：別讓使用者覺得已經「滑到最底了」 長型的一頁式網站是趨勢，但若是UI設計不良、看到一半就讓使用者誤以為「已經滑到最底了」，這可是會大幅扼殺轉換率的。

UI設計師可以建立一種固定的視覺模式或節奏，例如圖標或是小動畫，來引導使用者「網頁還沒看完，下面還有內容」。

設計時也需注意欄位之間留白區域的尺寸：過大的空隙會讓人誤以為已經沒有內容了。

範例16：保持焦點，不要用連結淹沒使用者 為了滿足使用者可能的所有需求，有的網頁會在上下左右都貼上「連結」，但其實每多安插一個的連結（例如：「按這裡以了解更多」），就會增添讓使用者分心的風險，讓他們沒辦法滑到最後、看到你的CTA（行動呼籲）。

附上連結不是錯誤，只是數量與位置都要妥善規劃。

減少多餘的連結，可增加讓使用者注意到頁尾CTA（行動呼籲）的機會。

範例17：顯示出項目的即時動態 在UI設計中，常會以不同方式表現出項目的不同狀態，例如：E-mail上可標記出未讀或已讀、帳單明細會顯示已繳清或未繳的帳目等。

而向使用者顯示項目所處的狀態是提供反饋的好方法。

即時動態可以幫助消費者確認是否已經操作過了、操作是否成功、以及接下來應該進行什麼動作 範例18：把引導型按鈕的敘述改寫為「能帶給用戶哪些好處」 想像一下若是眼前的網頁上有兩個按鈕，其中一個標示「能替你省下一大筆錢！」，另一個寫著「點這裡註冊」，肯定大部分使用者都會被前者吸引。

前者就是所謂「能帶來好處的按鈕」，能替使用者產生價值；而後者則是「任務導向的按鈕」，代表使用者耗費時間跟精力。

而「能帶給使用者好處」的按鈕自然有較高的轉換率。

範例19：直接操作比多階層下拉式選單更直覺 直接處理畫面上的資訊，有時會比使用整合工具列還直覺，如多階層下拉式選單（contextofbutton）雖然十分常見，但過多的階層可能會增加操作的步驟，所以下次設計時不妨考慮減少階層或直接操作的方法。

範例20：若當下就可以操作，就不要再多開分頁！ 當我們希望使用者做有價值的動作，如：留下聯絡方式、基本資料等，最好把填寫用的欄位或表單放置本頁上。

若能與頁面整合在同一層，會比讓使用者連結到別頁輸入資料來的好。

精簡流程、讓使用者花最少的時間就能了解頁面資訊，並將簡單易懂的表單放置於該頁面上。

除了方便性，也可藉此讓使用者預估填寫所需的時間，會更加增加使用者填寫的意願。

範例21：以過渡形式表現操作導致的UI介面改動 當使用者在與UI介面互動時，UI設計成能藉由隱藏、顯示、移動或調整大小等變化來回應使用者的行為，也能協助使用者理解介面的使用方式 其實在變化過程中增加一些動態變化，也能達到尊重使用者的效果：故意延遲、以過渡形式表現尺寸或位置的變化，能讓使用者有更多時間、更有餘裕地去理解網頁的變動。

但需要注意的是，動態效果的時間最好在0.5秒以下，過長就可能引起使用者的不悅——特別是想要快速完成流程的使用者。

範例22：讓先使用者漸進式參與，而不是先要求註冊 比起劈頭就要訪客馬上註冊，不如先讓訪客們有機會體驗產品，或至少讓訪客先觀看使用案例、過往客戶回饋或是介紹影片！在訪客還在建立第一印象時彰顯出產品的功效，亦可以表現出與他牌的不同。

一旦使用者看到您產品的價值、並體會到能帶來的價值，他們會更樂意接受您之後分享的其他訊息。

「漸進式參與」即是一種盡可能推遲註冊過程，但依方面卻能增添使用者主動註冊動機的方法。

範例23：嘗試減少線框，不要浪費精力在分割框架 使用者的耐心與時間都有限，所以網頁如何爭分奪秒地抓住他們的注意力就十分重要。

常見的設計會利用線框（border）來強調劃分不同內容，但也正是因為線條的明顯具體，反而導致使用者耗費更多專注力，因為線框區分出的區塊（box）若過多或安排不當，會讓人感覺雜亂不齊。

解決方法如：在設計之前就定義好內容與視覺之間的關係（例如色彩設計）、減少不必要的區塊、對齊不同的背景色，才能有效地減輕使用者的閱讀難度。

範例24：嘗試銷售「好處」而不是功能 克里斯‧古利博（ChrisGuillebeau）在《100美元創業》（The$100Startup）一書中寫道，人們真的很在乎愛情、金錢和自由，也希望同時能減少壓力、衝突和麻煩。

人們在挑選產品時，考慮的點除了性能外，更在乎這個產品能如何帶給他們好處－－例如若能同時幫他省錢又省力就太好了。

而這就是產品能帶給顧客的價值所在，也是他們會掏錢的關鍵。

所以網頁的說明別只向顧客說明產品或服務內容，說明能為顧客帶來哪些好處吧！ 範例25：謹慎設計「沒有符合的產品」的網頁 如何在網頁上呈現數據是一套學問，只是許多UI設計擅長表現1000個以上的數據，結果卻忽略了「零數據」的情況－－當使用者想搜尋符合特定條件的商品未果時，跳出的「搜尋到0個商品」。

或者另一個情況：當初使用者查看您的網頁時，在沒有任何引導的情況下操作，導致顯示0數據，這會有讓使用者感覺被忽略的風險。

此時，有sense的UI設計師會使用「網頁使用教學」或提示來取代冰冷的「搜尋到0個商品」頁面，讓使用者感受這個網頁是有人性的，營造暖心的UX使用者體驗！ 推薦閱讀：改變UI/UX竟讓友情加溫、麵包烤更香！Netflix紀錄片揭露設計師巧思 範例26：讓使用者能選擇「不參加」 傳統行銷策略上，會只有一個寫著「我想要…」的方框（checkbox）以供勾選，若不想參加則可以不勾選。

某些粗魯的行銷手段甚至會預設設為勾選，常讓使用者一不留意就「被答應」了。

更好的做法是將正反向的選擇各放一個方框，告訴使用者「你可以要也可以不要」，然後再替使用者默選其中一項。

因為此舉可以減緩當使用者不想參與時的牴觸感，亦可可讓使用者潛意識產生「所有人都照原樣進行，那我也這樣做吧」的想法，進而讓我們的目的更容易達到，還不會引使用者的反感。

畢竟行銷道德也會影響使用者對品牌的評價。

範例27：保持一致性，避免使用者重新學習 世紀最有影響力之一的設計師唐．諾曼在《設計的心理學》中闡述，產品設計的最終目的，是為了讓產品符合使用者的預期。

這個概念也是人因工程的核心概念之一，也就是「一致性」。

維持「一致性」的產品易學易用、錯誤較少，可以減少心智工作的負荷，可以說是人人都期望中的產品。

而網頁的一致性同樣能幫助使用者容易學習，若破壞一致性原則，使用者就得重新學習一次。

在介面上，一致性可藉由如顏色、形狀、大小、標記或語言等方式完成。

不過，當有需凸顯的內容時，依然可以使用「不一致」的元素吸引使用者注意。

範例28：善用「自動填入」以避免使用者重複操作 從UX使用者體驗與轉換率的角度來看，最糟糕的事莫過於一遍遍地詢問人們已經提供的資料。

提供預設值或自動填入之前填過的資料，再讓使用者檢查正確性，都比每次要他們重新輸入來的好。

盡量減少使用者的操作流程並節省他們的時間，絕對是有益處的。

範例29：UI設計應要保留大多數人都習慣的操作方式 同樣是基於「一致性」原理，維持常見的操作習慣也是很重要的。

如果在整個UI介面上保持慣常的操作模式，使用者自然不會遇到太困難的阻礙。

如圖例，人們已經習慣在介面右上角會有表示關閉的「X」圖示，就如呼吸般自然。

當然，新的操作模式也許可以帶來耳目一新的感覺，但在推翻傳統，必須謹慎思索改革的目的與成效。

範例30：「做了能避免⋯⋯」的行動呼籲內容比「做了能得到⋯⋯」更好 損失規避理論（Lossaversion）指出，當人們面對同樣數量的收益和損失時，會認為損失更令他們難以忍受。

也就是說，人們當然喜歡獲得，但更討厭失去！ 這個理論可以套用在產品設計和使用者溝通。

例如若產品的目的是保護客戶現有的財富或安全等等，比起推銷客戶還未擁有的東西更能說服客戶購買。

在上圖的網站UI設計A/B測試中，左側的行動呼籲是「請這樣做，以免失去你的健康、財富或朋友」；右側的則是「請這樣做，就可以增加你的健康、財富或朋友」。

左側的「恐嚇式描述」會讓人聯想到事情發生時（如失去財富等）的嚴重性，就按下「DoThis」按鈕以先預防，因此比起右側的敘述更有「讓人不敢拒絕」的說服力。

標籤A/B測試CTATAUIUI/UXUI介面UI設計UXUX使用者體驗一頁式網站下拉式選單單欄排版恐嚇式行銷損失規避理論網頁排版網頁表單網頁設計行動呼籲 Share Facebook Twitter Pinterest WhatsApp Previousarticle特效不夠人工智慧來湊！迪士尼換臉AI達百萬畫素Nextarticle程式開發工程師曝「只有國小畢業」！因為Java課程而求職順利 你可能也想看 2021年最好用的12個UI/UX設計工具，網頁設計都該試試看 SEO-2021-10-15 疫情加速電商衝擊店面！富比士:2021年5大UI/UX設計趨勢 SEO-2021-09-07 UI/UX按鈕設計基本7個原則，優化電商轉換率 SEO-2021-09-03 年過50歲的日本副社長自學Python！寫出的AI還被雀巢採用 SEO-2021-04-29 基礎JavaScript教學-再談遞增與遞減運算子 SEO-2021-04-11 介面、體驗大不同！UI設計/UX設計工作內容完整剖析 SEO-2020-08-27 前端工程師也該會的後端：MySQL的DDLDMLDQLDCL SEO-2020-08-19 今年10月即將入手的新身分證，它的UI設計有啥亮點？ SEO-2020-03-27 落實「數位優先」的UI設計，Audi、福斯把Logo壓扁了？ SEO-2020-01-19 UI設計師的配色攻略：5個黑色的設計意義/用法 SEO-2020-01-19 00:01:41 改變UI竟能增進友情、UX讓麵包烤更香？Netflix紀錄片揭露設計師巧思 SEO-2020-01-19 6個酷炫HTML5電子書翻頁效果 SEO-2020-01-17 JavaScript 為什麼學習網頁前端一定要掌握JavaScript？ SEO-2019-12-20 今天達內教育要跟大家分享的文章是關於為什麼學習網頁前端一定要掌握JavaScript？在前端的世界裡，沒有什麼是JavaScript實現不了的，關於JS有一句話：凡是可以用JavaScript來寫的應用，最終都會用... AfterEffect 【網路行銷影片VFX後製】三秒完成的十種AfterEffects標題文字特效 SEO-2019-09-26 網路行銷影片的文字標題太無聊？使用特效吧！根據國外有32萬人次訂閱的VFX影片後製教學頻道「SonduckFilm」精選出來的Top10... VFX影片後製 VFX剪輯高手揭露:新手常犯的影片後製10大誤區 SEO-2019-09-26 國外一名擁有十多年經驗的VFX影像後製/剪接師，分享了一些新手剪輯師常犯的錯誤——你會驚覺，這些錯誤是如此的常見。

有可能是因為新手們不太清楚以下的剪輯小撇步： 這篇文章中，列出了10個新手們常犯的剪輯小誤區，只要避免這些錯誤，你在剪輯的工作上就能更加流暢，有立竿見影的效果。

其中四個是關於工作整理、三個關於音效編輯、另外三個則是其他你沒想到的問題。

目錄： 凌亂的的資料夾 混亂的時間軸 錯誤的版本管理 沒有自動儲存或檔案備份 音軌不順或雜音四起 平庸的背景混音 馬虎的配樂編輯 差強人意的標題與字幕 錯誤編碼和影片速率 缺乏自我專業度的提升 凌亂的的資料夾 ▲凌亂的的資料夾示意圖 身為一個影片剪輯師，擁有一個分類整齊、一目然的資料夾是必備能力。

他能讓你的其他工作夥伴，一看到你的資料夾，就知道你目前的工作進度，並且順暢的接手剪輯的工作。

這樣的工作習慣不但能讓你在與其他剪輯師交接工作時更加順利，也將減輕你的工作負擔，讓你在開始工作時，更快銜接上上一次的工作進度。

所以，請將你的資料夾按照一定的邏輯分類，並在資料備份的硬碟中，也要保持一致的分類邏輯。

另外，你也必須確保你備份了所有下載的影音檔、螢幕截圖以及檔案。

你絕對不會知道當別人在離線的狀況下，看到你的檔案還需要上雲端去下載的時候，內心多麽崩潰。

所以，這舉手之勞可是會讓別人大大感謝你的。

其實，檔案管理不只讓新手剪輯師苦惱。

今天不管你是不是剪輯師，有效管理檔案都能讓工作事半功倍。

若你也對檔案管理毫無頭緒，這裡的小技巧能讓你凌亂的數位檔案乖乖就緒，再也不會像迷宮一樣令人頭昏！ 混亂的時間軸 ▲混亂的時間軸示意圖 井然有序的時間軸，可以讓別人輕易的找到特定的剪輯片段，並且讓片段順序組織化。

在較大型的專案中，若沒有這樣的習慣，很容易使你的工作變得一團亂。

遵從以下幾點，就能避免時間軸混亂的災難： 替你的影像軌、音軌命名 讓每個組件都在指定的影像軌、音軌中 善用顏色標籤來分類不同類型的剪輯片段 別在時間軸的結尾任意留下垃圾 錯誤的版本管理 This... 網站前端開發 零基礎想當前端工程師，如何自學? SEO-2019-08-12 今天小編要跟大家分享的文章是關於零基礎如何自學成前端工程師。

目前網路發展迅速，前端也成了很重要的崗位之一，前端開發是很簡單的程式設計，甚至都不能叫做程式設計，因為它真的很簡單，很多想要轉行進入IT行業的新手會選擇前端工程師。

那要怎麼自學?下面就來和小編一起來看一看文章吧~首先我們學習前端，要知道前端的三個大內容，HTML、CSS、JavaScript，其中HTML和CSS是相互結合著學習，掌握了這兩個了以後我們就算真正入門了，然後再深入學習JavaScript等等。

一、首先我們要理解... 最新文章 油價漲免驚！GoogleMaps用人工智慧規劃「最省油路線」 AI人工智慧 2021-11-17 FDA批准內視鏡AI測腸癌靈敏度99.7%！人工智慧醫療再突破 AI人工智慧 2021-11-16 無接觸經濟正熱，借力人工智慧反洗錢不費力 AI人工智慧 2021-11-08 FLoC取代Cookie爆4大爭議，Google提出新解「主題取代群組」 Google 2021-11-01 「高顏值」人工智慧WinGo自動分類垃圾，回收資源還能換美食！ AI人工智慧 2021-10-18 2021年最好用的12個UI/UX設計工具，網頁設計都該試試看 UI/UX設計 2021-10-15 AI增添步槍精準度，以色列戰隊藉助人工智慧取勝 AI人工智慧 2021-10-06 會說英文就能寫程式！OpenAI推人工智慧編程工具Codex AI人工智慧 2021-09-27 全球首例：南非法院認定人工智慧DABUS為專利發明者 AI人工智慧 2021-09-24 人工智慧也跨界心理治療！24小時待命的認知治療AI-Woebot AI人工智慧 2021-09-23 熱門文章 IBM背書！入行AI人工智慧必學Python的8大理由 Python 2020-01-19 五部人工智慧電影告訴你：未來人類會與AI談戀愛⋯⋯還是被毀滅？ 電影 2020-08-05 零基礎轉職軟體工程師在職進修Python讓他薪資多50% Python課程 2021-07-20 6個酷炫HTML5電子書翻頁效果 HTML 2020-01-17 APCS是什麼？所有APCS檢定的問題這篇都會回答你！ APCS檢測-高中升大學資工系指標 2020-01-19 人工智慧再突破！史上最強解馬賽克技術64倍解析度還原成無碼 AI人工智慧 2020-07-01 新網頁要多久才會被索引？Google：數小時到數週 SEO 2021-07-14 【機器學習懶人包】10種演算法圖解-從監督式到非監督式學習 AI人工智慧 2020-06-16 來跟GOOGLE人工智慧玩吧！讓GoogleVisionAPI說出你的圖片是什麼 AI人工智慧 2020-01-19 AI知我心！能夠判別憂鬱症的人工智慧 AI人工智慧 2021-07-23