把握機會跨出一步。 犧牲睡眠並試圖去做。 即使挫折迎面而來。 一個觀點帶來更多漣漪。 -JOY DIVISION(1979) 游擊式使用者研究：銀湖咖啡任務 本書中提到的戒癮機構的構想，於此展開使用者研究，人員組成客戶：從旁聽到實際使用者感受UX研究員：負責紀錄與問券設計組長：主導使用者訪談協調員：從旁協助使用者訪談的接待、設備與場地準備受訪者：10名，一位約預留半小時共費時8小時，5,000USD 經驗分享 當你讓官建立和關係人坐在真實顧客面前，他們才有機會盡早從使用者身上收到正反面訊息一個成功的場域研究，來自於有條理、默契好並高度激動的團隊想要獲得實證資訊，其實不需要砸錢或花費大量時間。 Q:（從哪裡獲得使用者） 一般使用者研究 vs. 游擊式使用者研究 使用者研究的目的是讓我們對目標族群的需求有完整了解，讓價值主張有參考可循。有很多傳統的研究方法能幫你了解使用者的觀點，像是卡片分類法、情境訪查法、焦點團體法和問券調查，也有很多使用者研究相關的工具書可以參考： <UX for Lean Startups> 精實創業的使用者體驗…
「要避免因追求錯誤策略而過早花費鉅額資金的行為，你必須擁有實驗性的思維模式。」 這篇心得遲了很久，應該是還需要再來複習一下前幾章的重點。 而回顧還是須圍繞在UX4大信條，以及MVP的概念，MVP亦即 Minimum Viable Product, 最小可行產品的縮寫，在精實創業的前提下，需要盡快針對實際使用者的回饋來確認是否偏離目標。這也是信條3的基礎。 這些實驗必定是越早開始越好。 一個成功的UX策略也需要持續不斷的被測試，確保產品發展的解決方案是人們極度渴望的，而從故事板進到MVP或產品原型的製作階段。如果團隊的假設沒有偏離方向，就快速進行小型、具結構性且精實的實驗，以獲得學習，並進早得知此商業模式在真實世界中是否可行。這樣的作法開啟了UX策略4個信條的融合過程。 UX策略4大信條1. 商業策略2.價值創新3.實證使用者研究4.殺手級UX 盡最大的努力去做 成功創業案例的分享，重點是要能一點一點累積，埋頭苦幹的精神有宏大的想法與目標，先從小事做起，呼應WBS的概念，能較快實現驗證持續盡心信力維持與夥伴的良好關係 我如何成為一個實驗狂 具備許多真正潛在顧客的巨大市場會導引新創公司做出產品。馬克安德生,2007-Product/Market Fit 產品開發者必須從了解顧客的問題開始著手，在依據顧客的需求修正調整解決方案。史蒂芬布蘭克 這在UX策略的作法就是進行實驗。 不論用何種方式或環境進行實驗，目的都是要測試一個變項以檢驗當初假設是否符合預期。這個變項是可被控制或改變的任何項目、因素或條件。 觀察實驗時，在一定的時間限制內，試著關注人事物的因果關係，因為要量測並擷取變項改變時所觀察到的證據。…
接觸數位音樂的開端都是使用iTunes管理音樂卻在這半年多發現，以前的音樂ID3標籤都變成亂碼，到底是程式出了那一版的更新造成這樣管理音樂上的困難？ Why iTunes? 我享受音樂，從接觸數位音樂開始，使用自己的電腦當作儲存音樂的資料庫，按照日期、歌手歸類存放，想聽什麼就設計播放清單，若要外出，就放手機記憶卡，開車就另外燒錄新歌。 直到使用iPhone, 了解iTunes管理音樂的方便性，可以直接管理手機音樂，要轉成CD也可以直接完成。 我習慣了這種便利，以及高音質的享受，我個人不太愛串流音樂，但我有訂閱 Apple Music，純粹是喜歡他的同步化處理。 中文歌曲的管理 中文歌手排序的困難，要搜尋歌手都要輸入關鍵字，所以在管理上我在匯入的時候都會將姓氏的羅馬拼音的第一個字母作為開頭 iPhone iTunes 歌手尋找畫面 如果歌手是王建民，就會編輯成W.王建民，就可以用右側的字母分類作為搜尋依據。如此管理很費時，但在搜尋的時候很快的能依據使用習慣找到對應的歌手，當然專輯名稱就不會特別去調整了。 若是有 feat 的歌手，也會分別用分號區隔，如果王建民 跟 郭泓志…
這半年多看了很多關於Google Analytics 與 Google Tag Manager 的教學，發現多數文章都增加了目錄，這就像事由書本中的概念應用在部落格或教學文章中，依循了實體書本體驗，書本都會由目錄開始，依序起承轉合的脈絡閱讀，我想這也是UX策略中提到的，UX影響者的原理延伸的功能，所以我也把這樣的功能安裝起來，嘗試功能調整與體驗的方式。 尤其是O'Reilly的結構非常細，目錄應該也會相當多，當訓練重點整理的能力。 本章重點 做完了競品分析、研究跟建議，接著就需要利用這些論點找出關鍵經驗，關鍵經驗來自於UX影響者（CH5)的創新價值，結合商業策略目標，能夠帶給使用者體驗上的價值，並運用故事板闡述說明，故事板的內容則需要做特點比較說明（競品分析表），運用幾個競品的特點擷取精華，作為更有佐證背景的依循。 最後利用故事板框架，提案並傳達想法，不需要太注重畫面，簡單的做情境演繹，當然這故事是因為你做了分析研究得到的結論，實際工作經驗中，目前我僅想到是可以大概花半個小時左右來完成，作為提案產品功能背景說明用途。 故事板是什麼？ 以往再執行多媒體廣告動畫的時候，都會先討論廣告訴求創意發想概念，下一階段就會有廣告分鏡，再利用故事板說明創意內容與演繹過程。 故事板能作到什麼？ 將挖掘到的特點放入故事中說明，這故事的場景就是因為在競品或市場藍海的亮點，因為這個特點能夠解決目前市場上的問題，就能利用這樣的方式提出建議跟方向。 探索價值創新的方法 前面章節提到，經過競品研究/分析後，提出你的立場與建議，如果創新的建議能夠達成共識，團隊下一步要開始的步驟、在設計開始之前，如何將你的UX大放異彩，結合價值創新與殺手級UX，展現卓越的價值。 探索的價值創新的方法： 找出關鍵經驗利用UX影響者進行特點比較用故事板思考價值創新 找出關鍵經驗…
競品研究的目的？ 在先前的章節中提到，驗證價值主張是避免開發方向的迷失，需要謹慎確保這樣的產品是有辦法解決使用者痛點，並能在競爭者中脫穎而出，那接續的任務，當經過再三確認後定義好價值主張，如同書中提到的婚禮Airbnb 的雙邊市場的確有這樣的需求量，緊接著就是將這樣的驗證做競品研究。 如先前的工作經驗，在房產媒合平台中的競爭者眾多，國內外的市場已經有相當成熟的發展，舉凡資訊內容提供、功能應用、到最後的獲取名單，先不論品牌價值對用戶的影響，提供類似的服務平台也超過10個，這些優勢劣勢作為一個UX策略者必須要能夠清楚了解，我認為這是必須掌握的domain-knowhow。 如何進行競品研究？ 在書中提到的夢幻島，製片家希望能開發有錢沒時間選購高級訂製服的服務平台，以這樣的方向來研究其他男性服裝的平台，並依據各項提供的功能服務來進行分析，為了實做，就以先前工作經歷來實做一份競品研究表： 尋找競品 可以透過與stakeholder、用戶訪談中得到一些參考的競品品牌，當然最熟悉的就是利用搜尋引擎來做囉！ 盡可能將設定符合的情境關鍵字，如： (more…)
為什麼要進行產品開發？ 專案或產品開始前，需要了解為了什麼目標開發，在過往工作經驗中，幾乎都是上層單位收到任務後指派，而一收到任務指令就會啟動專案。 (more…)
漸層使用一直是沒練習過的內容，只知道如何改，現在從頭開始學習筆記。 使用屬性： background:linear-gradient(#fff,#000);/*線性漸層-由上方白色漸變至下方黑色*/ background:radial-gradient(#fff,#000);/*放射性漸層-由中心點白色漸變至外側黑色*/ 顏色可以增加若干個，顏色後方增加渲染區域數值。若數值重疊，則會無漸變效果，類似色塊堆疊的方式呈現。 background: linear-gradient(to direction, color-start, color-stop1, ... , color-end); 漸層的變化多，屬性也因為顏色與距離關係，設定非常多樣化，掌握上述變化，另外須注意顏色寫法語位置，導致下列範例非常多，為了搞懂漸變的語法確實花了很多時間。 技巧為運用了 background:repeating-linear-gradient的屬性，製作條紋漸變。 通常為了減少語法，漸變顏色初始與結束都會省略，這是在之前都不了解的內容，這次算有點搞清楚背景，顏色開始跟結束 都需要設定數值，否則怎麽看都不懂語法的寫法跟顏色顯示的關係在哪，確實是一大收獲！ 另外hsla撰寫顏色的數值，S與L一定要寫%，否則不會有結果顯示。 https://codepen.io/cadmus/pen/Rdvegz?editors=1100#0…
一般圓角邊框是使用 border-radius:1em 即可達到圓角效果， 若是特殊指定角落，則變為 border-top-left-radius:1em; 內側圓角、外側直角，取決於box-shadow與outline的特性不同， box-shadow會照著邊框形狀走，outline則按照直角方式描邊，此案例困難的地方在於要計算出填補空隙的數值。 先設定圓角半徑border-radius:0.8em; 再設定outline:0.8em solid #333; 最後設定的是box-shadow:0 0 0 0.4em #333; box-shadow設定0.4em的原因為需要以直角三角形的畢氏定理(真的很久沒有聽過這個定理了...)解釋， 直角三角形兩邊的平方和等於斜邊平方，a²+b²=c² 依照box的圓角半徑 都為相同的情況，圓角半徑不得小於斜邊長度亦即…
圖片背景設定方式其實都算蠻基本的方法了，通常都是使用 [cc lang="css"]background:#666 url(*.jpg);[/cc] 如果要改變位置，後面直接設定數字，預設為左/上為基準做移動。 [cc lang="css"]background:#666 url(*.jpg) 10px 5px;[/cc] 此章節是說明如codepen範例中的關係，容器的預設尺寸有三種， content-box padding-box border-box 依序由內到外，若背景設定遇到容器的padding設定會無視padding的數值，如下方第三個項目，背景設定預設是由padding-box開始計算（比較第一項跟第三項），此時需要設定將背景移動的方式改為content-box為起始數值， [cc lang="css"]background-origin:content-box| padding-box | border-box[/cc]…