<p>P M｜聯經</p><p>設計｜陳怡君</p><p>前端｜Dana</p><p>後端｜Superbil</p><p>主要功能 : 斷詞功能、關鍵字搜尋、tag 帶入搜尋、地圖展示</p><p>處理技術：斷詞分析/文字探勘 - Superbil</p><p>技術：Openstreet Map</p><p>技術挑戰：需要將過於複雜的界線消除，讓觀看介面不會被干擾。</p><figure><img src="/dataImgs/portfolio/10/new_moc.gif"></figure><figure><img src="/dataImgs/portfolio/10/web.png"></figure><figure><img src="/dataImgs/portfolio/10/search-icon.png"></figure><figure><img src="/dataImgs/portfolio/10/search-result.png"></figure>

文化部資料工作坊，希望可將故事地圖的內容，進行斷詞，並將頻繁的詞過濾。讓用戶可以依據地點 / 類別搜尋外，也可以透過有興趣的詞進行搜尋，觀看其座落的位置，並進一步閱讀故事。

資料工作坊-文化部

<h2 dir="ltr"> <b>需求說明</b> </h2> <p dir="ltr"> 這次來自國家人權委員會的委託，希望能在新的立院會期，提出網站未來發展的方向，改變舊印象，營造新的形象。 </p> <h2 dir="ltr"> <b>中間轉折</b> </h2> <p dir="ltr"> 原本希望可以委託製作完網站的首頁，包含設計與工程，但和資訊部來回後，理解到既有的網站製作廠商的程式寫法，是沒有 API 的作法，也就是外觀與資料庫是黏在一起的，骨肉無法分離，不能只換外觀的皮而已。 </p> <p dir="ltr"> 台灣公部門的網站大多委託資訊部管理，將網站託管在本地端主機，和一般新創公司託管在雲端主機生態不同。政府也建立自己的資安測試，不定期的測試資訊部門的反應，這也是建立在本地端主機的生態下。 </p> <p dir="ltr"> 諸多考量下，仍建議客戶找既有廠商製作網站。對客戶來說，是較佳的解法。我們仍提供設計插圖，可以快速更換印象，達到和立委溝通網站未來發展的目的。 </p> <figure> <a href=""><img src="/dataImgs/portfolio/18/12.png"></a> <figcaption class="align-center"> 現行的國家人權委員會網站截圖（2021/4/27 截取），我們的任務是將其視覺進行老屋翻新工作 </figcaption> </figure> <h2 dir="ltr"> <b>技術新視野 </b> </h2> <p dir="ltr"> 政府和大型企業，提供網站，過往多會買一台主機放置於機房，並組成 MIS 團隊進行部署、上線等工作。 </p> <p dir="ltr"> 開發團隊會將程式碼遞交給機房工程師，再請進行部署、上線。這和雲端環境，由開發團隊自動部署上線的作法相當不同。 </p> <p dir="ltr"> 以客戶角度思量，本地端主機，有以下優勢 </p> <ol> <li dir="ltr">資料放自己家管理，有隱私資料更會傾向放自己家</li> <li dir="ltr">流量再大也不用新增費用，只要多買幾包乖乖的成本</li> <li dir="ltr">資安攻防有既有作法</li> </ol> <p dir="ltr"> 以開發團隊思量，雲端主機，有以下優勢 </p> <ol> <li dir="ltr">開發上線容易，不需要再過一組單位</li> <li dir="ltr">流量再大，雲端主機扛，但要新增費用</li> <li dir="ltr">資安保全由雲端主機配備，不用再煩惱這一塊</li> </ol> <p dir="ltr"> 野薑團隊熟悉處理的是雲端主機的運作方式，然而，若要將網站改為雲端主機，客戶端不只是程式碼編寫會出現問題，還會有組織及流程改動的問題。因此評估之下，認為將設計交付野薑，工程交付給過往提供服務的廠商，將設計與工程的工作切割開來，對彼此來說都是最有益的方式。 </p> <h2 dir="ltr"> <b>溝通文化</b> </h2> <p dir="ltr"> 國家人權委員會辦公室的專案窗口相當有經驗。溝通上過程除了給予明確的指示外，也能清楚將顧慮和感受傳達出來。比如說： </p> <p dir="ltr"> 「 我擔心，這組氛圍抗議太激烈，希望能氣氛緩和，更偏向遊行概念 」 </p> <p dir="ltr"> 「 我擔心，過往身障總是被批評都是接受幫助，希望能朝賦能(empower)方向走」 </p> <figure> <img src="/dataImgs/portfolio/18/01.jpg"> <figcaption class="align-center"> 客戶給予明確的指示文件 </figcaption> </figure> <p dir="ltr"> 這次插畫過程，我們拆分階段為「意象討論」→「草稿確認」→「彩稿細修」→「完稿」。 </p> <h3 dir="ltr"> ○ 意象討論 </h3> <p dir="ltr"> 我們收到一開始的文案是「性別，消除對婦女一切形式歧視公約。實現男女的完全平等，確信一國的充分和完全的發展，世界人民的福利以及和平的事業，需要婦女與男子平等充分參加所有政治、社會、經濟和文化生活等各方面活動。 」 </p> <p dir="ltr"> 在表達這類抽象概念時，我們會提供簡報，說明每一項元素和情緒連結，以及給予人的聯想是那些。這一階段重點是將潛在不適合地元素剔出，尤其注意可能會有公關危機的元素，是這階段溝通重點。 </p> <figure> <img src="/dataImgs/portfolio/18/02.png"> </figure> <div class="grid"> </div> <h3 dir="ltr"> ○ 草稿確認 </h3> <p dir="ltr"> 草稿溝通時會以先前討論過後、確定採納的元素，來進行構圖。窗口若能將草稿給長官確認，可以讓後續不用修改結構。 </p> <figure> <img src="/dataImgs/portfolio/18/03.png"> </figure> <div class="grid"> </div> <h3> ○ 彩稿細修 </h3> <p dir="ltr"> 彩稿交付後可能會有些調整。比如說，希望手有不同膚色，來呈現各種族群的多樣性。畫面的人物所傳達出來的情緒、氛圍等的調整，也會在彩稿時修正。相對於黑白的線稿，彩稿所能傳達的意涵更為完整，因此交付給窗口判斷是否符合專案需要，來進行精細的調整，有助於專案順暢。 </p> <figure> <img src="/dataImgs/portfolio/18/04.png"> </figure> <h3 dir="ltr"> ○ 完稿 </h3> <p dir="ltr"> 彩稿過關後，將插圖放上原先網站的設計稿中，搭配適合的文字和設計，再交付給客戶確認。 </p> <figure> <img src="/dataImgs/portfolio/18/05.png"> </figure> <h3 dir="ltr"> <b>團隊</b> </h3> <p dir="ltr"> PM | 陳怡君 </p> <p dir="ltr"> 視覺發展 | Hanyu、Si-Ray </p> <p dir="ltr"> 客戶團隊 | 國家人權委員會 </p> <h3 dir="ltr"> <b>首頁模擬大圖</b> </h3> <p dir="ltr"> 此專案仍提供一份模擬大圖，作為未來發展方向建議。 </p> <figure> <img src="/dataImgs/portfolio/18/06.png"> </figure> <p> <b>插畫視覺示意</b> </p> <figure> <img src="/dataImgs/portfolio/18/07.png"> </figure> <figure> <img src="/dataImgs/portfolio/18/08.png"> </figure> <figure> <img src="/dataImgs/portfolio/18/09.png"> </figure> <figure> <img src="/dataImgs/portfolio/18/10.png"> </figure> <figure> <img src="/dataImgs/portfolio/18/11.png"> </figure>

來自國家人權委員會的委託，希望能在新的立院會期，提出網站未來發展的方向，改變舊印象，營造新的形象。

國家人權委員會網站-視覺設計與插圖

<p>moon chang / Logo 、官網 、 UI Guidline</p><p>Ginger / 經文查詢系統、軟體查詢系統、線上藏文字型轉檔系統</p><p><a href="https://dharma-treasure.org/" target="_blank">正法寶藏 - 官方網站</a></p><p><a href="https://adarsha.dharma-treasure.org/" target="_blank">正法寶藏 - 經文查詢系統</a><br></p><figure><img src="/dataImgs/portfolio/08/01.png"></figure><figure><img src="/dataImgs/portfolio/08/02.png"></figure><figure><img src="/dataImgs/portfolio/08/03.png"></figure><figure><img src="/dataImgs/portfolio/08/04.png"></figure><figure><img src="/dataImgs/portfolio/08/05.png"></figure><figure><img src="/dataImgs/portfolio/08/06.png"></figure><figure><img src="/dataImgs/portfolio/08/07.png"></figure><figure><img src="/dataImgs/portfolio/08/08.png"></figure><figure><img src="/dataImgs/portfolio/08/09.png"></figure><figure><img src="/dataImgs/portfolio/08/10.png"></figure>

此系列作品包含 - Logo 設計、官網 、經文查詢系統、軟體查詢系統、線上藏文字型轉檔系統。一次發展多個產品線的設計案，建議先做 Logo 將形象固定，再藉由 UI Guidline，維持產品的一致性。

正法寶藏

<figure dir="ltr"> <img src="/dataImgs/blog/46/01.png"> </figure> <p dir="ltr"> 疫情之下，為了居家防疫，近日人們漸漸轉為遠端工作。其實在網路軟體業，這種遠端工作（work from home）的方法已經行之有年，許多專案管理、工作方法都是基於此而設計的。野薑自創立之始，便是持續以遠端協作的方式工作至今，藉著這次疫情的需求，我們將整理許多人分享的遠端工作經驗，並結合野薑長期遠端工作累積下來的工作方法。 </p> <p dir="ltr"> 希望在疫情擾動人心的時候，能夠幫助你找到自己生活的節奏，練習準確到位的溝通方式，以及安排身心安在、穩健前行的空間狀態：） </p> <figure dir="ltr"> <img src="/dataImgs/blog/46/02.png"> </figure> <p dir="ltr"> 剛開始遠端工作的人，往往會需要一連串了「儀式」來讓自己更明確地意識到「該開始工作了！」有的人也許會穿較正式的服裝，有的人也會沖杯咖啡，有的人也許會靜坐冥想幾分鐘，每個人都有適合自己的生活儀式感，慢慢地去微調這些一天之始的流程，會讓自己逐漸找到最適合自己的流程，讓自己早上醒來順利「開機運作」。 </p> <p dir="ltr"> 然而，另一方面，也有人容易分心，或總是東摸摸、西摸摸，先做些不重要的事情，來拖延真正需要開始的工作。如果你是這樣的人，薑貓也推薦自己愛用大絕：從床上睜開眼睛之後，起床簡單梳洗，接下來就直接坐在電腦前開始工作。這種「無論如何，醒來第一件事情，就是工作」其實意外地有效。當工作了一個小段落時，把換衣服、沖咖啡、靜坐一會兒，當作是休息或者犒賞，其實也是相當舒服的節奏。此外，在進行這些中間休息的活動時，也會產生一股「啊今天才開始沒多久呢！我已經做了這麼多事情了！」的這種非常能自我勉勵的感受。 </p> <figure dir="ltr"> <img src="/dataImgs/blog/46/03.png"> </figure> <p dir="ltr"> 辦公室工作最方便也最沒有效率的事情，就是直接座位附近的人大喊「那個誰誰誰，幫我把 A改成 B」。因為這麼做實在太方便了，所以往往欠缺深思熟慮；通常過了一陣子，想想不太對，就再大喊「那個誰誰誰，還是把 A 改成 C ，但是中間要有 B 的元素！」能夠直接對話，雖然很方便快速溝通，但如此這般改來改去，其實是相當降低團隊效能的事情。 </p> <p dir="ltr"> 遠端工作時，因為看不到彼此，如果也仿照辦理，訊息會變得非常破碎，沒有組織，接收訊息的人，會因此感到混亂或是困惑。所以，將要傳遞的訊息好好地想過，並且整理成一份明確的文件或是訊息，搭配螢幕截圖、錄影等工具，可以減少很多無效溝通的成本，以及錯誤溝通導致重工的情況。 </p> <p dir="ltr"> 除此之外，這也是訓練自己謹慎思考，向他人提出請求、支援的時候，先想清楚內容、再明確整合表達給他人的能力。 </p> <figure dir="ltr"> <img src="/dataImgs/blog/46/04.png"> </figure> <p dir="ltr"> 如果是出租套房或雅房，這可能就是有點困難的事情，畢竟現在房租直漲，如果沒有夠大的空間，房間裡可能就只有床跟書桌而已。不過在現況可行的情況下，還是可以利用書架或是移動物件的方式，來分隔空間。根據薑貓的觀察，台灣傳統的空間擺放方式，往往是將所有桌子、櫃子依照需求喜好「靠牆放」，形成整個房間的物品呈現口字型排列，頂多基於風水而將書桌放在房間的中間。 </p> <p dir="ltr"> 然而，這麼作其實會讓空間整體變得沒有層次。如果可以的話，我會以「人在空間裡的姿勢」來劃分空間。好比說「坐在地上」、「坐在沙發上」、「坐在工作椅上」、「躺下來休息」等，這些不同的姿勢，其實就對應了不同的身心狀態，這些不同的身心狀態，都應該在你的居家生活中得到一個對應的空間來安置。 </p> <p dir="ltr"> 而在家工作最重要的就是，「躺下來休息」要距離「坐在工作椅上」遠一點，除此之外，如果有其他姿勢可以安放的空間，那也可以減緩自己「不是在床上，就是在往床上的路上」的情況。表示你在休息的時候，還有其他姿勢、其他空間可以去，而這些空間使用其實也直接對應自己的時間分配。 </p> <figure dir="ltr"> <img src="/dataImgs/blog/46/05.png"> </figure> <p dir="ltr"> 規劃每天的工作時，非常推薦使用「能量管理」代替「時間管理」。你是不是發現，遠端之後，更忙更爆炸，但又不知道自己在忙什麼？越想要做時間管理，但發現無力跟上。 </p> <p dir="ltr"> 有些遠端工作的人會為了專心而在某些工作時斷網，或是使用番茄鐘工作。如果有感覺到很容易被家中其他人打擾，或是許多訊息擾亂的話，也可以嘗試看看這些方法，並找到一天當中，各種條件之下，最能專注的時間。 </p> <p dir="ltr"> 分心的原因可能有很多，像是頻繁地切換頁面、切換溝通工具、切換專案。這些「 切換 」看似輕輕點，但其實大腦會吃掉很多能量。盡量將同類型的任務集中，減少切換，光是這小小動作，就能有效節省你的內心能量喔！ </p> <p dir="ltr"> 此外，借助駭客禪的方法也是相當實用。透過觀察出自己一整天的能量曲線，將不同時間的自己，以1-3分的來進行能量給分，好比說，早上的我可能能量是1分，下午的能量是3分。那麼，我就會在早上安排只需要1分難度的任務，下午分配3分難度的任務。如果能夠精準控制你的能量與任務之間的搭配關係，那就不會有能量溢出或是缺乏的情況發生，你可以在一整天中，精準的掌控自己的工作，進而順利地完成。 </p> <figure dir="ltr"> <img src="/dataImgs/blog/46/06.png"> </figure> <p dir="ltr"> 得益於《冥想正念指南》（Headspace Guide to Meditation），在 Netflix 影集中提到「標記」（noting）帶來的功效。當自己心煩意亂的時候，試著把這些內容寫下來，或僅僅只是在紙上畫記一個逗點，都能有效的讓自己暫時把這個念頭擱置在一旁，繼續專注在眼前的事物上。 </p> <p dir="ltr"> 此外，記錄自己的工作狀態，也有助於回顧和檢視自己的工作哪裡延宕，分析自己為什麼沒能做好等等。情緒面向的書寫，則有助於梳理自己的情緒，有些情緒會因為寫下來，而稍微離開自己。記錄下自己的生活，無論多麼簡短，整體而言都有助於壓力的釋放和減輕，為自己的大腦騰出更多一點的空間來。 </p> <figure dir="ltr"> <img src="/dataImgs/blog/46/07.png"> </figure> <p> <br> </p> <p dir="ltr"> 以上五個小指南，只是我們初步的分享，你也可以嘗試著為自己的生活訂定一些流程與方法，在親身實驗，哪些方法對你而言是最有效的方法。有任何建議，歡迎私訊告訴我們，也可以敲碗告訴我們，關於遠端工作，你還想聽我們分享什麼心法呢？ </p>

疫情之下，為了居家防疫，近日人們漸漸轉為遠端工作。其實在網路軟體業，這種遠端工作（work from home）的方法已經行之有年，許多專案管理、工作方法都是基於此而設計的。野薑自創立之始，便是持續以遠端協作的方式工作至今，藉著這次疫情的需求，我們將整理許多人分享的遠端工作經驗，並結合野薑長期遠端工作累積下來的工作方法。

疫情之下的遠端工作小指南

<p dir="ltr"> 文 / 薑貓 </p> <p dir="ltr"> 疫情擴散所引發的焦躁不安，在家工作的新生活變動，也使得人們開始關心該如何調整自己的步伐，重新找回屬於自己的生活節奏。有的人開始關注正念冥想的方法，作為一天中開始在家工作的儀式，也有人開始學習使用遠端協作的軟體和各種工具，來讓工作更順暢。其實，無論是正念冥想或者學習工具，都是即使沒有疫情，活用起來對生活品質有所幫助的事。疫情之下，這些關乎生活中簡單的環節，試著做做看，則會讓人感受到身心安住的穩定感。 </p> <p dir="ltr"> 此時，特別值得提起從去年開始流行起來的卡片筆記的方法 Zettelkasten。這項方法的出自於社會學家 Niklas Luhmann ，他在自己40年的研究生涯中，出版了超過70本著作、400篇的學術論文，主題橫跨了多個領域包含社會學、生物學、數學、模控學、電腦科學，能夠讓他出版等身的方法，就是這個 Zettelkasten。「Zettel」在德語中是卡片/筆記/紙條的意思，而「Kasten」則是盒子/箱子的意思，合起來就是「卡片盒筆記法」。 </p> <h2 dir="ltr"> 擅於連結的筆記本 </h2> <figure> <img src="/dataImgs/blog/45/01.png"> <figcaption class="align-center"> 筆記 + 箱子 = ZettelKasten，Image courtesy of the author (CC BY-SA 4.0) </figcaption> </figure> <p dir="ltr"> 這個方法之所以為這麼有效，關鍵在於筆記與筆記之間的「連結」。 </p> <p dir="ltr"> 在日本也曾經流行過類似的筆記方法，使用的是便利貼。原理其實都一樣，透過想法紀錄在最小的單位——卡片或是便條紙上，那這些想法就能以最靈活的方式重整、排列，激盪出新的概念。同樣的方法，也常見於軟體業的設計思考工作坊或是會議之中，常常會在白板上貼滿便利貼，也是很相似的概念。然而這套 Niklas Luhmann 所發明的方法，則可視作是這些類似方法的系統化。 </p> <h2 dir="ltr"> 日常所思的連結 </h2> <p dir="ltr"> 既然以前人們使用紙本的便利貼或者卡片，那麼在數位時代，應該能夠將這個方法結合數位科技，運用在生活中吧？於是，火紅的 Roam Research 就出現了，是以實踐 Zettelkasten 為根基所開發出來的筆記軟體。 </p> <p dir="ltr"> 網路上有許多教學可以查找，也可參考本文末的參考資料，雖然中文的資訊相對少了一些，不過，無論中文還是英文，在各種繁複的教學中，直接打開 Roam Research 免費試用看看，或許最能夠理解這套方法與其用意。 </p> <p dir="ltr"> Roam Research 最特殊的設計就是「Daily Notes」。Roam Research 的功能和介面都很簡單，反而剛打開來時會有不知如何開始的困惑。然而，Daily Notes 就是一個很好的開始，通常也就是打開來的初始畫面，他使用 markdown 的語法，讓你可以點列或記敘重要的事情，並且最重要的是，搭配適當的 tag，透過這些 tag，把筆記和筆記連結起來。 </p> <h2 dir="ltr"> 和既有筆記系統的不同 </h2> <p dir="ltr"> 聽起來這跟 Evernote 和 Notion 很像，到底不同在哪裡呢？Evernote 比較像是個包山包海的資料庫，重點在「把東西記下來」，所以可以網頁擷取，可以放各種內容，存照片、錄音、pdf，什麼都可以。Notion 則是介面優美的資訊整理收納術，所有資訊都被安放在華麗的表格與 template 之中。這兩個軟體專注的都是資料的「保存」，可以想像成是倉庫，兩者以不同的方式陳列的倉庫。 若以三者的結構相比，Roam Research 的筆記結構是全然顛覆前面兩者的。 </p> <p dir="ltr"> Roam Research 著眼的則是思考。真正能夠擁有獨立思考、成為自己的人，往往是不斷地在思考各式各樣的事情的，如何將這些思考積沙成塔，讓資訊成為知識，讓想法成為見解，靠得就是不斷連結、筆記和反覆思考的過程。所以 Daily Note 的設計在這裡就變得容易理解，你每一天遇到的事情、想過的念頭、忽然冒出的心緒，小至今天打掃了房間，大至思考了與伴侶的現狀關係，都可以紀錄在其中。最後這些 tag 會以交互連結的方式「自動」變成一篇篇「新的筆記」，透過閱讀這些「新的筆記」，變能夠再一次思考，再一次和其他事物連結，再一次形成新的想法，讓這個習慣與日常生活完全結合，變成自己的一部分。 </p> <h2 dir="ltr"> 知識 </h2> <figure> <img src="/dataImgs/blog/45/02.png"> <figcaption class="align-center"> 圖片來源：https://se.wikimedia.org/wiki/Fil:LOD_Cloud_2014-08.svg </figcaption> </figure> <h2 dir="ltr"> 學習的新未來 </h2> <p dir="ltr"> 這個概念其實與近年流行的鏈結資料（Linked Data）不謀而合，未來看待資料的視角、累積資料庫的格式都將更接近我們人腦學習知識、認知世界的方式，不再以扁平的階層式、樹枝狀的結構來看待資料，重視的是資料之間的「連結」。未來的維基（Wikidata）、圖書館及美術館的詮釋資料（metadata）等資料，都將以此類方式建構，使得人們能夠更容易學習既有的、已被記錄下來的知識。 </p> <p dir="ltr"> Roam Research 像是將你的個人生活建成一個 Linked Data 資料庫，在這些資料裡，連結最多（被你反覆 tag、mention的筆記）將是你這個人思考的核心。由此延伸出去，你的所思所想，型塑著你是什麼樣的人。 </p> <p dir="ltr"> 筆記方法其實代表的是思考事情的方式。學習一套全新的筆記方法，就像是學習新的思考方式。疫情之間，那些心緒、想法，或者工作上的點子、企劃，都可以試著用 Daily Note 的日記方式，一天天像是流水帳一樣的把自己記下來，最後收穫、整合自己的想法，這個過程除了安定身心，也是重新整理自己的開始。 </p> <p dir="ltr"> 最後，建議可以同時使用前面提到的倉庫型筆記工具和Roam Research。Roam Research 的使用有各種繁複教學，有興趣的人還是需要上網搜尋，一面學習一面實作，比較能理解長期使用的方式。 </p> <p dir="ltr"> Roam Research 目前的缺點大概需付月費約四百多元台幣，是這些筆記工具中相較之下貴的。在付費之前，先免費試用看看囉。 </p> <p dir="ltr"> 參考資料 </p> <ul> <li dir="ltr"><a href="https://medium.com/pm%E7%9A%84%E7%94%9F%E7%94%A2%E5%8A%9B%E5%B7%A5%E5%85%B7%E7%AE%B1/zettelkasten%E5%8D%A1%E7%89%87%E7%9B%92%E7%AD%86%E8%A8%98%E6%B3%95-%E5%BB%BA%E7%AB%8B%E7%9F%A5%E8%AD%98%E9%80%A3%E7%B5%90%E7%B6%B2%E8%B7%AF%E4%BE%86%E6%B4%BB%E7%94%A8%E7%AD%86%E8%A8%98-f85a91729521">Zettelkasten卡片盒筆記法，建立知識連結網路來活用筆記</a></li> <li dir="ltr"><a href="https://writingcooperative.com/zettelkasten-how-one-german-scholar-was-so-freakishly-productive-997e4e0ca125">Zettelkasten — How One German Scholar Was So Freakishly Productive</a></li> </ul>

Roam Research 著眼的則是思考。真正能夠擁有獨立思考、成為自己的人，往往是不斷地在思考各式各樣的事情的，如何將這些思考積沙成塔，讓資訊成為知識，讓想法成為見解，靠得就是不斷連結、筆記和反覆思考的過程。

從Zettelkasten 便利貼卡片到 Roam Research 的筆記方法

<h2> 「網站設計架構都差不多，註冊登入，購買流程都一樣，這是有侵犯著作權嗎？」 </h2> <p dir="ltr"> 常常有客戶詢問薑薑這個問題。如果網站中的「註冊登入購買」這樣常見的「機制流程」設計，有沒有著作權呢的問題？ </p> <p dir="ltr"> 答案是，沒有的，請放心使用。 </p> <p dir="ltr"> 因為著作權是保護「表達」，UI 風格在著作權保護範圍內，主要目的是避免消費者混淆。一個和你一模一樣的網站，販售低品質服務，會毀壞你的信譽，造成消費者混淆和市場混亂。如果是「 UX 機制流程設計 」，則是以「專利」保護。例如，蘋果向右滑解鎖的行為，是有申請專利的！ </p> <figure> <img src="/dataImgs/blog/44/01.png"> </figure> <p dir="ltr"> 註冊登入購買屬於流程的範圍，如果要保護會需要申請專利，但因為是常見的行為和流程，專利局也不會核准申請通過。 </p> <p dir="ltr"> 畢竟，不太可能，市場上只有你可以設立櫃檯收錢吧。 </p> <div class="grid"> </div> <h2> 「付錢請人寫網站後，著作權是歸誰？」 </h2> <div class="grid"> </div> <p dir="ltr"> 然而，如果著作權是保護「表達」，那如果一個網站有特殊的程式寫法、程式碼精練簡潔，而且網站外觀很美，UI 有設計師的智慧結晶。那是不是可以用著作權保護？ </p> <p dir="ltr"> 對的，著作權分為：著作人格權、著作財產權。 </p> <p dir="ltr"> 著作人格權，是作品一完成當下，立刻成立，跟著作品緊緊相連，不會因為單純的買賣交易行為而轉移。工作室可以主張，這作品是我製作的。通常為了配合時程，業主也會要求工作室簽署保密合約。如此一來，工作室就只能在上線時候，才能公布。 </p> <p dir="ltr"> 著作財產權，則會在合約內規範。一般來說，是屬於付款的業主。擁有完整的著作財產權。 </p> <figure> <img src="/dataImgs/blog/44/02.png"> </figure> <h2> 「 如果有人複製一模一樣的網站，是否侵犯著作權？ 」 </h2> <p> 對的，如果有人想做釣魚網站，製作一模一樣的網站，那會直接侵犯到著作財產權中「重製權」，會有對應的刑法；但通常會由業主來伸張權利，不會由工作室來伸張。 </p> <h2> 「如果未來要搬遷主機，工作室可以主張侵犯著作權嗎？」 </h2> <p dir="ltr"> 回到上面的問題，「搬遷主機」是指重新製作一份程式碼，那會有「重製」行為。重製會產生著作財產權的問題。 </p> <p dir="ltr"> 如果在合約中，已經表明著作財產權交付給業主，那未來業主要搬遷去哪一台主機，都是沒問題的。 </p> <h2> 「如果使用開源（open source）的程式碼、圖案或照片，要如何驗證著作權？」 </h2> <p dir="ltr"> 寫網站不可避免會使用 open source 程式碼，一般來說，取得這些資源的同時，都會有說明授權的範圍以及使用時需標注的資源來源， 為確保使用範圍合法，可以要求工作室提供這份資源的 Licence ，提前給公司內的法務評估。 </p> <p dir="ltr"> 圖案照片也是，如果是買圖庫，通常也會附有一份 Licence說明，請工作室交付時，一起交付就行了。 </p> <p dir="ltr"> 如果法務不過關，擔心會影響公司未來利益，那就請多付一點錢重新設計製作，當作買保險。一般來說，除非利益相當巨大，比如說，貴司要建立生態圈，才會做此考量。如果只是單純的官網，不會產生巨大利益，或是改變市場生態，就請安心使用吧。 </p> <p dir="ltr"> 我們推薦「<a href="https://www.facebook.com/copyrightnote.org">著作權筆記</a>」老師有提供線上課程，可以快速建立基本概念。此外，也可以參考開放文化基金會林誠夏律師，在網路上有許多<a href="https://artouch.com/views/cultural-policy/content-13139.html">開放閱讀的投影片、影片及文章</a>。不論是要成為設計師或是企畫行銷的您，這些關於著作權法的基本概念，能保佑您在漫長的工作職涯中平安。 </p>

不論是要成為設計師或是企畫行銷的您，這些關於著作權法的基本概念，能保佑您在漫長的工作職涯中平安。

網站的著作權問題！一口氣大解析

<figure> <img src="/dataImgs/blog/42/01.jpg"> </figure><p dir="ltr"> 文 / 薑貓 </p> <p dir="ltr"> 網路軟體科技業這一行往往花許多心力調整內部團隊的工作流程，矽谷的各種專案管理和工作方法，據說對非本行的人而言，覺得十分著迷。近年流行的敏捷式開發（Scrum）、看板（Kanban）和OKR各有各的特色和優點，這些概念像是不同的武功招式，團隊往往在理解了這些核心概念後，會吸納改良，融合成一套適合自己的團隊方法。 </p> <p dir="ltr"> 這些方法雖然因應網路軟體科技業而生，但其中的概念亦可以運用在像是書籍出版、論文計畫撰寫、人生長期規劃、健康管理等各種多元的情境，關鍵在掌握幾個重要的概念後，轉化成自己需要的實踐方式。 </p> <p dir="ltr"> 本篇略過較為複雜的開發細節，將Scrum、kanban、OKR 中泛用性較高的概念融合提取出來，提供給不同行業的你活用這套方法的機會。有時候我們需要的，不是所有夢想都完美無瑕地完成，而是我們知道一切都在我們的掌控之中，並且朝向我們期望的方向前進，確定我們正在積累著對於前往目的地所需要的事物。 </p> <p> <br> </p> <h2 dir="ltr"> 簡單五個步驟來實作 </h2> <h3 dir="ltr"> Step 1 /&nbsp; 明確訂出時程與目標 </h3> <p dir="ltr"> 首先，你需要為你手上的這個計畫訂一個明確的目標。這聽起來像是個廢話，但是很多人的目標會訂得相當模糊，像是「希望今年可以出一本書」，這樣的句子比較像是「向老天爺許願」。目標需要訂得非常具體才行，像是「今年12/31以前，我要完成一本大約六萬字、圖片40張的書籍，並且完成編輯、出版、印製且發行的程序」或是「 明年1/31我要完成碩士論文口考並且畢業」。這個目標越具體越好，透過具體地寫下目標，也是在確認自己「到底想完成什麼事情」。 </p> <h3 dir="ltr"> Step 2 / 回推你的時程表，搞清楚流程 </h3> <p dir="ltr"> 這個第二步看起來也很常見，但很多人似乎就是會忘記這個環節。 印刷書籍大約需要 2.5 至 3 週的時間，校對、美編等等所需的時間都可以大概地回推。如果一月底想要畢業，那麼十二月底必須完成口考，十一月必須完成論文的內容給指導老師看過。此外申請口考的行政程序、邀請口委等的時間也需要一併考慮進去。 </p> <p dir="ltr"> 在步驟二，搞清楚整個計畫需要經過哪些環節，這些環節大概需要多少時間，是非常重要的。如果你發現你並不清楚這些環節，那麼恭喜你，這個步驟就是逼迫你去弄清楚的。了解這些過程對於掌控計畫至關重要。 </p> <h3 dir="ltr"> Step 3 / 切任務 </h3> <p dir="ltr"> 弄清楚流程和環節之後，接著就是最重要的是「切任務」。你必須把剛剛的那些環節羅列出來，切成一張張的「任務卡」。通常我們會使用便條紙，一張便條紙是一個任務。在這個階段，我會建議你一個月切出3-4個任務卡。接著選擇離自己最近的月份（好比說現在的話就是二月），開始切二月的任務。 </p> <p dir="ltr"> 二月的任務要再詳細切到每一週的任務，切完二月的任務之後，就必須開始切二月第一週的任務，盡可能將任務切成每一天可以完成的程度。 </p> <h3 dir="ltr"> Step 4 / 移動、調整、審視你的任務卡 </h3> <p dir="ltr"> 再來，通常我們會規劃成「本月OKR」（本月目標）、「本週進行 Doing」和「Done」，請你把任務卡分別爬列在這三個區域中，將每週要進行的任務從「本月」移動到「本週」，完成之後放到「Done」。 </p> <p dir="ltr"> 這個環節可以使用些既有的工具，像是 trello 這樣的軟體來協助。野薑使用的是 github，因為可以跟開發工具搭配在一起，加上我們是遠端工作，對我們來說比較容易進行。 </p> <p> <br> </p> <p dir="ltr"><figure> <img src="/dataImgs/blog/42/02.png"></figure> </p> <p dir="ltr"> 很多團隊在嘗試使用看板的時候成效不彰，因為對於非遠端工作或是網路業而言，學習 trello 對團隊成員而言摩擦力太大，需要經歷太多陣痛與適應期。對於每天要進辦公室，沒有太多外出需求、較為傳統的辦公室工作型態來說，會建議不妨從大白板或是空白牆面上，使用實體的便利貼來進行，也許反而容易成功。或是個人進行人生目標的管理時，也許也用不上 trello 那麼複雜的功能，不妨用一本個人時常會隨身攜帶的小筆記本來解決。 </p> <p dir="ltr"> 軟體終究只是工具，重要的是你怎麼活用手邊的工具來達成這個效果。 </p> <h3 dir="ltr"> Step 5 / Stand up meeting 或者「速速報」 </h3> <p> </p> <p dir="ltr"><figure> <img src="/dataImgs/blog/42/03.png" /></figure> </p> <p dir="ltr"> 野薑目前使用的是「速速報」，也有一些團隊會使用 Stand up meeting，在一天開始的時候用快速會議的方式報告自己一天要完成什麼。不過薑貓個人比較偏好野薑的「速速報」。我們使用 Slack 裡的機器人進行，團隊成員會分別寫下「昨天完成的事」、「今天完成的事」、「需要夥伴支援」以及「筆記」，早上開工時會同時發布在 Slack 中。 </p> <p dir="ltr"> 「速速報」的好處是，它結合了「管理」與「自己的任務表」。trello 和 Stand up meeting 往往是為了主管在控制進度方便而進行的，因此它的設計比較著重在讓主管方便管理團隊成員和他們的任務，但其實對於團隊成員要管理「自己的任務」沒有太多幫助。然而「速速報」的模式，因為採各自獨立撰寫、卻又同時發布，所以對主管而言可以知道團隊成員的情況，而團隊成員也能夠直接將這個模式當作自己的任務管理系統，如此一來就可以避免「重工」，增加效率。 </p> <p dir="ltr"> 薑貓的習慣有時會將一天的任務卡切得再更細，或是需要一些任務的筆記，一起寫進「速速報」裡，幫助自己忘記的時候可以回去查看。同時一天結束時，可以回顧今天一天做了哪些事。變成自己的工作日記。對主管而言需要知道的是進度，不需要知道任務細節，但對工作者而言，這些細節需要一個個完成，才能有進度，所以「速速報」可以說兼顧了這兩種需求。 </p> <p dir="ltr"> 此外，每天的「速速報」撰寫時，可以加上核對本週、本月的目標，確定是不是有順順地往該去的方向走。 </p> <p> </p> <h2 dir="ltr"> 切任務也需要安排時間 </h2> <p dir="ltr"> 一旦開始了這個移動任務、撰寫「速速報」的循環之後，時常會忽略「切任務」本身也是個「任務」，需要安排時間來進行。甚至，這可能是最需要花時間完成的任務。 </p> <p dir="ltr"> 切任務的另一個重點是「蒐集任務的情報」，很多時候任務無法切成「每週」、「每日」這麼細，是因為對任務的不夠了解，所以才沒辦法切細。因此，如果你發現切任務遇到了障礙，那這是一個警訊，表示你需要停下手邊的事情，好好取得把任務切小所需的情報，這就是你現在該做的事情。絕對不能隨便地就略過這個步驟。此外，任務卡的大小很清楚，就是盡可能一天可以完成。如果你的任務太大或是太小，就必須要調整。 </p> <p dir="ltr"> 這套工作方法最重要的就是「把任務切小」，避免你覺得那是一大團像是漿糊的東西。人們面對龐大的任務容易感覺到恐懼、退卻和拖延，藉由把任務切小，人的心理會覺得比較能夠做到、比較有動力完成，所以這也是排解焦慮很實用的方法。 </p> <p> <br> </p> <h2 dir="ltr"> 了解你的工作速率 </h2> <p dir="ltr"> 在一年開始的時候，許多人會捲起袖子奮發向上，給自己訂下過高的目標，或是在計畫的時候給自己訂下負擔太重的任務，使得就算完成了前面的任務，也變得後繼無力。可是我們往往知道，穩定且持續地推進度，確認日常的累積是非常重要的。 </p> <p dir="ltr"> 因此，我們必須能夠「精準地評估自己完成一項任務需要多少時間」。這應該是專業工作者必須擁有的技能，值得花上一段時間磨練。剛步入職場的初心者往往會高估自己的能力，好比說認為一件事情自己需要一小時可以完成，最後卻做了四個小時。 </p> <p dir="ltr"> 利用番茄鐘雖然有幫助你控制工作與休息時間的功能，但另一個重要的點在於讓你知道自己工作的速率。知道這件事情需要花四小時，最後也真的花了四小時，這是相當重要的事情。這一套系統，也是為了讓你可以精確地評估自己作一件事情的時間。不斷地調整、修正、理解自己的工作速率，才能讓你感覺到一切都在掌控之中。同理，休息起來摸摸貓、抽根菸、翻滾一下瑜珈球之類的時間，也要一起計算在你的任務時間裡。不這樣做，你的評估就會很難精準了。 </p> <p dir="ltr"> 網路上大部分寫這些工作方法的文章都會寫得很詳細，並且分寫成好幾篇文章，本篇盡可能縮減篇幅，只講重點，大家不妨先實作看看再尋找更多資料，遇到困難也可以留言粉專或是私訊野薑，我們視情況再寫下集囉。 </p>

網路軟體科技業這一行往往花許多心力調整內部團隊的工作流程，矽谷的各種專案管理和工作方法，據說對非本行的人而言，覺得十分著迷。近年流行的敏捷式開發（Scrum）、看板（Kanban）和OKR各有各的特色和優點，這些概念像是不同的武功招式，團隊往往在理解了這些核心概念後，會吸納改良，融合成一套適合自己的團隊方法。

Blog 文章

文章分類

以下是【網路世界】有關的文章

疫情之下的遠端工作小指南

從Zettelkasten 便利貼卡片到 Roam Research 的筆記方法

網站的著作權問題！一口氣大解析

一篇就看懂的專案管理法：集 Scrum X kanban X OKR 的武功門派

資料工作坊-文化部

國家人權委員會網站-視覺設計與插圖

正法寶藏

Blog 文章

文章分類

以下是 【 網路世界 】有關的文章

疫情之下的遠端工作小指南

從Zettelkasten 便利貼卡片到 Roam Research 的筆記方法

網站的著作權問題！一口氣大解析

一篇就看懂的專案管理法：集 Scrum X kanban X OKR 的武功門派

資料工作坊-文化部

國家人權委員會網站-視覺設計與插圖

正法寶藏

以下是【網路世界】有關的文章