Verna Gong – Medium

Mar 1, 2020

回顧 UI/UX 的三週年

從小小接案公司走進系統產品公司、開啟接案生涯的三年回憶錄距離上一篇文章一年多了，這一年家裡和工作都可謂轟轟烈烈，我看見了不足的自己，從懷疑、失落和恐懼，到有點勇氣去正視這樣的自己，決定寫下這三年在工作上的收穫，誤人子弟。 2016年8月，踏進 UX/UI 剛畢業的一張白紙，我想做設計、但自己的設計好像也不是頂尖，而且當平面好像會很窮，偶然看見有個頗新的領域叫 UX/UI ，薪水好像比較 …

11 min read

回顧 UI/UX 的三週年

Dec 5, 2018

為什麼需要人形機器人

最近有幸與一間開發機器人的公司見面，過程中提到了一個問題：為什麼我們需要人形機器人？覺得是個很有趣的課題，決定紀錄一下自己的想法。 — 當你問我為什麼喜歡機器人，我會說因為他會學習、會跟人交流，你再問那為什麼不發展AI就好，我又說因為人形更能有互動過程、而非只是無形的「程式」。但其實在這個問題被提出的當下，我也有種語塞跟困惑。老實說，以前的我一直認為機器人的精髓在於AI，而非他長成什麼型態，因為當他沒辦法與人良好的溝通，長得像人也沒有太大用處的。我並沒有實際參與過機器人的設計開發，只是嘗試用設計的角度，理解各式型態的機器人適合被用在哪些場景。讓我們先退回到機器人大約有哪些型態「人形」目前有名的人形機器人包含很正的Erica、有脊椎的Kojiro、說要毀滅人類的Sophia，而台灣也有Zenbo、Pepper等，產品定位大多在教育、家庭、服務業，用來與人互動、陪伴、或是減輕人力負擔。

4 min read

為什麼需要人形機器人

Nov 27, 2018

Wireframe繪製方法分享

網路文章很少介紹到wireframe怎麼畫會比較清楚明瞭，因此想要分享及紀錄一下自己的wireframe畫法。本篇大綱：畫wireframe的目的 wireframe還是wireflow 我的wireframe繪製方式畫wireframe的目的可以把wireframe看作「提出解法的文件」，在理解需求或問題、找出解法之後，用來溝通產品該長什麼樣的規範，可能包含使用流程及頁面框架的邏輯、欄位規則等。因為是用來溝通討論，產出的文件就必須明確清楚：讓參與的人都看得懂一個專案參與的人很多，內部由PM、RD、QA、公司業務客服、到主管或老闆，外部如果是接案的話可能碰上客戶，每個角色的人背景跟理解力都不同，但至少必須確保最直接相關的RD跟QA要能看懂，否則就會失去溝通的意義。 2. 圖片之外盡可能完整的說明 wireframe並不單純只是畫面的草稿，他包含運作邏輯、頁面規範、互動流程、最後才是頁面的佈局，而要完整的解釋規則就需要有文字說明。可以的話可以先溝通好wireframe的樣式、畫法，避免不同人產出不同風格的文件，如果沒有是先定義，文件的內容必須儘可能的完整，哪怕是很基本的規則也要寫下來，以免不同人有不同想像、導致溝通上的落差，將來接手的人也不需要自己腦補。

6 min read

Wireframe怎麼畫

Sep 16, 2018

[乾貨]UI相關素材及靈感來源

自己常用的素材及參考網站 — 分為幾種類型：找高質感照片找向量圖檔找配色靈感找設計靈感其他好用網站找高質感照片 PEXELS 自己最常用、CP值很高的照片素材網站，很少有找不到想要的圖的情況。下載有分四種尺寸選擇，也可以自行輸入需要的大小再下載。 2. unsplash.com

6 min read

[乾貨]UI相關素材及靈感來源

Jul 30, 2018

我如何完成多工工作

工作即將屆滿兩年，決定紀錄與分享平常的工作方式，這些讓我能夠在專案中同時擔任PM、UXUI、QA、甚至是微前端(不負責任改改Bootstrap那種)，也好好的活著、沒有被工程師或客戶太討厭。建立工作清單這是對於自己的管理，讓自己甚至同事清楚自己要的事，某種程度也可以防止被塞更多工作卻還要跟對方一一細數自己有哪些代辦事項。 Weekly Plan：每個週一，我都會列出每個專案目前要做什麼、還有哪些沒完成，以及有沒有這週一定要完成的事項。事情多的時候也可以排出優先次序、有需要安排討論或會議也在此時列出來再去聯絡安排。事項清單：將需要討論的、或是會忘記的事情寫成事項清單，如果有發現比較大的事情可能會需要歸進Weekly Plan中，瑣碎的小事或是備忘事項之後就可以順著項目檢查，避免腦袋打結而想不起來的情況，劃掉事項也能得到一些成就感(反之，意外的都劃不掉的話也可能產生無奈)。工具可以用Trello建立每個專案的待辦清單，不過工作上我更習慣手寫放在桌子旁邊，當你突然無所適從、或是開始發呆惶恐時，事項清單可以幫助你找回節奏。

5 min read

我如何完成多工工作

Jul 20, 2018

別做天兵設計 //閱讀筆記( 3 )//

「別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵」。最近很忙碌，半年一本書的計畫就這樣過期了，最近稍微空閒回來第三篇。 — — — 前情提要：別做天兵設計 //閱讀筆記( 1 )// 半年一本書，第一本「別別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵」。medium.com 別做天兵設計 //閱讀筆記( 2 )// 半年一本書，第一本「別別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵」。medium.com 本篇進度： part2.修煉使用者體驗設計師的技能： 2–3.設計規劃 — 設計師需求到設計草圖 2–3–1.如何搞定資訊分類 2–3–2. 導覽設計 Part2. 修煉使用者體驗設計師的技能 2–3. 設計規劃 — 設計需求到設計草圖有了需求，我們需要依據需求來設定對應任務，並將任務進行優先順序的排列。畢竟網站的資訊及功能不是獨立存在，使用者來到網站既要獲取資訊、也要完成任務，兩者互相關聯交錯，我們的目的使讓使用者輕鬆、高效率的操作、瀏覽。

6 min read

別做天兵設計 //閱讀筆記( 3 )//

Mar 25, 2018

別做天兵設計 //閱讀筆記( 2 )//

半年一本書，第一本「別別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵」。歡迎回來，續上篇別做天兵設計 //閱讀筆記( 1 )//之後，辛苦的努力鞭策自己、睡前當晚安故事，終於也要進入第二章的重點筆記了。別做天兵設計 //閱讀筆記( 1 )// 半年一本書，第一本「別別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵」。medium.com 第二章內容篇幅很多，也會拆成幾篇紀錄，這次進度如下： part2.修煉使用者體驗設計師的技能： 2–1.設計流程 — 設計師具體做什麼 2–2.需求分析 — 拿回產品主導 …

7 min read

別做天兵設計 //閱讀筆記( 2 )//

Feb 20, 2018

別做天兵設計 //閱讀筆記( 1 )//

半年一本書，第一本「別別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵」。依照目錄內容筆記內容，看此篇就像看到書一樣XD 目錄 part1. 成為使用者體驗設計師的信念 part2.修煉使用者體驗設計師的技能 part3. 實踐使用者體驗設計的價值 part1. 成為使用者體驗設計師的信念 1–1. 什麼是使用者體驗設計糟糕的使用體驗往往源自糟糕的設計，他讓使用者產生挫敗感、覺得倒霉，甚至放棄品。而設計師避免糟糕的設計，需要先認清使用者體驗設計的含義：設計不等於藝術設計不只是美感、畫畫、創意這些純粹漂亮的外觀，看不懂畢卡索畫作可以解釋成”藝術的魅力”，但設計必須讓人了解、必須替人解決問題。藝術是感性、設計是相對理性而精密的 ; 藝術表達創作者的個人意識、設計是為了瞭解使用者的具體問題，因此設計師必須擁有靈感天份、以及一定的技巧方法，畫線框圖時若沒有章法、憑藉想像和喜好，那麼糟糕的設計常常源自於此。

5 min read

別做天兵設計 //閱讀筆記( 1 )//

Jan 30, 2018

多重角色的衝突與差異 — PM篇

最近拜讀了 UX設計師腦袋的認知成本、UX工作上常見的多重角色困境兩篇文章，也跟著小小思考最近工作上的思緒及遇到的問題，希望可以釐清問題及找到解法。敝人在一間小小的接案公司擔任UX/UI designer，由於公司很小，工作上的範圍可能從客戶溝通、專案範圍、架構企劃、介面設計、工程師的溝通、後期的測試及無窮無盡的修改，遇到單純的靜態網站、也有過自己改起bootstrap，當然身為公司唯一的設計，也需要做做簡報、偶爾拉攏客戶幫忙製作不專業海報及大圖。面對這樣多重的工作，從質疑自己的職位身份、到盡力想要找到平衡點，在閱讀 UX工作上常見的多重角色困境之後，心有戚戚焉之外，也回顧這段期間以來對於各個角色的心境、認知及嘗試的調整。 — 此篇為PM+UXUI的多重角色心境篇 — 設計師兼任客戶溝通與掌控專案的PM角色，是目前遇到問題最大、也一直找不到平衡，常常覺得像待命的客服人員，來來往往溝通卻跳針的無法釐清客戶需求。

5 min read

多重角色的衝突與差異 — PM篇

Jan 4, 2018

JavaScript 學習筆記

常常看不懂js，改bootstrap很痛苦，所以查了一些js的基本概念記錄下來。 — JavaScript是一種動態程式語言，應用於HTML文件上就可以為網頁提供動態功能。參考的文章如下，只記下能看懂的部分： JavaScript 基礎 JavaScript 是一個成熟的動態程式語言，應用於 HTML 文件(document)上時，就可以為網頁提供動態的互動功能。JavaScript 是由 Mozilla project、Mozilla Foundation …developer.mozilla.org JavaScript基礎知識（一）用於分隔 JavaScript 語句，通常我們在每條可執行的語句結尾添加分號，使用分號的另一用處是在一行中編寫多條語句。hk.saowen.com [JavaScript通常寫在哪裡] js可以被放在 HTML的： 1. <head> 部分、2. 頁面底部

5 min read

JavaScript 學習筆記