新聞中心 - 聯成電腦

聯成電腦講座：【線上免費直播】創業必知心法

🔺時間：2022/09/29 (四) 19:30-20:30 🔺地點：聯成電腦Facebook、YouTube 🔺講師：晶準企業有限公司創辦人暨總經理－William 講座內容 👔創業這條路再辛苦也要走上！ 10個裡面有9個都說創業非常辛苦，那為什麼還是有這麼多人想創業呢？ 👔創業各種疑難雜症？問題百百種～小編挑出TOP 5大家最常問的問題給老師解答！ 👔創業必備心態！想當創業家必須要有強大的心理素質！最忌諱心態崩壞啊！ 👔創業乾貨雙手奉上！讓你的夢想有個好的開始！活動介紹想創業當老闆？想實現時間自由、財富自由？創業過程其實沒有你想像中的那麼美好！從踏上創業這條路的那一刻千百種、千萬種的問題在等著你去解決連要如何開始都是個問題～這場講座將跟大家分享有關創業會遇到的各種難題！從最初的開始到後面真正要執行時前前後後容易遇到的問題加碼送上「創業必做事項」乾貨！讓我們為你的夢想助攻🙌 講師介紹 1️⃣ 晶準企業團隊102年成立至今致致力協助企業取得政府補助計畫，截至110年底，實際累積取得補助金逼近8億元，同時也協助數百間公司進行輔導轉型 2️⃣ 107年獲選金炬獎年度十大企業與年度經理人獎項 3️⃣ 晶準顧問團長期在中原大學擔任創業顧問 4️⃣ 109年先後成立兩座商務中心與會議空間，事業版圖從科專計畫專業規劃拓展到創業0到1的顧問輔導 🔼 劉威麟 William 創業輔導顧問政府科專補助規劃、商業模式設計 🔸 榮獲第十四屆金炬獎十大企業的殊榮 🔹 WIN MAKER商務資源學院創辦人 🔸 晶準企業有限公司創辦人 🔹 宸品實業有限公司創辦人 🔸 金華管理顧問有限公司創辦人 🔹 華暘國際智權股份有限公司創辦人 🔸 萬企創業加速器股份有限公司創辦人 🔹 國際創新創業發展協會專案顧問 🔸 中原大學產業加速器暨育成中心創業輔導顧問 🔹 累積千間公司專案顧問 YouTube直播影片追蹤起來 👉追蹤聯成電腦官方Facebook 每週給你乾貨 👉加入聯成電腦官方Line @ 追蹤最新活動消息 👉訂閱聯成電腦官方YouTube找到一起努力的好夥伴 👉痞客邦官方BLOG學習電腦必備秘笈

活動公告講座創業

聯成觀點：接案老司機，超強4招！

許多人嚮往接案的自由生活，覺得那是一件美好的事。但其實接案是一場生存大考驗，通常大家腦中對接案的完美想像包含了「時間終於自由了」、「我可以不用再聽主管的」、「賺點外快好像很不錯」。但其實真正接案有很多問題跟挑戰，包括「稿子被一改再改，客戶還很理直氣壯」、「始終無法讓客戶接受自己的設計理念」、「不知道怎麼跟客戶溝通才能更有效率」，太多的小細節，太多你沒想過的狀況，會讓你在接案的前期，挫折連連甚至打退堂鼓。這裡提供4個接案招數，讓你的接案之路越走越順，讓你在每次接案提案的過程，都可以順利過關，並且做好的東西都不會被改。一步一步練就成為接案老司機。第一招，溝通力！除了問還是問，你必須了解客戶你對你的客戶了解嗎？就像是替病人醫病，需要找到病人真正的痛點在哪裡。這樣才能對症下藥。可以透過５Ｗ提問，確認這次案件的方向與目標： 1. What│這次想解決的問題是什麼？ 2. Why│為什麼會有這次的企劃需求？ 3. Who│這次企劃的對象是誰？ 4. When│預計在什麼時候執行這個企劃？ 5. Where│企劃完成後要在哪裡展示？逐步確認，歸納客戶真正的需求。取得越多資訊，歸納出越多精準的目標。有助於達成共識，也能避免做完之後一再地修改。第二招，感染力！除了懂還是懂，你必須感動客戶當你不把客戶當客戶，而是把客戶想完成的夢想，當成自己的夢想，與客戶一起圓夢。你對客戶所處的市場要有全盤的了解，客戶主要的特色跟賣點是什麼，對客戶的成長脈絡也需要有深入的掌握，這樣完成的作品才會有差異性，也才能對客戶的味，因為你應該要比客戶更懂他們自己。第三招，執行力！除了練還是練，你必須最熟悉整份提案通常客戶沒有太多時間可以聽長篇大論的述說，你必須學會將想表達的理念排除雜訊，提綱挈領。培養邏輯架構的能力就很重要，試著用「一頁企劃」來講述自己的理念，務必要不斷釐清自己的策略與想法，凝聚想傳達的核心概念與主軸，提高內容的質量，而不是展示過多的份量。你必須不斷演練這次的提案，怎樣的程度算是練好了？那就是你可以在不看稿的狀態下，侃侃而談說出這次的構想。第四招，真實力！除了記還是記，你必須累積經驗最後，每一次結案之後，別忘了將好的部分，或是需要檢討改進的部分，都留下記錄，並且經過沉澱整理過，再將這些知識系統化。這樣每一次的經驗累積，就可以成為一個很好的個人寶典。也能夠慢慢塑造出屬於自己的個人特色，找出自己跟別人不同，有差異化的設計風格。這些寶貴的養分，豐厚的實戰經驗值，可以你展現你個人的專業度，在之後接案的過程裡，讓客戶對你有信心，放心把案件交付給你執行。或許在實際接觸接案後，會覺得接案並不是原本想的這麼美好，尤其是在初期剛起步的時候，每一個環節都必須自己來，案件客源不穩定，面對難搞的客戶常常不知所措。但如果成功累積了自己的經驗，培養足夠的口碑與人脈，案件就會慢慢自動找上門，這時候就可以體會，接案帶來的滿滿成就感，也更有機會讓自己真正主導自己的時間與生活。「成功路上並不擁擠，因為堅持的人不多」你堅持了，走下去了，成功就離你不遠。 ►推薦閱讀：小編網紅必學！6秒吸睛術！痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

聯成觀點平面設計接案創業職場

聯成電腦職場談 II：給新鮮人求職前的準備建議

文、Livia Yang 作者簡介｜Livia Yang Adventurer, UX Designer, PM in China. Stay Hungry, Stay Foolish 在【產品經理職場談】帶你認識互聯網產品經理這篇文章中，我們聊到產品經理是一個非常要求綜合能力的崗位，隨便翻翻產品經理的崗位描述，要求具備用戶調研、需求管理、商業洞察、數據分析、團隊協作、文檔撰寫、懂基礎開發技術、會使用Axure原型工具等能力，記得當初我看到也是心一涼，覺得這十八般武藝要樣樣精通也太難了吧！(暈) 那麼對於新鮮人來說，我們可以怎麼開始第一份產品工作呢？别急，先想想2年後的你是怎麼樣的呢？我覺得不管是找哪類型的工作，很重要的是，要先靜下心來思考：未來的你想變成什麼樣子？2年後的你會在哪裡？又做著什麼樣的事呢？以產品相關的職位來說，產品策劃(即一般所稱的產品經理) 、產品運營、交互設計師、用戶研究員、用戶體驗設計師等的工作側重點都不一樣，在整個產品設計流程中也扮演不同的角色，能力要求上雖然會有部分重疊，但亦會有專業度的要求。所以，要先知道自己未來想擔任什麼角色，才知道要累積哪些相關能力。舉個例子來說，創業公司因為資源有限，有時產品經理會負責進行用戶調研工作，這時會要求產品經理具備基礎的用戶研究知識，例如能選擇適合的調研方式、避免引導性的問題、確保樣本蒐集的合理性等，但工作重心仍在需求管理和團隊協作，所以如果想要從事產品經理崗位，要知道核心能力還是在於需求的把控力和產品思維的成熟度，相關訓練的優先級就要提高。而有的大公司會有獨立的用戶研究部門，產品經理提出調研需求後，用研部會根據自身的專業，規劃一套適合的調研計畫，最終輸出調研報告，可能包含對產品方向的建議，幫助產品經理做後續的決策，所以想要從事用戶研究員的話，熟悉調研方法、訪談技巧等才是首要培養的能力，而產品設計和規劃則次之。那要如何了解自己適合哪個崗位呢？我覺得最快的方式可以先通過網上搜尋資料，熟悉大概的行業背景和鎖定可能有興趣的範圍，接著找從事相關職位的前輩或朋友聊聊，對於各崗位的職責分工會更清楚，也能聽聽不同人的經驗分享，最後，篩選出自己未來職涯可以嘗試的幾個選擇。小新創還是大公司好？其實這個問題的答案沒有對錯，完全取決於我們想要的是什麼。剛畢業時，我很喜歡新興的商業模式和創業氛圍，並且希望能夠獨立負責項目，所以毅然的選擇了新創公司，在扁平的組織架構下，我有許多機會說出自己的想法並實踐，一人身兼多工也學習了不少技能，但創業公司有點像在黑暗中點著蠟燭前進，尤其是對於當時身為社會新鮮人的我來說，雖然有很大的發揮空間，但也常自我懷疑不知道做的對不對？不知道是否想法和做法因為經驗不足而過於狹隘？所以後來我加入了大公司，開始學習標準化流程和跨部門合作，同時也看到一個跨國企業是如何進行全球佈局，也激發我想要到海外工作的念頭，最終我選擇了大陸，因為這裡的互聯網多元性和機會更大。帶著目的去，你才知道為了什麼奮鬥，什麼時候該留下來，而什麼時候又該啟程，開始下一段冒險。如果套用到產品小白來說，小新創可以提供較大的產品設計空間，團隊彈性和機動性也較大，並且有機會接觸到業務的各個面向，有助於未來的全局性思考，但同時可能會面臨產品定位不明、策略方向朝令夕改、組織分工混亂等無所適從的狀況，且缺乏基礎紮實的產品訓練。而大公司則相反，可能是一個小螺絲釘的執行者，但能在制度體系下學習各種方法論，當然具體狀況還是因不同公司而異，畢竟公司文化和組織架構也影響頗深。所以還是回到這個問題：你想要的是什麼呢？帶著這個目的，去選擇最適合你的那家企業吧！還沒工作經驗，如何有個產品腦？雖然說萬事起頭難，不過別想這麼多，只要開始了，就不難囉！關於培養產品思維，我覺得有個很好的訓練方式：寫產品體驗報告。產品體驗報告會包含某個產品的市場現況、競品分析、商業模式、目標用戶、使用場景、產品功能、交互體驗等，最後可以補充上自己的思考，甚至是提出功能優化點。簡單以街口支付來舉例，它是一款能在生活中實現小額行動支付的App，在產品體驗報告中我們可以 1. 從台灣的行動支付市場來做概述：目前的市場規模大小如何？前三名的行動支付廠商有哪些？各自的優劣勢如何？ 2. 假設有街口支付、Line Pay、Pi錢包，且都屬於刷條碼的方式來傳輸交易資料，我們可以進一步分析在核心功能，即支付的流程上，三者有哪些異同之處？為什麼？各有什麼優缺點？使用上的感受如何？(可以先化身成用戶小白體驗每款應用，截圖製作成一個完整的功能流程圖) 3. 接著針對街口支付，整理出其目標用戶和使用場景，以及整體的產品框架(建議使用xmind思維導圖)，在不同的場景下，用戶是如何操作應用，以及可能未滿足的需求有哪些？此階段可以都圍繞著核心功能來描述即可。 4. 針對未滿足的需求，可以嘗試畫幾個簡單的原型，說明為什麼可以解決用戶的問題？以及不同方案的優缺點，哪一個最切合產品目標？驗證的數據有哪些？產品體驗報告寫起來是個浩大工程，需要花較多的時間，初期可以採取模仿的方式，選擇一個模版，根據它的架構來填充內容，後期慢慢形成自己的一套思考模式後，就能加入更多個人的想法，過程中也建議多與他人交流，了解不同人使用產品的感受。產品體驗報告主要是呈現我們對產品的分析思路，不需要像論文一樣非常完整，可隨著越加熟練後慢慢增加內容，避免壓力太大而無法持續，或是久久才生出一篇報告。如果是通過線上課程或書籍來學習完整的產品體系，也強烈建議選擇幾個市面上的產品套用到所學的理論或模型上，才能內化成自己的知識，如果可以整理成文檔，也是很加分的面試作品集哦！文章轉載自「medium」，已取得作者授權同意，原文為：【產品經理職場談】給新鮮人求職前的準備建議痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

好文分享產品設計職場創業 Livia Yang

聯成電腦分享：《職場新鮮人》讓未來的你，感謝現在的自己 / 下

Photo by Per Lv on Unsplash 文、鋼鐵V 走闖職涯受邀到元智大學與大學生分享「追求夢想」主題，希望透過此篇文章整理，讓即將畢業的畢業生、社會新鮮人能重新審視並調整自我腳步。此篇將提及到如何透過「刻意練習」增強自己的實力。作者簡介｜鋼鐵V 走闖職涯 ( 薇琪徐) Fashion World, Fancy World. 數據人於時尚精品業努力奮鬥史 | 若有所思，必須要有所作為，才能萃煉出更高的生命價值。| 用有限生命的知識力量，來衝撞舊有社會體系。關鍵評論網、XChange、面試趣專欄作家。 ► 回顧上篇文章：《職場新鮮人》讓未來的你，感謝現在的自己 (上) 第二部分：「我想」和「我能」的差距是什麼？大多數人的困境和迷網都源自於自己的才能配不上想要追求的夢想，或者是擔憂著自己的學歷不夠好。有了知識打底下一步該怎麼走？在求職面試中，最常見的面試題之一就是：「你為何要選擇這份職業？」有些人會回答：「我喜歡這種工作。」這個回答本身並無大礙，但面試官清楚，光有喜歡是沒用的，這個世界上很多工作都是「枯燥」的，並不是每個人當初想像的那麼美好。所以，面試官更希望聽到的是與工作相關的你的能力和優勢。由此可見最主要的問題是缺乏「執行力」、「定義問題」和「自我認知」的能力。假如，今天有一份你很渴望得到一份行銷工作，在徵才要件裡面清處寫到「數據能力」、「行銷策略」和「英文能力優」，因為缺乏英文能力而退卻。在這些要點上面，重點並不是英文能力佳，其實怎麼樣培養自己的行銷、數據能力。我有朋友雖然英文不好，但是主管在面試時後直接說：「我們看中的本來就是不是你的英文能力，是你的專業知識，是你在產業上面累積的經驗、還有擁有創造的血脈。英文？進來之後再慢慢練吧！」「我想」和「我能」是很多職場人士的困境，我們總想要做個好員工、好的管理者，五年內的計畫又是如何，卻忘記改變當下的自己，提升自己的才能，或者如何將不能變可能。 ▍夢想太大，沒有實際執行，卻離終點越來越遠；想多了，你最後什麼都不會做用行動改變你的心態才華就是核心能力的累積，不僅要多方嘗試，更要堅持在這些事情上面，你可能曾經聽過刻意練習，提到了「一萬小時定律」，意即要精通一項技能得要花上一萬小時才行！但算算看一萬小時，也要五年。我個人認知是，現在要精通一些才能，是要多方吸取經驗，利用就有累積的經驗來持續改善自己的學習路徑。刻意練習：20小時學好ㄧ項技能在 Ted 演講上面，喬許提到了：「學習一項技能並不是要成為專業人士，而是為了獲得樂趣、夠用就好。在確定要邁向世界高手之路前，也得先讓自己試試20小時來上手。」 ▍3 招聰明學習法 + 20小時 = 學會新技能 1. 聯想過去經驗＋拆解步驟和任務：如何有效達成學習目標，首先可以先回一下，在過去我們學習新事物時候，通常會以什麼方向下手？透過什麼管道？想要達成什麼目的？有了目的之後，將你的目標儘可能拆解成小片段，就能看見有哪些目標要達成，接著決定你要做到哪個程度，選擇出最重要的部分開始練習。可以透過記事本的方式，來監控自己的學習速度。 2. 學習到你能自行修正的程度：通常學習效率高的高手，其實他們都能從自學過程中，不斷與過去的自己做比較。因為熟知自己的狀態，所以能得到自我反省和修正的階段。我之前在學習英文時候，都是等老師來糾正我，其實無形之中，已經養成了依賴的懷習慣，變得懶惰、懶得去積極改善。但我開始正式到英文的增進，很重要的一點是自己必須要 self awarenes（自我反省）。 3. 找到學習最佳的動力：找到一個可以獎勵自己的因子，比如説，寫作可以訓練頭腦，同一時間可以認識很多寫手和建立起自己的個人品牌，當大家提到我時候，我想到我的專長是在哪部分、我的價值和貢獻度又在哪裡，這對我而言就是強大的動力。如何發掘自己的能力和優勢？畢業後，才會發現招聘其實是一件相當殘酷事情，尤其現在到處可以學習機會。還記得當初，英國學校畢業時候，滿懷抱負回到祖國，投了一百多家公司，要不是無聲卡，就是謝謝您的參與。我才知道社會的殘酷，品牌企業、外商公司在徵選人才時候，設立門檻，譬如英文檢定、職務相關科系，GPA成績、實習經驗等，因為沒有事前準備，所以在履歷這關，常常也是止步。因此，我們要如何累積自己能力和經歷呢？必須要提到能力的的三個層次：專業知識、可轉移能力、自我管理能力。 1. 專業知識：就業以後一定會牽涉到某個領域的專業之，比如學經濟的人，畢業後想要學著當業務，當然聽起來門檻並不高，有些新鮮人可能覺得我很會交朋友、溝通技巧很好、反應力很快，基本上就已經達到了可以當業務的基本門檻。其實不盡然是這樣，好的業務，要對產業要有認知，同一時，有賣產品的天份，從對話裡面了解到現在顧客痛點，進一步了解怎麼包裝一個好的故事，讓顧客願意買單等。 2. 可轉移技能：具體呈現，在一個人所能從事的工作內容。往往透過觀察、實踐、思考、熟練等過程來掌握。基本上，打開工作網站，很少看到無經驗工作，基本上都會要求一年的工作經驗，如何讓沒有經驗的人脫穎而出呢？就是連結到可轉移的能力。像是溝通、團隊合作、表達、分析、抗壓等技能。 3. 自我管理技能 (self disciple ) ：一個人所表現出來的特徵和品質。對於工作要有責任心、衝勁、還有激情。當能力都到到了，有時候就比較誰對於工作有責任心，可以將工作推付給他們。就是是為什麼新創、大公司都很在意culture fit，有些人能力可能很強，但卻不見得適合公司文化。有實力，我們才能有權選擇在個人職涯發展的金字塔中，有五個層次。就是需要的是五個層次的能力：體力、知識、技能、資源和天賦。其實你只有體力就可以找到工作，但你甘心只做體力活來賺取生活費用，還是要將自己提升賣知識、技能等的層次呢？所以大家應該要聚焦於，從最初如何發展個人優勢，進一步獲得他人認可，到最後取得成功，這才是大學應該協助學生培養的能力。 *《小補充》個人職涯發展的金字塔中，共有五個層次，分別為：第一層次：體力，用身體換或體力換來的價值不會很高。如農民還有搬運工，輸出的勞力很大，但大部分都是賺辛苦錢。要記得有體力的人很多，但卻無法明確展現出自我價值。第二層次：知識，擁有更多知識的人在職場的收入往往會高於純體力的勞動者，而必須承認是，不同學歷剛入職場時的標價也會不同。例如：保全是體力活，此時是一個會說英文的保全，就可以再更高檔的工作環境，收入自然會增加，這就是知識的力量。第三層次：能力，知識與能力是不同的。所謂的能力是指解決問題的技能，而知識並不能直接解決問題。能力一般需要長時間的累積和反覆的訓練，是一種熟練程度和經驗的體現。而知識的獲得往往比能力的提升要簡單一點。第四層次：資源，有資源的往往更具有競爭力，想想看有些有錢人頻頻把自己小孩送到私立學校、或者到國外攻讀大學，無非就是又透過資源，拉大與別人的差距。第五層次：天賦，表示某個人在某領域上面做到了極致。那些光讀書，少實踐的人，很難適應社會和職場的要求。如果大學沒有學好怎麼做 PowerPoint 還有 EXCEL ，到了職場上面就算看幾本寶典，也很難在短時間提升自己的實力。能力不強的人真的是認識誰都沒有用，真正的資源和人脈都是用能力換來的；而且是等價交換，能力越強，所能獲的的資源就越多。一個人越得到認可，能力越拔萃，就越被需要，價值也就越高。關鍵在於你現在擁有什麼，具體目標是什麼，到有人去挑選自己想要的工作時候，至少已經在職涯發展的第三層之上了。想到過去有人曾經問過我終極目標想要到達什麼？我回答：「應該不是退休吧，畢竟感覺自己喜歡這種充實的感覺，所以希望有一天我能選擇自己的喜歡的工作，同一時間這份工作可以滿足我的生活需求。有一天，我希望自己在做某件事情，就算辛苦也是心甘情願的。」至於我哪天能達到這個目標呢？我想應該就是我在第三層之上的時候吧。第三部分：演講三大 Key takeaways 鋼鐵 V 製作《沒有一夜之間的成功》演講一剛開始，提到了職場斜槓人生，怎麼在精品業工作繁忙之餘，教授英文和寫文章等。介紹我自己的職涯時提到：「其實我不並不是什麼人生勝利組，我從英國畢業回來，也是投遞100多家公司，面試30幾間外商，最後沒有任何回覆。」讓他們了解到，今天沒有實力，你拿什麼自信。當然也希望他們認知到，不管今天不管過去是否做錯選擇，但是要保持著：『了解過去，是為了讓你擁抱那些不美好，成就更好的自己。』，重點是怎麼擁抱改變、盤點資源和展現執行力。一步步建力起自己的實力，創造更多機會給自己。鋼鐵 V 製作《顛覆平庸：讓才華配得上夢想》出社會前希望大家懂得 3 P 原則：專業 ( Professional ）、人脈（ People ) 和熱情 ( Passion ) 。對於將要畢業、或者是工作35年的人，都應該要努力累積自己的實力，而且刻意被看見。如果你今天的空有人脈，但沒有實力，其實這些都無法稱之為有效強連結。當然有了專業，人脈建立的就會越來越順，最後可以從自己做的事情裡面找到熱情。我自己體悟是：『以前做的是情，且做的好的事情，就是機會變成你未來可能會做的工作』。所以我個人比較偏向先執行，在從做中找到自己的熱情和興趣。《演講過程學習與進化》演講一開始我就讚嘆：「我真的覺得現在的大學生好認真，我以前去聽課都是因為我去吃便當，然後可以累積學校積點。但是從來沒有認真的去思考我想要什麼，我人生應該計劃什麼。我真的沒有想過會有這麼多學生來聽演講。」更沒有想到大家結束後，也超踴躍的問問題，很努力在為了未來打拚。看到他們這麼努力，突然覺得自己要更加把勁，多懂一些、多分享一些，或許可以幫助他們人生朝向夢想更加順利。老實說，我很少有機會去做演講，可能頂多朋友之間、小社團活動，想不到一次要面對這麼多學生，心裡很雀躍，也怕自己沒辦法回答他們的問題。所以很感謝鎮麟給予我這次的機會，也很榮幸可以與Fash Chang年輕創業家一起同台演講，從他身上又學到了好多，對我來講真的是經驗值大大提升。今年開張第一場已經完成了，期待五月的另一場。另外，要特別感謝孫治華老師，去年參加他的商業簡報課和讀書會，讓我很醜的簡報妙手回春( 但還是很多地方可以學習 )。每一堂對來說影響很大，自己讀書時候總覺得學習到了。但老師總會比我想的還要深、廣，到現在還是很期待老師每一堂課，非常推薦給想要增進商業思維和簡報的人。文章轉載自「Medium」，已取得作者授權同意，原文為：《職場新鮮人》讓未來的你，感謝現在的自己：暢談職場追夢人生 (下篇) 痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

好文分享職場創業薇琪徐

聯成電腦網頁設計分享：如何讓冗長頁面「更好用」 — SEO、SEM

文、Jasmine Lin 初步了解 SEO 與 SEM 後，身為產品設計師所蒐集的網頁互動設計守則與範例。作者簡介｜Jasmine 現居美國西雅圖的使用者經驗（UX）設計師，藉著對資訊、心理與行為科學的熱情一頭栽進產品設計領域。經由閱讀與旅行認識這個世界，透過寫作更認識自己。喜歡有點重量的紙本書、週末早晨的回籠覺和巴哥犬女兒烏龍。前陣子手上專案的一項任務是重新設計他們的「SEO 頁面」與「SEM 頁面」。不看還好，一看嚇死人，頁面上只有滿滿的文字，篇幅長到我高速捲動了老半天還看不見底。身為設計師的本能就是刪東西！將一切簡化到只提供使用者所需的資訊量。見到落落長的頁面，我只想去蕪存菁，刪掉廣告、刪掉重複的內容、刪掉滿滿的連結，再將內容切割成數篇文章，而不是全塞在單一頁面。前主管曾跟我說，SEO 的重點就是玩文字遊戲，互動設計並不是網頁設計的核心，行銷才是，畢竟重點在於流量與點擊，產品設計師能施展手腳的地方並不多。因此，我對於 SEO/SEM 的了解也就僅止於「內容為王」、「廣告投放」等關鍵字，在接到修改 SEO/SEM 頁面的任務時立刻冒出一堆問題： SEO 跟 SEM 有什麼不一樣？為什麼 SEO 頁面一定要那麼長？為了找出 SEO/SEM 頁面背後的原理，我開始研究兩者之間的差別，並且試圖找出設計這些網頁時的最佳典範（best practices）與守則。我相信一定有方法達到 SEO/SEM 的目的，同時讓使用者在瀏覽網頁時擁有優質的體驗。我並不是行銷人，行銷圈的專家們對於網路內容行銷一定有更多高明的見解，本文的目的是以設計師的觀點研究網頁設計與行銷守則的甜蜜點。 Photo byHalGatewood SEO、SEM 傻傻分不清楚搜尋引擎行銷（Search Engine Marketing, SEM） SEM 的最終目的是經由付費廣告推銷網站以增加曝光率，所以 SEM 頁面的本體就是大家最不喜歡的廣告們，一旦停止付費投放，效果就會立刻消失。最常見的執行管道是Google Ads，其中包含多種工具例如： Search Ads 搜尋結果有「廣告」二字，那些浮在最上面的網頁 Google Display Network 可以想成部落格的邊欄廣告，它會根據使用者瀏覽的網頁內容投放相關廣告（例如：你在讀設計相關的文章，邊欄廣告可能會投放 Sketch 優惠價格） Video Ads 就是最近越來越猖獗的 Youtube 廣告由於 SEM 有清楚的投放目標，以及可量化的成效，自然而然衍伸出像是 SERP（SERP, Search Engine Results Pages，搜尋引擎結果頁）、PPC（Pay Per Click，單次點擊付費）以及 PFI（Pay For Inclusion，涵蓋付費）等專有名詞，方便行銷人員或 PM 追蹤廣告投放成果。搜尋引擎最佳化（Search Engine Optimization, SEO） SEO 的最終目的是透過自然排序以提升網頁的能見度，聽起來跟 SEM 好像沒兩樣，但重點來了 SEO 是免費的！但聰明的你應該猜得到，天底下沒有白吃的午餐，「免費」自然是有代價的。要做到真正成功的 SEO，內容行銷人員和工程師需要熟悉搜尋引擎演算法的運作方式，照著它的遊戲規則玩以獲得更高的排名，並且持之以恆，這也是為甚麼每當 Facebook 或 Google 演算法一更新，小編們就會集體崩潰。 SEO 最佳化的方式可以粗略分成兩大類： 1. 技術導向使用者看不到的努力，例如寫命名與階層明確的程式碼，或是埋關鍵字在 URL 裡頭等 2. 內容導向也就是最近很紅的內容行銷，著重於提供使用者豐富的資訊，建立聲望並產生黏著度研究之後發現，SEM 與 SEO 並行才是最有效的成長方式。當你的品牌或產品仍默默無名的時候，運用 SEM 頁面吸引新用戶的目光，讓大家有機會認識你、知道你的存在；再運用 SEO 讓這些用戶更容易留下來，並在想到相關主題時會立刻想到你，以增加長期的曝光率。 SEO 與 SEM的異同至於 SEO 頁面為什麼要那麼長，事實上只要內容符合使用者的需求，永不終止的文字其實是好的，與其讓使用者不斷在多個頁面上跳轉，不如讓他們知道他們所需要的資訊全都在此頁。對於企業而言，網頁的留存率和轉換率是最重要的，這些數字背後意味著 $$$。然而站在使用者的角度，豐富有用的資訊、瀏覽流暢不會卡住、視覺享受等才是重點。站在企業需求與使用者經驗的交叉口，並理解 SEO 的邏輯後，（勉強地）接受了 SEO 頁面勢必會落落長的前提，我開始到處蒐集能協助冗長頁面成立的網頁互動設計範例。導覽 Navigation 導覽列 NavBar 像是網站的路標，網站越複雜的話導覽的存在就越重要，理想的導覽應該是清楚明瞭並且永遠可觸及的，避免讓使用者感到無處可去而離開網站。新穎的網站設計傾向於回收再利用導覽列的空間，在使用者捲動頁面時讓導覽列像百變怪一樣改變造型與用途。一、黏著「既然要永遠可觸及，那直接把它永遠黏在原本位置上就好了吧！」這大概是最簡單直覺的解法。 Evernote Blog 二、隱藏比黏著再進階一點的解法，根據使用者滑動的方向決定是否顯示導覽列，預先假設使用者往上滑動很大機會是想 navigate 到其它頁面。 Spotify Newsroom 三、進度條開始重新利用導覽列的空間，輔助使用者追蹤閱讀進度。需要導覽列時並不需要知道進度，故兩者可以在相同位置進行切換。 Dropbox Work In Progress 我最喜歡的網頁設計之一四、文章名稱在一個網站上讀太多內容之後，往往會忘記自己正在讀的是哪篇文章。閱讀時保有文章名稱的能見度能輔助使用者了解自己身在何處，並且加強對此文章主題的印象。 AIGA 單頁目錄 Table ofContent 像是迷你版的導覽列，在單一頁面的長度破表時使用，讓使用者方便在感興趣的章節之間跳轉，而不是無止盡的捲動頁面。一、黏著跟黏著的導覽列一樣，這是最簡單明瞭的方式，讓使用者在閱讀時永遠觸及得到目錄。 Uber Design 二、回到頂部如果將目錄放在頁面最上方的話，黏著的回到頂部按鈕就能帶使用者自由跳躍於不同段落之間。 Resume Genius 三、偽導覽長得像是黏著的 hamburger menu，利用使用者普遍慣用的導覽方式介紹頁面目錄。 Uber Design 近期最值得一看的網頁設計微互動 Microinteraction 輪播 Carousel 當有多個同質資訊需要展示時，為了避免無限重複的內容，不如將他們組在一起，善用輪播的方式輪流使用一個空間。一、圖片輪播 Nike 二、橫向輪播 Squarespace 三、無格線按鈕 Careof Hover 一、顯示 CTA 預設 hover 代表想要進一步動作，到時候再出現 CTA 即可，避免讓使用者看到無數個重複的 CTA 在頁面上，從而造成視覺噪音。 Squarespace 二、顯示其他內容當單一物件有多種形式時，避免一次將全部重點都放在同張圖，反而在 hover 時才將次要重點顯現出來，充分利用空間。 WIX 這裡的例子是響應式設計，hover 時顯示行動版網頁的模樣三、鼠標變換這是我最喜歡的 hover 設計，鼠標本身的用意單純是指向。當鼠標在 hover 到不同物件上時轉化成即將執行的動作，提供使用者比鼠標多一層意義，資訊量倍增！ Dropbox Work In Progress Again, 我超愛這網站四、顯示影像很新穎的做法，跟一般網頁 default 顯示圖片然後 hover 才顯示文字完全相反。讓我想起主管曾說過他很不喜歡一般網頁的設計，因為他 hover 過去就是因為對那張圖有興趣、想看得更仔細，圖片卻被蓋住或是直接消失，很不合理。 Liz Wells 單頁內容 On PageSEO 除了互動設計之外，單一頁面的內容呈現方式是體驗的核心，優質的導覽與微互動都是為了讓使用者更能夠沈浸在瀏覽內容的心流。一、純文字並不是所有文案都需要多媒體影像輔助才是「好內容」，有效運用文字本身建立視覺階級，就算只有純文字也能讓使用者閱讀起來很舒服。 Mailchimp Resources 二、引用文字適時引用文字也能讓文案產生躍動感，讓讀字讀到有點倦了的使用者感到些許新意，重新投入閱讀體驗中。 Nike News 三、影像現今常見的手法，熟悉網路媒體的受眾偏好吸收影像，如果在文字之間輔以圖像或影片能讓使用者更容易投入文案中。 REI ExpertAdvice 四、資訊圖表當文案內容牽涉到需要比較獲釋龐大的資訊量，運用資訊圖表能夠協助使用者快速、直覺地吸收內容，同時也少去文案人員書寫幾個大段落的力氣。 Mail 五、綜合上述幾個元素彼此不相衝突，設計師或行銷人員能混搭使用文字、影像、資訊圖表等讓單一頁面充滿驚喜。 Uber Design 結語在蒐集這麼多例子之後，雖然仍覺得身為產品設計師能做得有限，但還是能提供幾個讓網頁更親近使用者的原則：讓使用者清楚理解自己身在何處，不會迷失方向感。導覽列永遠可觸及，需要使用者滑半天回到頂部才能導覽的網頁最糟了。對於冗長的頁面，隨時可觸及的目錄表尤其重要，讓使用者能輕易在頁面各章節跳轉。建立明顯的單頁視覺階層，創造閱讀律動感，以保持使用者的投入程度。這次研究讓我更確定原先的理念擁有好的 SEO 並不代表要犧牲設計美感，就算在創業初期沒有影像或資訊圖表等吸睛的素材，也可以藉著文字本身的韻律感提供使用者流暢的閱讀體驗。文章轉載自「Medium」，已取得作者授權同意，原文為：如何讓冗長頁面「更好用」 SEO、SEM與網頁設計痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

好文分享 UX設計 UI設計 SEO 創業 Jasmine Lin