<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Hsiao-Jou Lee on Medium]]></title>
        <description><![CDATA[Stories by Hsiao-Jou Lee on Medium]]></description>
        <link>https://medium.com/@joan189joan18989?source=rss-b408bee19a7c------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*tsR7aUfhJAH_0iAPgR4icQ.jpeg</url>
            <title>Stories by Hsiao-Jou Lee on Medium</title>
            <link>https://medium.com/@joan189joan18989?source=rss-b408bee19a7c------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sun, 17 May 2026 03:08:38 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@joan189joan18989/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[AI Anxiety and SDLC: Instead of Worrying About Being Replaced, Let’s Talk About What AI Can’t Do]]></title>
            <link>https://medium.com/@joan189joan18989/ai-anxiety-and-sdlc-instead-of-worrying-about-being-replaced-lets-talk-about-what-ai-can-t-do-2cd22975b58f?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/2cd22975b58f</guid>
            <category><![CDATA[artificial-intelligence]]></category>
            <category><![CDATA[future-of-work]]></category>
            <category><![CDATA[sdlc]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[technology]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Tue, 25 Nov 2025 08:25:17 GMT</pubDate>
            <atom:updated>2025-11-26T01:12:27.655Z</atom:updated>
            <content:encoded><![CDATA[<h4>A UI/UX Designer’s perspective on the shifting role of humans in software development.</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*brqbOmI1t62ZtjR8EAfU5g.jpeg" /></figure><p>Hi everyone, I’m 9Ana! 🥰</p><p>Recently, with the sudden release of Gemini 3, a lot of people are feeling anxious. As a UI/UX designer, I’d be lying if I said I wasn’t worried 😂. People even ask me, “Why go to grad school for Interaction Design now? Aren’t you afraid AI will take your job?”</p><p>But that is exactly <em>why</em> I went back to school. <strong>I want to find the value humans have that AI can’t replace.</strong></p><p>During my studies, I focused on AI’s role in the <strong>SDLC (Software Development Life Cycle)</strong>. After reading many academic papers on human-AI collaboration, I found an interesting fact:</p><blockquote><strong><em>AI will change our work “process,” but it cannot fully replace people.</em></strong></blockquote><p>Today, I want to share my thoughts on why human value is becoming even more rare and important, based on the research I’ve read.</p><h3>🔍 The Change: From “Maker” to “Reviewer”</h3><p>First, we have to admit the workflow has changed. Many papers show that the old SDLC is turning into a new process that fits the AI era. AI is already helping with parts of the work.</p><ol><li><strong>Traditional SDLC</strong> We know this one. Every step relies heavily on human effort.</li></ol><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qjqTi05ywF35StccVGDz_A.png" /><figcaption><em>Caption: Traditional SDLC process, distinct stages relying on manual execution.</em></figcaption></figure><p><strong>2. AI-Embedded SDLC</strong> Now, AI is involved in every step.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*n0D9NJLwx1AM6IzDDxinhA.png" /><figcaption><em>Caption: AI-Embedded SDLC, now AI has permeated every aspect.</em></figcaption></figure><ul><li><strong>Before:</strong> Engineers spent time writing code syntax; Designers spent time drawing wireframes.</li><li><strong>Now:</strong> AI generates code; AI produces interface drafts.</li></ul><p>This looks scary, right? But looking deeper, I found that to fully replace us, AI has to cross two big walls 👇.</p><h3>💡 Condition 1: AI can do “ALL” the work</h3><p>Note the word <strong>“ALL”</strong>! In the SDLC, people outside the industry often think:</p><ul><li>Engineer = Writes Code 💻</li><li>Designer = Draws UI 🎨</li><li>PM = Writes Specs 📝</li></ul><p>If jobs were that simple, AI would indeed be faster. <strong>But in the real SDLC process, “making a part” is not the same as “making a usable product.”</strong></p><ul><li><strong>Engineers don’t just write code:</strong> AI often gives “ideal” code, but it doesn’t know our system’s 10-year history (legacy code). It doesn’t fit the team’s current structure, and it doesn’t know if this new code will crash the whole system.</li><li><strong>Designers don’t just draw UI:</strong> AI draws pretty pictures, but they are just pictures, not a flow. It can’t manage a whole <strong>Design System</strong>, ensure 50 pages work together logically, or handle complex problems and edge cases.</li></ul><p><strong>AI can give you countless beautiful Lego pieces, but you still need a human brain to choose the right pieces and build a safe, stable castle.</strong></p><h3>💡 Condition 2: Users can “accept” AI’s output</h3><p>This is interesting! Even if AI makes it, <strong>do people actually want it?</strong></p><p>AI is powerful, but in real work, “standard answers” limit our possibilities. It often lacks applicability:</p><ul><li><strong>Missing Context:</strong> AI suggestions might follow the rules, but they don’t understand feasibility or user habits. Sometimes, placing a button in a “wrong” place is actually better for business, but AI doesn’t know that.</li><li><strong>Missing Flexibility &amp; Humanity:</strong> If everyone uses AI to write copy and make interfaces, the world will become boring and look the same. It kills the creativity I love.</li></ul><p>This is why clients still need you. They don’t just want a file; they want your <strong>understanding</strong>, your <strong>empathy</strong>, and a product <strong>made just for them</strong>.</p><h3>🔍 The Shift: From “Doer” to “Decision Maker”</h3><p>Since these two conditions are hard to meet, what is the future? This is the <strong>AI SDLC</strong> I am studying.</p><p>AI isn’t replacing people, but it is changing our role. Engineers and designers spend less time “starting from scratch” and more time “checking AI,” “integrating systems,” and “improving experiences.”</p><p><strong>We are changing from “The person who does the work” to “The person who makes decisions.”</strong></p><h3>⚖️ The “Hidden Cost” of Efficiency</h3><p>I read a conclusion in a paper that I really liked. It reflects our situation perfectly. AI is a double-edged sword:</p><p><strong>🟢 Positive:</strong> It solves the problem of “starting from zero.” AI’s biggest strength is helping us when we run out of ideas or need to write repetitive code.</p><p><strong>🔴 Negative:</strong> It brings a new “Burden.” This creates a new problem: <strong>Verification</strong>. This is a new “UX Burden.” AI might be right, or it might be wrong. Developers must spend energy to <strong>audit and debug</strong> AI’s output.</p><p>What does this tell us? <strong>The bar for “writing code” is lower, but the bar for “understanding and fixing code” is higher.</strong> If you aren’t professional enough, you won’t even see where AI is wrong, and you will be crushed by this “hidden debt.”</p><h3>✨ Conclusion: Our Value is Being Reshaped</h3><p>AI increases efficiency in the SDLC, but it also creates new problems. This is exactly why we won’t be easily replaced.</p><p>The future belongs to those who have the deep knowledge to <strong>review, fix, and integrate</strong> AI’s work, not just those who write code or draw fast.</p><p>Finally, I want to say:</p><blockquote><strong><em>“I like the convenience and efficiency of AI, but I cherish human flexibility, creativity, and warmth even more.”</em></strong></blockquote><p><strong><em>參考資料：</em></strong><em><br></em><a href="https://www.researchgate.net/publication/391145404_A_Comprehensive_Framework_for_Intelligent_Scalable_and_Performance-Optimized_Software_Development"><em>A Comprehensive Framework for Intelligent, Scalable, and Performance-Optimized Software Development (2024)</em></a></p><p><a href="https://www.researchgate.net/publication/381254814_Evaluation_of_Generative_AI-Assisted_Software_Design_and_Engineering_A_User-Centered_Approach"><em>Evaluation of Generative AI-Assisted Software Design and Engineering: A User-Centered Approach (2024)</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=2cd22975b58f" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[AI 焦慮世代的 SDLC 觀察：與其擔心被取代，不如聊聊那些 AI 做不到的事]]></title>
            <link>https://medium.com/@joan189joan18989/ai-%E7%84%A6%E6%85%AE%E4%B8%96%E4%BB%A3%E7%9A%84-sdlc-%E8%A7%80%E5%AF%9F-%E8%88%87%E5%85%B6%E6%93%94%E5%BF%83%E8%A2%AB%E5%8F%96%E4%BB%A3-%E4%B8%8D%E5%A6%82%E8%81%8A%E8%81%8A%E9%82%A3%E4%BA%9B-ai-%E5%81%9A%E4%B8%8D%E5%88%B0%E7%9A%84%E4%BA%8B-3cff4163b31a?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/3cff4163b31a</guid>
            <category><![CDATA[technology]]></category>
            <category><![CDATA[artificial-intelligence]]></category>
            <category><![CDATA[sdlc]]></category>
            <category><![CDATA[ai]]></category>
            <category><![CDATA[ux-design]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Tue, 25 Nov 2025 08:02:58 GMT</pubDate>
            <atom:updated>2025-11-26T01:05:11.770Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*brqbOmI1t62ZtjR8EAfU5g.jpeg" /></figure><p>嗨嗨～我是 9Ana🥰！</p><p>最近Gemini 3的橫空出世，蠻多人都陷入了焦慮。</p><p>身為一名 UI/UX 設計師，說不擔心是騙人的 😂，也有人問我：「為什麼去讀互動設計研究所？難道不怕工作被 AI 取代嗎？」但這正是我想去讀書的原因 ，我想找出人類無法被取代的價值。</p><p>在研究所期間，我打算將研究重心放在 <strong>AI 在 SDLC（軟體開發生命週期）中扮演的角色，</strong>為了釐清研究方向，我閱讀了很多探討人機協作的學術論文，我發現了一個有趣的現象</p><blockquote>AI 會改變我們工作「流程」，但無法完全取代人</blockquote><p>今天想用這篇文章，結合我目前看文獻的心得，聊聊在軟體開發的巨變下，為什麼<strong>人類的價值反而變得更稀缺。</strong></p><h3>🔍 改變：從「製造者」變成「審視者」</h3><p>首先，我們得承認工作流程改變了。許多論文或文章都指出，舊有的 SDLC 正在轉型，變成更適合 AI 世代的流程，AI 已經開始協助 SDLC 中的部份工作內容。</p><p><strong>1. 傳統軟體開發生命週期 (Traditional SDLC)</strong> 這我們都很熟悉，每個階段都極度依賴人力的投入：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qjqTi05ywF35StccVGDz_A.png" /><figcaption>傳統 SDLC 流程，各階段涇渭分明且依賴人工執行</figcaption></figure><p><strong>2. AI 嵌入式軟體開發生命週期 (AI-Embedded SDLC)</strong> 現在，AI 已經滲透進了每一個環節：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*n0D9NJLwx1AM6IzDDxinhA.png" /><figcaption>AI 嵌入式軟體開發生命週期，現在AI 已經滲透進了每一個環節</figcaption></figure><ul><li><strong>以前：</strong> 工程師花時間語法寫 Code、設計師花時間畫 Wireframe</li><li><strong>現在：</strong> AI 生成 Code、AI 產出介面草稿。</li></ul><p>這看起來很可怕對吧？但深入研究後，我發現要達成「完全取代」，AI 必須跨越兩道它目前難以跨越的高牆 👇。</p><h3>💡 條件一：AI 能做到該職業「所有」工作內容</h3><p>注意喔，是「所有」！ 在SDLC裡，外行人往往誤以為：</p><ul><li>工程師 = 寫 Code 💻</li><li>設計師 = 畫 UI🎨</li><li>PM = 寫 Spec 📝</li></ul><p>如果工作真的只有這樣，AI 速度確實很快。 <strong>但在真實的 SDLC 流程中，「單點產出」不等於「可用的產品」。</strong></p><ul><li><strong>工程師不只是寫 Code：</strong> AI 給的常常是「理想狀態」，但它不懂我們系統那 10 年的<strong>歷史包袱</strong>。它不符合團隊現有架構，更不知道這段代碼放進去會不會讓整個系統崩潰。</li><li><strong>設計師不只是畫 </strong>UI<strong>：</strong> AI 畫圖很美，但那是一張圖，不是流程。它無法維護整套 <strong>Design System（設計系統）</strong>，無法確保 50 個頁面的互動邏輯一致，更處理不了複雜的可行性和那些讓人頭痛的極端狀態。</li></ul><blockquote><strong>AI 可以給你無數個精美的零件，但要選擇適合的零件並組裝起來，依然需要人類的「系統性思維」。</strong></blockquote><h3>💡 條件二：受眾能「接受」AI 產出與價值</h3><p>這點更有趣了！即便 AI 做出來了，<strong>它的產出真的是受眾要的嗎？</strong></p><p>AI 是強大的，但在現實工作中，標準答案往往限制了我們的可能性，甚至缺乏了最關鍵的<strong>適用性</strong>：</p><ul><li><strong>缺乏「眉角」：</strong> AI 給的建議或許符合標準，但它不懂可行性、不懂使用者的特殊習慣，也不懂為什麼這個按鈕放在這裡雖然不合規範、但在商業上卻最有效。</li><li><strong>缺乏「靈活」與「人性」：</strong> 當所有人的文案、介面都用 AI 生成，世界就會變得千篇一律。反而抹殺了<strong>我最愛的創意</strong>。</li></ul><p>這就是為什麼還是需要你。因為這世界要的不是單純產出，而是你對情境的<strong>理解</strong>、對痛點的<strong>同理</strong>，以及那份<strong>量身打造的產品</strong>。</p><h3>🔍 發生改變：從「做的人」變「做決策的人」</h3><p>既然兩個條件很難達成，那未來會是？ 這就是我目前在探討的AI SDLC。</p><p>AI 並沒有取代人，但改變了我們在流程中的工作。 工程師和設計師花在「從零開始」的時間變少了，但花在<strong>「檢查 AI 產出」、「整合系統」、「優化體驗」</strong>的時間變多了。</p><blockquote>我們正在從一個「做的人」，變成一個「做決策的人」。</blockquote><h3>⚖️ 效率背後的「隱形代價」</h3><p>讀了相關論文後，有個結論我很喜歡，真實地反映了我們現在的情況。 AI 對於開發的影響，其實是一把雙面刃：</p><p><strong>🟢 正面成效：解決了「從零開始」</strong> AI 最強大的地方是它幫我們解決了<strong>創意枯竭</strong>以及<strong>撰寫重複程式碼</strong>。</p><p><strong>🔴 負面成效：帶來了全新的「負擔」</strong> 產生新的問題，<strong>AI 帶來了「驗證」問題，這是一種新的 UX 負擔。</strong> AI 給的東西可能是對的，也可能是錯的。 開發者必須花心力去<strong>審核、除錯</strong>AI 的產出。</p><p>這告訴我們什麼？ <strong>「寫 Code」的門檻降低了，但「看懂 Code」並「修正 Code」的門檻卻變高了。</strong> 如果你沒有足夠的專業，你連 AI 錯在哪裡都看不出來，最後反而會被這個「隱形債務」壓垮。</p><h3>✨ 結語：我們正在經歷價值重塑</h3><p>AI 在 SDLC 流程中加速了效率，但它同時也製造新問題。這正好說明了為什麼我們不會輕易被取代。</p><p>未來的專業分水嶺，將不再取決於誰能更快地寫出 Code 或畫出圖，而是在於誰具備足夠深厚的底蘊，去<strong>審視</strong>、<strong>修正</strong>並<strong>整合</strong>AI 的產出。</p><p>最後我想說</p><blockquote>我喜歡 AI 帶來的便利與高效，但我更珍視人類獨有的靈活思維、創意與人性溫度。</blockquote><p><strong><em>參考資料：</em></strong><em> <br></em><a href="https://www.researchgate.net/publication/391145404_A_Comprehensive_Framework_for_Intelligent_Scalable_and_Performance-Optimized_Software_Development"><em>A Comprehensive Framework for Intelligent, Scalable, and Performance-Optimized Software Development (2024)</em></a></p><p><a href="https://www.researchgate.net/publication/381254814_Evaluation_of_Generative_AI-Assisted_Software_Design_and_Engineering_A_User-Centered_Approach"><em>Evaluation of Generative AI-Assisted Software Design and Engineering: A User-Centered Approach (2024)</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=3cff4163b31a" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Positioning Triangle | Quickly Clarifying Product Positioning]]></title>
            <link>https://medium.com/design-bootcamp/positioning-triangle-quickly-clarifying-product-positioning-5b167f4568c0?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/5b167f4568c0</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[product-management]]></category>
            <category><![CDATA[project-management]]></category>
            <category><![CDATA[ux-research]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Tue, 18 Nov 2025 05:56:05 GMT</pubDate>
            <atom:updated>2025-11-18T09:23:14.708Z</atom:updated>
            <content:encoded><![CDATA[<p>👋 <strong>Hi~ I’m 9Ana!</strong></p><p>I recently learned about a very useful product analysis tool in class called the <strong>Positioning Triangle</strong>.</p><p>It looks simple, but it can make an app’s positioning clear right away. I think it’s a tool that UI/UX designers and PMs can pick up easily.</p><p>I used it on a language learning app (TalkMe) as an example. I’m sharing it with you all 👇</p><h3>🔺 What is the Positioning Triangle?</h3><p>It’s a framework that breaks down product positioning into <strong>“three main questions.”</strong> It helps teams quickly agree on the product’s direction.</p><p>Usually, in product or UX research, we collect a lot of data: user interviews, needs, pain points, competitor analysis, KPIs… But with too much information, it’s easy to get lost.</p><p>The purpose of the Positioning Triangle is to <strong>“focus on the three most important things”</strong>:</p><p>1️⃣ <strong>Whom am I for?</strong> (Who am I solving problems for?)</p><p>2️⃣ <strong>Who am I / Why trust me?</strong> (What are my core abilities? What value do I provide?)</p><p>3️⃣ <strong>Why buy me?</strong> (What is the user’s real “reason to choose” me? Function vs. emotional value?)</p><p>After these three things are clear, the rest of the UX work becomes much smoother:</p><ul><li>It’s easier to decide on features.</li><li>Flows and Wireframes will have a clearer direction.</li><li>Even the copywriting (the text in the app) will be more focused.</li></ul><h3>Example: TalkMe App</h3><p>Below are two images from my class exercise 👇</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/960/1*0yjgvRK377ie9Srr_wpKqg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/960/1*gKyVYGpbGwn8jeSoYfGJfQ.png" /></figure><h4>🔍 1️⃣ Whom am I for?</h4><p>First, I defined the target user as:</p><p><strong>“Language learners who are afraid of making mistakes, don’t know who to practice with, and feel insecure.”</strong></p><p>This group has a few common traits:</p><ul><li>They want to practice speaking, but feel it’s scary to open their mouth.</li><li>The embarrassment of saying something wrong feels worse than the grammar mistake itself.</li><li>They can’t find native speakers or language partners.</li><li>Their English level isn’t bad, but they don’t dare to speak.</li><li>They avoid speaking practice because of anxiety.</li></ul><p>These ideas come from my own difficulties in language learning + research methods from class.</p><p>👉 Once the positioning is clear, the product’s tone, interaction style, and feature design can all focus on the core need: <strong>“speaking with confidence.”</strong></p><h4>🔍 2️⃣ Who am I / Why trust me?</h4><p>In this part, I broke down the product’s “core abilities” and “perceived value”:</p><p><strong>TalkMe is an app that provides a natural, stress-free speaking practice experience.</strong></p><p>Its value comes from:</p><p>✔ <strong>Functional Value (What it does)</strong></p><ul><li>An AI that can simulate (copy) real conversations.</li><li>Gives instant feedback on pronunciation and grammar.</li><li>Can adjust the difficulty and topics of responses.</li><li>Practice anytime, with no time limit.</li></ul><p>✔ <strong>Emotional Value (How it feels)</strong></p><ul><li>No need to worry about being laughed at.</li><li>Practicing feels “safe.”</li><li>Low mental stress, so they are more willing to speak.</li><li>Successful speaking → Sense of achievement → Creates a positive feedback loop.</li></ul><p>👉 What users trust isn’t the technology, but the <strong>“feeling of being supported.”</strong></p><h4>🔍 3️⃣ Why buy me?</h4><p>This is the part most easily overlooked (missed) in UX: Users don’t buy an app because “this feature is cool,” but because it solves their deepest, most personal problem.</p><p><strong>TalkMe’s final value isn’t “making your English good,” but “making you dare to speak.”</strong></p><p>So the real answer to “Why buy me” is: ✔ It lets you speak without worry. ✔ You can practice again and again until it feels natural. ✔ Your mental stress goes down, and your speaking ability naturally improves.</p><p>This is the positioning chain: <strong>Function → Emotion → Real Results.</strong></p><h3>✨ Why do I think this framework is so useful?</h3><p>🔸 <strong>1. It forces you to put the “user” first.</strong></p><p>🔸 <strong>2. It makes feature priority (what’s most important) very clear.</strong></p><p>🔸 <strong>3. It makes communication easier.</strong></p><p>🔸 <strong>4. It is the foundation (base) for all future UX work.</strong></p><p>Although this example analyzes a finished product, it is also very suitable for the early stages of design. It will make the design more focused and prevent design decisions from drifting.</p><p>That’s all for my sharing~</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=5b167f4568c0" width="1" height="1" alt=""><hr><p><a href="https://medium.com/design-bootcamp/positioning-triangle-quickly-clarifying-product-positioning-5b167f4568c0">Positioning Triangle | Quickly Clarifying Product Positioning</a> was originally published in <a href="https://medium.com/design-bootcamp">Bootcamp</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Positioning Triangle｜用「定位三角」快速梳理產品定位]]></title>
            <link>https://medium.com/@joan189joan18989/positioning-triangle-%E7%94%A8-%E5%AE%9A%E4%BD%8D%E4%B8%89%E8%A7%92-%E5%BF%AB%E9%80%9F%E6%A2%B3%E7%90%86%E7%94%A2%E5%93%81%E5%AE%9A%E4%BD%8D-ef4aa68f37bd?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/ef4aa68f37bd</guid>
            <category><![CDATA[ux-research]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[positioning-triangle]]></category>
            <category><![CDATA[product-management]]></category>
            <category><![CDATA[project-management]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Tue, 18 Nov 2025 05:42:30 GMT</pubDate>
            <atom:updated>2025-11-18T06:13:36.665Z</atom:updated>
            <content:encoded><![CDATA[<p>👋 嗨～我是 9Ana！</p><p>最近在課堂上學到一個非常實用的產品分析工具</p><blockquote><strong>Positioning Triangle（定位三角）</strong></blockquote><p>它看起來簡單、卻能讓一個 App 的定位瞬間變清晰</p><p>我覺得 UI/UX 與 PM 都能秒上手的工具</p><p>我把它應用在一個語言學習 App（TalkMe）的案例上</p><p>分享給大家參考👇</p><h3>🔺 Positioning Triangle 是什麼？</h3><p>它是一個把產品定位拆成「三個核心問題」的框架，可以快速讓團隊達成共識。</p><p>一般產品或 UX 研究常常會收集很多資料：<br> 使用者訪談、需求、痛點、競品分析、KPI……<br> 但資訊越多越容易迷失方向。</p><p>定位三角的作用，就是「把最重要的三件事濃縮出來」：</p><h3>1️⃣ Whom am I for?</h3><p><strong>我到底是替誰解決問題？</strong></p><h3>2️⃣ Who am I / Why trust me?</h3><p><strong>我有什麼核心能力？我提供的價值是什麼？</strong></p><h3>3️⃣ Why buy me?</h3><p><strong>使用者真正的“選擇理由”是什麼？功能 vs 心理價值？</strong></p><p>這三件事情清楚後，UX 的後續工作會變超級順：</p><ul><li>更好決定功能</li><li>Flow 與 Wireframe 更有方向</li><li>甚至文案都會更聚焦</li></ul><h3>範例：TalkMe App</h3><p>以下放上我課堂練習做的兩張圖👇</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/960/1*PvFlriXmtD4BE29InAJ-oA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/960/1*g7ws4j1nHdZj4An8hOuXwQ.png" /></figure><h3>🔍 1️⃣ Whom am I for?</h3><p>首先，我把目標使用者定義為：</p><h3>「害怕講錯、不知道跟誰練、缺乏安全感的語言學習者」</h3><p>這群人有幾個典型特徵：</p><ul><li>想練口說，但覺得開口好可怕</li><li>講錯時的尷尬比語法錯誤還痛</li><li>找不到母語者／語伴</li><li>英文能力不差，但不敢講</li><li>會因焦慮而逃避開口練習</li></ul><p>這些洞察來自我在語言學習中自己的痛點＋課堂研究方法。</p><p>👉 <strong>定位明確後，產品的語氣、互動方式、功能設計都能對準「安心開口」這個核心需求。</strong></p><h3>🔍 2️⃣ Who am I / Why trust me?</h3><p>這部分我重新拆解了產品的「核心能力」與「可感知價值」：</p><h3>TalkMe 是一款能提供自然、沒有壓力的口說練習體驗的 App。</h3><p>它的價值來自：</p><h4>✔ 技術價值（Functional Value）</h4><ul><li>具備模擬真實對話的 AI</li><li>會根據語音與語法給即時回饋</li><li>能調整回應難度與話題</li><li>隨時練、沒有時間限制</li></ul><h4>✔ 情感價值（Emotional Value）</h4><ul><li>不用擔心被嘲笑</li><li>練習是「安全」的</li><li>心理壓力低，更願意開口</li><li>開口成功 → 成就感 → 形成正回饋循環</li></ul><p>👉 <strong>使用者相信的其實不是技術，是“被接住的感覺”。</strong></p><h3>🔍 3️⃣ Why buy me?</h3><p>這是 UX 中最容易被忽略的：<br> 使用者買 App 並不是因為「這功能很厲害」，而是因為它解決了他最私密、最痛的地方。</p><h3>**TalkMe 的最終價值不是「讓你英文變好」，而是「讓你敢講」。**</h3><p>所以 Why buy me 的真實答案是：</p><p>✔ 它讓你能放心開口<br> ✔ 可以反覆練到自然<br> ✔ 心理壓力下降，口說進步自然就來了</p><p>這就是 <strong>功能 → 情感 → 實際成效</strong> 的定位鏈。</p><h3>✨ 我為什麼覺得這個框架超好用？</h3><p>🔸 1. 它強迫你把「使用者」放在最前面</p><p>🔸 2. 它讓功能優先順序很清楚</p><p>🔸 3. 它讓溝通變容易</p><p>🔸 4. 它是之後所有 UX 輸出的基礎</p><p>雖然這篇範例是用已完成的產品分析</p><p>但它也很適合用在設計前期</p><p>它會讓設計會更聚焦、設計決策更不會漂浮</p><p>以上是我的分享~</p><pre>如果這篇有幫到你希望你按下方的小手手~拍拍手👏👏👏!!</pre><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=ef4aa68f37bd" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[UI/UX 的核心能力，其實是「會說話」]]></title>
            <link>https://medium.com/@joan189joan18989/ui-ux-%E7%9A%84%E6%A0%B8%E5%BF%83%E8%83%BD%E5%8A%9B-%E5%85%B6%E5%AF%A6%E6%98%AF-%E6%9C%83%E8%AA%AA%E8%A9%B1-19fcce58cb94?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/19fcce58cb94</guid>
            <category><![CDATA[communicate]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[work]]></category>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Sun, 24 Aug 2025 12:34:35 GMT</pubDate>
            <atom:updated>2025-09-01T02:32:54.947Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*anXWKMPGySHTqlevNjZZrg.jpeg" /></figure><p>嗨嗨～我是9Ana🥰！<br>前陣子和同事閒聊<br>討論到UI/UX 設計師最重要的技能是什麼？<br> 是「同理心」？「設計感」？還是「研究能力」？</p><p>結果越聊越歪，最後我們得出一致答案 — — <br> UI/UX 設計師最常用的技能，其實是：<strong>溝通</strong>。🤯</p><h3>🎯 為什麼「溝通」才是核心？</h3><p>因為我們其實每天都在「協調與融合」 — — 把各方的需求融入設計中：</p><ul><li><strong>PM →</strong> 提很多想法或需求，我要挑出最重要的，並讓產品符合需求。</li><li><strong>使用者 →</strong> 告訴我真實痛點，確保設計真正解決問題，不只是漂亮的圖。</li><li><strong>工程師 →</strong> 討論技術可行性，我要調整設計讓它能落地又好用。</li></ul><p>畫圖只是最後呈現，</p><p>真正的工作多半是在「理解需求、溝通細節、妥協取捨」😂</p><p>現實就是這樣，你得把大家拉回同一艘船上</p><h3>💡 那設計師需要的專業能力組合？</h3><p>1️⃣ <strong>使用者洞察</strong><br> 不只是聽「想要按鈕大一點」，而是看穿背後的小秘密：啊，其實資訊架構亂才是主因！</p><p>2️⃣ <strong>表達與說服</strong><br> 不是「因為這樣比較美」💅，而是「這樣能降低學習成本」。會講，設計才有落地的機會。</p><p>3️⃣ <strong>跨部門協作</strong><br> 工程師有可行性困擾⚡，PM 有時程壓力⏰，使用者有自己的想法💨。設計師就是那個「平衡遊戲主持人」🎲，把大家拉到同一條船上。</p><p>4️⃣ <strong>妥協的智慧</strong><br> 不是每次都能堅持到底😅。有時策略性妥協，合作更順，下一個版本反而能做更多事情✨。</p><p>5️⃣ <strong>設計力本身</strong><br> 資訊架構、流程、介面美感、動效……這些依舊是基礎🏗️，但都要靠「溝通」才能變成現實。</p><p>6️⃣ <strong>學習與適應</strong><br> 新工具（Figma、Rive）、新方法（DesignOps、AI 輔助設計）層出不窮📚，持續學習就是為了跟得上未來💬。</p><h3>✨ 小結</h3><p>UI/UX 設計師最重要的技能，<br> 不是會幾個軟體，而是能不能：</p><ul><li>把使用者的聲音帶進專案</li><li>把設計講清楚</li><li>把所有人拉到同一條船上</li></ul><p>設計是一種語言，<br> 而溝通才是本質。💬</p><p>👉 那你呢？如果只能選一個，<br> 你心中 UI/UX 設計師最重要的技能會是什麼？</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=19fcce58cb94" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Rive Beginner Series｜From 0 to Finished Animation ✨]]></title>
            <link>https://medium.com/@joan189joan18989/rive-beginner-series-from-0-to-finished-animation-e4a67d2b2269?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/e4a67d2b2269</guid>
            <category><![CDATA[rive]]></category>
            <category><![CDATA[animation]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[design-tools]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Sun, 24 Aug 2025 11:45:29 GMT</pubDate>
            <atom:updated>2025-08-24T11:45:29.621Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*jKGvx0VGgW7snUCT.png" /></figure><p>Hi there~ I’m 9Ana 🥰</p><p>As someone who loves adding animations to UI, I’ve been exploring something new lately: <strong>Rive</strong>. It’s not just an animation tool — it’s a magic tool for creating <em>interactive</em> design in real time.</p><p>Today, let’s go from <strong>0 to finishing your very first animation!</strong> 🚀</p><p>✨ <strong>Step 1. Create a Rive Account</strong></p><ul><li>Go to the Rive website</li><li>Click <strong>Sign Up</strong> (Google login works too)</li><li>Once inside, click <strong>New File</strong> to start a fresh project</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*qgwgZFkK34ee14lD.png" /></figure><p>👉 Now you have a blank canvas to play with!</p><p>🎨 <strong>Step 2. Draw Something</strong><br> <strong>Option 1: Use Rive’s built-in tools</strong></p><ul><li>Pick the <strong>Shape Tool</strong> from the left toolbar</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/546/0*3YT1gedWL3og1Eia.png" /></figure><ul><li>Adjust fill, gradient, stroke, and other properties in the right panel</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/326/0*wAdABPNTSEods97e.png" /></figure><ul><li>Create circles, rectangles, polygons, or lines — resize, rotate, or group them as needed</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*4LEnFo9bTKw4y9Y6.gif" /></figure><p>👉 Great for quick mockups or simple UI elements.</p><p><strong>Option 2: Import an SVG file</strong></p><ul><li>Already designed something in Illustrator (or another tool)?</li><li>Just drag and drop the SVG into Rive.<br> 👉 Perfect if you want to animate existing assets.</li></ul><p>⏱️ <strong>Step 3. Make an Animation</strong></p><ul><li>Switch to <strong>Animate Mode</strong> (top right)</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/327/0*DGWnzlIg4GEvvRCh.png" /></figure><ul><li>Select a layer and set your first keyframe on the timeline</li><li>Move the playhead, change the color, and hit play ▶️</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*0hJ8Od4wjoAzOdz7.gif" /></figure><p>👉 Now you’ll see it transition between states (Default → Hover → Click).</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PRCMLw8XhO1WRRxIpuYolg.gif" /></figure><p>🔄 <strong>Step 4. Add a State Machine</strong><br> Timeline animations are <em>fixed</em>. But with a <strong>State Machine</strong>, your animation can respond to user interaction!<br> For example: click a button → it shrinks; release → it bounces back.</p><p>How to set it up:</p><ul><li>Switch to <strong>State Machine Mode</strong></li><li>Add an <strong>Input (Boolean)</strong> to control states</li><li>Add a <strong>Listener</strong> and set conditions (true/false)</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/275/0*Ug96ujW0Hlouu3kn.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/398/0*24dJJIcvBCqAhY2W.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/337/0*Bwd6Ia2xt4gBHpwe.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/337/0*rTihnPMs7Ir2_dL0.png" /></figure><ul><li>Use <strong>Transitions</strong> to connect states with timing and easing</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/875/0*iISx0xn7nxxxUEB5.png" /></figure><p>👉 Hit play, and now your button actually <em>responds</em> to clicks!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*otSBVkQfz7DuwiPilZ_2lQ.gif" /></figure><p>🎉 <strong>Done!</strong><br> Congrats — you just made your first animation and experienced Rive’s most powerful feature: the <strong>State Machine</strong>.</p><p>Next time, I’ll show you how to <strong>export the animation and run it on a website</strong> 🚀</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e4a67d2b2269" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Rive 新手系列｜從 0 到完成動畫 ✨]]></title>
            <link>https://medium.com/@joan189joan18989/rive-%E6%96%B0%E6%89%8B%E7%B3%BB%E5%88%97-%E5%BE%9E-0-%E5%88%B0%E5%AE%8C%E6%88%90%E5%8B%95%E7%95%AB-48f98d1de70b?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/48f98d1de70b</guid>
            <category><![CDATA[animation]]></category>
            <category><![CDATA[design-tools]]></category>
            <category><![CDATA[riva]]></category>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[ui-design]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Sun, 24 Aug 2025 11:31:06 GMT</pubDate>
            <atom:updated>2025-08-24T11:45:30.858Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*m4Pq7BLmPzD_UG7o44ZS-A.png" /></figure><p>嗨嗨～我是9Ana🥰！</p><p>身為熱愛在UI上放動畫的我</p><p>最近在學新東西 <strong>Rive</strong> — — 它不只是動畫工具</p><p>更是一個能讓設計即時互動的神器。</p><p>今天這篇，就帶你從 0 到完成一個動畫！</p><h3>✨ Step 1. 建立 Rive 帳號</h3><ol><li>打開 <a href="https://rive.app">Rive 官網</a></li><li>點擊 <strong>Sign Up</strong> 註冊（可以用 Google 快速登入）</li><li>進入工作區後，點 <strong>New File</strong> 建立一個新專案<a href="https://rive.app/docs/editor/interface-overview/overview"><strong>(參考版面介紹)</strong></a></li></ol><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*MRc6LhVdS42qZj__VBRvuw.png" /></figure><p>👉 這樣你就有一個空白畫布啦！</p><h3>🎨 Step 2. 畫圖!</h3><h4>1️⃣ 使用 Rive 內建工具</h4><p>左側工具欄選擇 <strong>Shape Tool</strong><a href="https://rive.app/docs/editor/interface-overview/toolbar"><strong>(參考官方文件)</strong></a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/546/1*M1ifBFkS0THePf70_8TTIA.png" /></figure><ul><li>右側面板能調整顏色、漸層、描邊粗細，讓你的角色更有特色</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/326/1*RuLQJnVEPz1d_9gL53-NcA.png" /></figure><ul><li>可以直接畫出 <strong>圓形、方形、多邊形、線條</strong> 等基礎圖形，可以壓縮、移動旋轉圖層</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6cR30CR60PYZi8RK-NM_Cw.gif" /></figure><ul><li>左邊可以調整圖片層級、順序或組成群組</li></ul><p>👉 適合快速試作或做簡單的 UI 元件。</p><h4>2️⃣ 匯入 SVG 檔案</h4><ul><li>如果你已經在 <strong>Illustrator</strong>或其他軟體畫好圖，也能直接把 <strong>SVG</strong> 拖進 Rive</li><li>這樣可以快速把設計好的圖形轉換成可動畫的物件</li></ul><p>👉 適合想用既有設計稿或是習慣用其他軟體的人。</p><h3>⏱️ Step 3. 做一個動畫</h3><ul><li>切換到 <strong>Animate 模式</strong>（右上角）</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/327/1*oJC8zquK7-SRIobgfOxfkQ.png" /></figure><ul><li>先選圖層，在時間軸上，設定第一個關鍵影格</li><li>移動到幾秒後，改變顏色</li><li>按下播放 ▶️ 就會看到它顏色切換了</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*X2eRCIGnd7d5ZNveVeXZCQ.gif" /></figure><p>我建立了三個狀態，Default、Hover、Click</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PRCMLw8XhO1WRRxIpuYolg.gif" /></figure><h3>🔄 Step 4. 加入狀態機（State Machine）</h3><p>時間軸動畫只能「固定播放」，但狀態機可以讓動畫根據使用者操作而變化，例如：點一下按鈕，它縮小；放開時，它回來。</p><p>操作方式：</p><ul><li>切換到 State Machine 模式</li><li>在 Inputs 裡建立一個「Boolean（布林值）」來控制狀態</li><li>先在Listeners新增監聽動作，在下方設定 Boolean = true/false，最右邊先選圖層再選監聽的行為</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/275/1*N5bEks4LRIxdeaL_HQmcgg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/398/1*q1kSmISyMYk3BSBC_uJ4XQ.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/337/1*gPWPmalyF23pUIk4MKcKFw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/297/1*ZCJhp5or6UXH8pVGmx3tHA.png" /></figure><ul><li>用 Transition 把兩個狀態連起來，下方設定條件，左邊設定延遲時間以及動畫效果</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*gbyYAnYo4jigZXnm-HdEzA.png" /></figure><p>👉 播放測試，你會發現按鈕真的能「互動」啦！</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*otSBVkQfz7DuwiPilZ_2lQ.gif" /></figure><h3>🎉 完成！</h3><p>恭喜!!做出了第一個動畫，體驗到 Rive 最強大的功能 — — 狀態機。</p><p>下一篇我會分享：<strong>怎麼把動畫匯出，並放到網頁上跑起來 🚀</strong></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=48f98d1de70b" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[UI/UX 設計師最常被誤會的 5 件小事]]></title>
            <link>https://medium.com/@joan189joan18989/ui-ux-%E8%A8%AD%E8%A8%88%E5%B8%AB%E6%9C%80%E5%B8%B8%E8%A2%AB%E8%AA%A4%E6%9C%83%E7%9A%84-5-%E4%BB%B6%E5%B0%8F%E4%BA%8B-c672ae507705?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/c672ae507705</guid>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[ui-ux-design]]></category>
            <category><![CDATA[ui-design]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Sun, 11 May 2025 11:44:06 GMT</pubDate>
            <atom:updated>2025-05-11T21:01:22.578Z</atom:updated>
            <content:encoded><![CDATA[<h3>UI UX 設計師最常被誤會的 5 件事</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vosWdwP_yuBHlke1Ro83_g.png" /></figure><p>嗨嗨～我是 9Ana🥰！每次說我是 UI/UX 設計師，</p><p>十個人裡面有七個會「哦~那是什麼？」剩下三個會直接說：「設計什麼？」</p><p>(我甚至問ChatGPT我要怎麼介紹我的職業🤣)</p><p>這份工作說起來有點抽象，不像平面或寫程式那麼好想像。</p><p>其實就在你每天用手機、滑 App、點 Uber 或看 Netflix 的時候</p><p><strong>你用起來順不順、畫面漂不漂亮、流程會不會讓你氣瘋。</strong></p><p>今天就來分享 5 個我們最常被誤解的點：</p><p>讓大家認識我們這群默默改按鈕顏色的人😌</p><p>當然，每個設計師的技能組合不同，</p><p>這裡單純討論UI/UX喔~</p><h3>UI/UX = 畫圖畫得漂亮的人？</h3><blockquote><strong><em>🤔誤解版本：「你是不是很會畫畫？」<br>😎真相：「其實更常在想流程，做流程。」</em></strong></blockquote><p>我們不是畫家，也不只是在意「讓畫面變美」。</p><p>UI 在設計的是按鈕怎麼排、怎樣才不會誤觸、要用那些顏色；</p><p>UX 在設計的，資訊架構怎麼處裡、每個功能的流程、會不會卡關想罵人。</p><p>簡單說：<strong>我們設計的，是讓你「降低學習成本」的產品。</strong></p><h3>UI/UX = 會寫程式？</h3><blockquote><strong><em>🤔誤解版本：「所以你會寫 iOS？我最近也想學！」<br>😎真相：「我們設計怎麼用，不是寫程式讓它動。」</em></strong></blockquote><p>寫程式的 UI/UX 設計師確實存在，但<strong>設計跟開發是兩個職業</strong>。(可以參考<a href="https://medium.com/@joan189joan18989/ui-%E8%A8%AD%E8%A8%88%E5%B8%AB%E9%9C%80%E8%A6%81%E5%AD%B8%E7%A8%8B%E5%BC%8F%E5%97%8E-%E5%85%B6%E5%AF%A6%E4%BD%A0%E5%8F%AF%E4%BB%A5%E8%87%AA%E5%B7%B1%E6%B1%BA%E5%AE%9A-f0b7fc078eaf"><strong>這篇</strong></a>)</p><p>我們會設計「畫面長怎樣」＋「流程怎麼走」，但讓它動起來的是工程師團隊。</p><p>我們用工具畫 prototype、說明細節，有時候還會為了不讓設計跑掉去盯工程師。</p><p>我們跟工程師是隊友(啊~可能是亦敵亦友🙃)不是同一個人。</p><h3>UI/UX = 行銷設計？</h3><blockquote><strong><em>🤔誤解版本：「你做設計喔～那你會剪 Reels 嗎？貼圖是你畫的嗎？」<br>😎真相：「那不是我們本業啦!! 😵」</em></strong></blockquote><p>行銷設計是做廣告圖、活動視覺、社群貼文；</p><p>UI/UX 設計是做 App 或網站的畫面和流程。</p><p>兩者很不同，但外行人常常一視同仁😂</p><p>但如果你在 IG 上看到超美的貼圖、有動畫、有字體跳動、BGM 完美搭配…</p><p>那，大機率是<strong>行銷團隊＋社群設計師</strong>的功勞。</p><h3>UI/UX = 覺得漂亮就可以出圖？</h3><blockquote><strong><em>🤔誤解版本：「這設計好不好，不就是看漂不漂亮嗎？」<br>😎真相：「你覺得漂亮不代表用起來舒服啊。」</em></strong></blockquote><p>實際上，<strong>超講邏輯(有時候討論複雜流程我頭都好痛</strong>🫠<strong>)、超講科學。</strong></p><p>我們要：</p><ul><li>做使用者訪談、分析行為、歸納痛點</li><li>分析數據、畫流程圖、做 A/B 測試</li><li>用設計解決問題，而不是堆疊風格</li></ul><p>換句話說，這不是那種「今天的心情想用粉紅色」的設計。</p><p>是根據<strong>「使用者會在哪裡卡住」</strong>去做出設計決策。</p><h3>UI/UX = 一天都在畫畫？</h3><blockquote><strong><em>🤔誤解版本：「你們是不是每天都在畫畫？」<br>😎真相：「其實更多時間在討論、開會、思考、改圖。」</em></strong></blockquote><p>設計師的日常大概長這樣：</p><ul><li>開需求會議，PM 或主管提出需求</li><li>接著設計流程，想辦法讓功能或流程合理、易用</li><li>跟工程師討論可行性、細節</li><li>然後整理設計規範、優化設計系統，或分析研究看看新版有沒有變好</li></ul><p>我們在做圖前會花時間理解需求，</p><p>跟工程師確認可行性(就是跟工程師吵架🤣)。</p><h3>💡最後：好用的介面背後，都有我們在默默調整流程</h3><p>我們不是藝術家，也不是工程師，</p><p>我們的設計，不只是為了好看，而是為了讓人更容易用、用得愉快。</p><p>這個職業可能不像「畫畫」或「寫 code」那麼直觀，</p><p>但它是讓科技變得<strong>好用、有溫度、不惹怒人</strong>的重要角色。</p><pre>如果這篇有幫到你希望你按下方的小手手~拍拍手👏👏👏!!</pre><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c672ae507705" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[誰說一定要漂亮才值得被看見？]]></title>
            <link>https://medium.com/@joan189joan18989/%E8%AA%B0%E8%AA%AA%E4%B8%80%E5%AE%9A%E8%A6%81%E6%BC%82%E4%BA%AE%E6%89%8D%E5%80%BC%E5%BE%97%E8%A2%AB%E7%9C%8B%E8%A6%8B-4a2aa3237101?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/4a2aa3237101</guid>
            <category><![CDATA[容貌]]></category>
            <category><![CDATA[容貌焦慮]]></category>
            <category><![CDATA[自信]]></category>
            <category><![CDATA[漂亮]]></category>
            <category><![CDATA[獨特]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Thu, 10 Apr 2025 11:12:00 GMT</pubDate>
            <atom:updated>2025-04-16T10:53:30.258Z</atom:updated>
            <content:encoded><![CDATA[<h4><em>每個人都有自己獨特的閃光點，無需依賴完美</em></h4><blockquote>所有人都說要完美，</blockquote><blockquote><strong>卻沒人說，追逐完美的路上，會失去自己。</strong></blockquote><h3><strong>💄 一開始我真的以為「漂亮」就是通行證</strong></h3><p>我曾經很努力想當那種「一眼就讓人喜歡上」的女生。</p><p>然後發現自己根本不是那種人。</p><p>不管我怎麼試， 還是會有人說「你還是戴口罩比較好看欸」🙂</p><p>我以為自己沒救了，</p><p>但後來發現 ！</p><p>啊不是，</p><p>是這個世界的模板太少啦！ 就只承認某幾種漂亮，其它的就算了。🥹</p><h3>🍿 追逐的太用力，只會失去自己</h3><p>有段時間我超迷失。 想跟上漂亮，</p><p>但每次追上去一點點， 又會永遠都覺得自己還不夠好。😭</p><p>變得更瘦 → 還不夠</p><p>皮膚變好了 → 嗯還可以再白一點</p><p>那時候的我好像一直覺得不夠漂亮，</p><p>但除了外貌我也有其他值得被關注的點啊!🫥</p><h3>🌿「不是我不夠好，是這世界太愛貼標籤」</h3><p>為什麼「漂亮」一定要高鼻子大眼睛直直的腿？</p><p>為什麼「漂亮」才值得被關注？</p><p>這世界太忙著愛標籤了。</p><p>什麼仙女、普妹、耐看型、精緻度不夠…</p><p>怎麼聽起來只有幾種模板啊？</p><p>但是我覺得，</p><p>不符合模板沒關係，因為你不是模板，是限量款啊!✨</p><h3>🐌 其實你一直都很特別，只是習慣忽略</h3><p>有時候我會想，</p><p>如果我們不那麼在意「漂亮」，</p><p>那我們會在意什麼呢？🤔</p><p>也許，是那些自己沒發現、 但別人其實早就默默喜歡上的樣子：</p><p>🌸 笑點超怪，但笑聲很有感染力</p><p>🌸 明明社恐，卻怕別人尷尬還是會硬著頭皮講話</p><p>🌸 總是默默記得別人說過的小細節</p><p>🌸 會注意到日常裡那些沒人發現的可愛瞬間</p><p>🌸 很會給情緒價值，讚美人像在呼吸一樣自然</p><p>🌸 一聊起自己喜歡的事，眼睛就會發光 ✨</p><p>你或許不是那種「符合大家審美的漂亮」，</p><p>但你有自己的節奏、自己的閃光點，✨</p><p>只是你太習慣忽略它們了。</p><p>那些看起來不怎麼厲害的小怪點，</p><p>其實是你靈魂自帶的濾鏡。 🩵</p><p>只是你還沒靜下來好好看一眼。</p><h3>☁️不是不夠好，是不該用錯尺</h3><p>大家都在說「完美」是什麼樣子，</p><p>但卻沒人說：<strong>你現在這樣，就已經很好了。☺️</strong></p><p>你不需要很瘦才能穿得好看，👙</p><p>也不需要皮膚無瑕才能拍照，📷</p><p>你不需要被一堆人說漂亮，🌷</p><p>才有資格抬起頭、自信地生活。</p><p>你只需要停下來，好好看一眼現在的自己，</p><p>然後輕輕地說一句：</p><p><strong>欸，我其實滿不錯的欸。🥰</strong></p><p>所以 ！</p><blockquote>你可以走得慢一點，</blockquote><blockquote>怪一點、懶一點、隨性一點，</blockquote><p>都沒關係。</p><p>你不必去符合那些標準答案，</p><p>你只要真實地活著，像你自己。</p><p>你不必漂亮到讓人羨慕，</p><p>你只要自在到讓自己喜歡。</p><blockquote>所有人都說要變得完美，</blockquote><blockquote>卻沒人說，追逐完美的路上，會失去自己。</blockquote><p>所以現在，</p><p>我決定把目光從「我還不夠哪裡」，</p><p>慢慢移到「我已經很好哪裡」。</p><p>不要鬧了，<strong>你很好。🥺</strong></p><p>而那些「好」，從來都不是別人給的，</p><p>是你本來就有的。💖</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4a2aa3237101" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[2025北科大互動設計在職碩士｜考試準備 & 面試分享]]></title>
            <link>https://medium.com/@joan189joan18989/2025%E5%8C%97%E7%A7%91%E5%A4%A7%E4%BA%92%E5%8B%95%E8%A8%AD%E8%A8%88%E5%9C%A8%E8%81%B7%E7%A2%A9%E5%A3%AB-%E8%80%83%E8%A9%A6%E6%BA%96%E5%82%99-%E9%9D%A2%E8%A9%A6%E5%88%86%E4%BA%AB-6013e2d85641?source=rss-b408bee19a7c------2</link>
            <guid isPermaLink="false">https://medium.com/p/6013e2d85641</guid>
            <category><![CDATA[研究所推甄]]></category>
            <category><![CDATA[碩士在職專班]]></category>
            <category><![CDATA[研究所申請]]></category>
            <category><![CDATA[北科]]></category>
            <category><![CDATA[研究所面試]]></category>
            <dc:creator><![CDATA[Hsiao-Jou Lee]]></dc:creator>
            <pubDate>Sat, 29 Mar 2025 14:59:49 GMT</pubDate>
            <atom:updated>2025-07-06T07:20:32.021Z</atom:updated>
            <content:encoded><![CDATA[<p>嗨嗨~我是9Ana</p><p>最近在職專班陸續放榜了，</p><p>馬上奉上新鮮出爐的心路歷程🍞。</p><h3>1️⃣ 為什麼想考？</h3><pre>我的工作經歷4–5年<br>🎨 大學：產品設計相關科系<br>🖌 平面設計 + 影片剪輯（2年）<br>📱 UI/UX 設計（3年）</pre><p>在工作和創作的過程中，</p><p>發現自己不想只專注在 UI，</p><p>而是希望成為具備 UI + UX 能力的設計師。</p><p>畢竟，在實務中 UX 的影響力真的很神奇，</p><p>能讓設計不只是「好看」，而是真的解決問題。</p><p>所以想透過研究所來強化專業。</p><p>在決定報考學校時，</p><p>我發現北科的課程內容和研究方向，</p><p>很符合我的需求，於是決定挑戰看看！</p><h3>2️⃣ 準備很多很多的東西</h3><pre>網路報名登錄： 113年12月16日（星期一）09:00～114年01月06日（星期一）17:00 止 <br>面試日期： 114年03月08日（星期六） <br>放榜日期： 114年03月27日（星期四）15:00</pre><pre>書面審查資料<br>學歷(學力)證明<br>歷年成績單<br>名次證明<br>履歷(限一頁)<br>自傳(限一頁)<br>進修計畫(至多兩頁)<br>工作資歷<br>作品集或專題報告：大專一年級以後的專業表現<br>(請依下列順序編排，皆須檢 附證明文件；團隊成果須註明考生之個人貢獻度) <br>(1) 創作成果：作品、競賽成果或專利 <br>(2) 著作：已發表之學術性文章、論文、著作等 <br>(3) 研發成果：產學案、研究計畫案、工作營成果 <br>(4) 其它類別相關專業證照 ※本所不須繳交推薦函</pre><h3>📌準備作品集+讀書計畫</h3><p>我對作品集真的是又愛又恨🥲，</p><p>我蠻早就開始準備作品集(但最後還是來不及🤣)，</p><p>我放兩個自己的專案+一個以前公司專案，</p><p>其實我很少在網路或作品集上放公司的東西，</p><p>因為我不太確定那些資訊是可以放那些不行，</p><p>不然我蠻喜歡現在公司做的專案😔。</p><p>我沒有很喜歡這本作品集，送出這本後我又修修改改成自己喜歡的作品集🤣。<a href="https://www.behance.net/joan189joab466">作品集連結</a></p><pre>第一階段面試成績 85.46 ( 排名滿後面的)</pre><h3>📌準備面試簡報</h3><p>因為書面審查的成績有點危險，所以我決定簡報認真準備(?🤣🤣</p><pre>每位考生面試時間約為 10分鐘 ；其中 2分鐘 為個人報告時間， 8分鐘口試委員交叉問答 。</pre><p>雖然只有兩分鐘但我預計在簡報中多放些補充資料(說不教授會看🤣🤣，</p><p>我預計放<strong>我是怎樣的 UI/UX 設計師？/我的經驗/為何想進修？/研究方向/專案介紹</strong>，</p><p>先素材庫找到我喜歡的模板然後再修改，Do Re Mi Sol ✨✨✨</p><p>先介紹我是怎樣的設計師!(我最喜歡這頁🥰🥰🥰)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/970/1*0GVUNiKQAh1sRqUAmNLJvw.png" /></figure><p>(我同事說重要資訊會放右邊，因為大家會從右邊開始看，我說對阿!所以右邊是我的照片🤣🤣🤣🤣🤣)</p><p>這頁是我的經驗(嗯!就是把我做過的案子整理寫上去)，</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/972/1*C97zFukqyIeU_riNQWGTag.png" /></figure><p>我有稍微說明我目前在做的案子(作品集沒放到覺得有點可惜)， 但這部分我只是稍微說明，</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/972/1*_H5FiuTWAt8Yml4X0EDU2w.png" /></figure><p>也有說明研究方向(我提了三大方向，先說明方向再細說)，</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/968/1*vWdGFz-2hmajJguG4n9c7Q.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/968/1*qZ-6Vri6fYyjsgE-83TFFg.png" /></figure><h3>3️⃣ 面試啦!!!</h3><p>我面試前有用AI練習面試，</p><p>也以詢問有研究所面試經驗的同事，</p><p>同事也有跟我分享必問的題目，</p><p>但我不背答案，(如果忘記我背的內容會讓我更緊張😱)</p><p>我只會記這個問題我要回答的大方向，</p><p>透過這些方向再延伸說明，</p><pre>假設教授問題是<br>Q : 你為什麼對 AI / 智慧城市 / 醫療 UX 感興趣？<br>那我就記以下方向<br>分享過去在相關領域中的經歷。<br>生活中在這些領域遇到的痛點<br>簡單說自己為何對這些領域有興趣，以及預計如何改善</pre><p>面試那天超級冷!!❄️🥶</p><p>因為九點就要報到，</p><p>所以我很早就到了，</p><p>(⚠️⚠️⚠️小提醒 : 早點報名!!同一場面試要一起報到，所以1號跟16號都是九點報到，等很久🤣我快睡著😪)</p><pre>面試準備的東西<br>👇👇👇👇👇👇👇<br>筆電(可以帶自己電腦)<br>平板(給教授看動態的作品集)</pre><p>面試過程真的超緊張，</p><p>但教授人都很好，</p><p>看起來心情也很好，</p><p>是三位教授一起面試，</p><p>每個人都有平板，(教授超認真看他們的平板🤣)</p><p>會透過妳說的內容以及平板上資料問問題，</p><p>已經過了一段時間，</p><p>以下是我還記得的問題，</p><pre>Q : 工作是偏向UI還是UX?<br>A : 工作中可能是只有我一位UI UX或是獨立完成專案，所以有UI也有UX。<br>(然就教授就笑著說就是什麼都包的意思🤣)<br><br>Q : 你提了三個研究方向你最想做哪一個?<br>A : 三個方向我都可以，如果真的要選那我一定是選我沒做過的醫療，因為想要嘗試沒做過的領域。<br><br>Q : 如果要做醫療題目你會怎麼做?<br>A : (我講了大概要做些什麼，但我覺得這題我沒答很好，有點可惜。)<br><br>Q : 你有一份工作只做5–6個月可以說明一下嗎?<br>A : (我大概說明原因，基本上就是不是我要的方向。)<br><br>Q : 讀完研究所還會待在原本公司嗎?<br>A : 這個問題我會再仔細思考，但我蠻喜歡目前的公司，因為做很多不同領域的東西，像是AI跟IoT<br><br>Q : 有認識的學長解讀我們學校嗎?<br>A : 我說沒有~但報名前我有詢問以前大學教授的意見。(然後就有聊一下是哪位教授)<br><br>Q : 有什麼問題要問我們嗎?什麼可以<br>A : (我問說看我的經歷跟作品集，有什麼建議或是覺得我還缺什麼可以再加強?教授就說實務經驗<br>很豐富但可以再加強前期研究跟後面使用者測試之類的經驗，我就說對!!這就是我缺的🤣)</pre><p>然後不知道為什麼講到大學專業，</p><p>所以我有用電腦展示一下大學畢制專題，(用自己電腦的好處!)</p><p>然後面試完胃痛+全身痠痛(?🤣🤣🤣</p><p>自我介紹+面試時間都有超過一些</p><h3>4️⃣ 考上後的感受</h3><pre>最後結果是正取!!!!!!🎉🎉🎉( 面試成績比書面成績好🥲🥲 )</pre><p>嘆氣，</p><p>在準備和等結果的日子很煎熬，</p><p>幸好是正取!!</p><p>最後希望我記得去報到!!</p><pre>如果這篇有幫到你希望你按下方的小手手~拍拍手👏👏👏!!</pre><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=6013e2d85641" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>