# 設計大舌頭 > Daily UI/UX sharing and inspiration --- ## 頁面 - [商店](https://designtongue.me/shop/): - [文章列表](https://designtongue.me/blog/): - [首頁](https://designtongue.me/): 設計大舌頭是一個長期關注使用者經驗（User Experience）的平台，內容包含使用者介面（UI）、互動設計（Interaction Design）、使用者經驗（UX）、設計趨勢、智慧財產以及服務設計等。我們試圖讓更多讀者了解設計師們的巧思，並推廣 Design Thinking 的思維，歡迎大家加入這個討論園地。 - [廣告曝光](https://designtongue.me/advertise/): Advertise - [我的帳號](https://designtongue.me/my-account/): - [結帳](https://designtongue.me/checkout/): - [購物車](https://designtongue.me/cart/): - [維護中 ...](https://designtongue.me/%e7%b6%ad%e8%ad%b7%e4%b8%ad/): - [Shop](https://designtongue.me/shop-2/): - [設計資源](https://designtongue.me/%e8%a8%ad%e8%a8%88%e8%b3%87%e6%ba%90/): - [聯絡我們](https://designtongue.me/contact/): 加入設計大舌頭 - 歡迎各位伙伴提供各類與設計相關的訊息，包括以下三類： 1. 觀察生活小細節、發現生活小問題、產品/網頁使用後的經驗之心得。 2. 設計思考、使用者經驗、介面設計等教學、分享文。 3. 國外好文翻譯與筆者見解分享 ... 歡迎 聯絡我們 ～ - [關於我們](https://designtongue.me/%e9%97%9c%e6%96%bc%e8%a8%ad%e8%a8%88%e5%a4%a7%e8%88%8c%e9%a0%ad/): 設計大舌頭 是一個長期關注使用者經驗相關的各項議題，包含使用者介面（UI）、互動設計、使用者經驗（UX）以及服務設計等的共筆平台，試圖讓更多讀者了解設計師們的巧思，並推廣 design thinking 的思維，歡迎更多人加入這一個討論園地。如果您喜歡我們的文章，請到 Facebook 專頁按讚 - 設計大舌頭 --- ## 文章 - [設計師必備！使用者行為熱圖的超強用法大公開](https://designtongue.me/heatmaps/): 使用者行為熱圖！這個工具對我們設計師來說... - [《UX 互動設計聖經》：深入探索 UX 設計核心原則](https://designtongue.me/book_of_universal-principles-of-ux/): 身為 UX/UI 設計師，我們每天都在追求創造更優質的使用者體驗。然而，面對瞬息萬變的科技與使用者需求，如何才能跳脫既有框架，打造真正以人為本的設計？ 《UX互動設計聖經》最大的特色在於其高度的實用性。每個法則都搭配了清晰的圖文解說與實際案例，讓我們能夠快速理解並應用於工作之中。無論是經驗豐富的資深設計師，或是剛踏入職場的新手，都能從中獲益良多。 誠摯推薦給每一位追求卓越的UX/UI設計師，相信這本書定能為您的設計之路帶來啟發與突破。 - [2025 八耐舜子手繪明信片日曆](https://designtongue.me/happyday2025/): 如果你還在猶豫該買哪一本日曆本，大舌頭這次會推薦 八耐舜子 這本手繪日曆本！畢竟365頁中，頁頁手繪已難能可貴了，張張還是可寄送的明信片，甚至內容有許多是未公開的創作喔！集觀賞、收藏、分享於一身，真的是 2025 必須擁有的一本創作型日曆，推薦給您。 - [海外留學生使用 VPN 的好處](https://designtongue.me/benefit-of-using-vpn-when-studying-abroad/): VPN 虛擬私人網路，猶如海外留學設計領域學生的守護者，為他們保駕護航，抵禦網路安全威脅，突破地域限制，暢享校園資源，激發學術靈感。它加密網路流量，保護隱私安全；繞過地理限制，拓展資訊視野；連接校內網路，獲取學術寶藏；加速網路速度，激發創造活力。VPN，助力留學生築夢成才，成就學術夢想。 - [AI 協助繪製 LINE 貼圖，5分鐘內搞定？](https://designtongue.me/design-line-stickers-with-midjourney/): 現今社交通訊軟體已經成為人們生活中不可或... - [如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (下)](https://designtongue.me/chatgpt-for-uiux-design-c/): 透過 chatGPT 撰寫 design system 文件，其結果令人大吃一驚，原來 AI 還可以這樣搞！只需提供具體的需求、表格和精確的描述，將生成品質相當高的文件範例！你甚至還會得到其範例程式碼。 - [如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (中)](https://designtongue.me/chatgpt-for-uiux-design-b/): 我們常會被日常使用的設計術語所影響而有偏見。例如：同理心地圖 (Empathy map)、使用者旅程 (user journey)、SUS (產品易用性量表)、CTA (行動呼籲) 等術語都可輕鬆被 AI 清楚地解釋。 - [如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (上)](https://designtongue.me/chatgpt_for_uiux_design_a/): 很快，你將無法想像沒有 ChatGPT 的設計過程！像 ChatGPT 這樣的 AI 解決方案，就可能會成為 UI UX 設計流程上非常有用的輔助工具。該工具所能提高的效率範圍會讓你感到十分驚訝。 - [Clubhouse 為什麼熱門？從 UIUX 的角度淺談（一）](https://designtongue.me/clubhouse-uiux/): 大家最近應該一直被 Clubhouse ... - [手機拿法也會影響介面設計 - 淺談拇指法則](https://designtongue.me/ui-design-for-mobile-thumb-zone/): 拇指法則如果應用在近年的裝置上，是否會改變設計師遵循的介面設計法則呢？產品的本質沒變，但會隨著科技的演變而改變它的形式。因應大手機螢幕的風潮，為了讓單手使用者可以更順暢的瀏覽網站，介面互動模式也逐漸改變。 - [Supr.Link 最安全的縮網址服務](https://designtongue.me/supr-link/): 大舌頭要介紹的這個 縮網址 服務 Supr.Link 是由「台灣 Aotter 電獺團隊」所開發的，除了提供基本的縮址功能外，還有許多方便且實用的設定供進階使用者使用喔！Supr.Link 超. 連結提供哪些服務呢？網址縮址服務/電話、地址、信箱都能縮/網址分流/裝置判斷/數據追蹤與保密/自訂 SEO 敘述/加強推廣。 - [開發流程優化人人有責：設計也能營運？](https://designtongue.me/design-operation/): 怎麼掌握每個人的開發流程進度  - 敏捷開發 Scrum。在公司，產品經理負責整個產品進度，一路從了解客戶/老闆/企業的需求、與設計師溝通頁面設計、掌握工程團隊開發的進度、追蹤發布新版本的驗收測試 …每個階段都需要大量的溝通，這也是團隊在合作一定會遇到的問題。 - [台灣社會創新發展趨勢(本場次全程 QA) – MIX 2019 Day 1](https://designtongue.me/qa-mix-2019-day-1/): 講題：台灣社會創新發展趨勢 行政院政務委... - [數位金融 – MIX 2019 Day 1](https://designtongue.me/mix-2019-fintech/): 延續上一篇（設計視野 – MIX 201... - [設計視野 – MIX 2019 Day 1](https://designtongue.me/mix-2019-design-vision/): 邁入第七屆的 MIX 創新設計年會今年由... - [如何設計 POS（下）：POS 的設計準則](https://designtongue.me/pos-design-part2/): 這些 POS 設計準則補充及加強了常見的一般性 UX 準則，可應用於 POS 的 UI 設計中，以符合真實的使用需求。這些 POS 介面準則相當易懂，卻伴隨著 “美學” 與 “使用性” 的衝突。 - [如何設計 POS（上）：影響 POS UX 好壞的要素](https://designtongue.me/pos-design-part1/): 設計 POS 系統 將會面臨一系列的挑戰，尤其是需要考量使用時的複雜環境。我們做了許多使用者研究來了解店員如何使用 POS 以及他們工作的經驗。同時，我們也研究數十個市面上的 POS 系統，發現竟然很少系統專注於提供好的使用者體驗以提升效率。 - [Design System 使用時機與優點為何？如何著手設計？](https://designtongue.me/design_system_how_to_begin/): 【本文適合想提升產品開發效率的你，含設計師、產品經理、前端開發者】隨著數位產品逐漸成熟，許多知名企業為了加速開發流程，導入 設計系統（ Design System ）的觀念，讓產品團隊目標一致。每一個公司都是獨特的，設計系統必須綜合考量所有的因素。Airbnb 的 設計系統 不代表是適合你的。 - [產品設計師如何簡報？如何說服相關權益人？](https://designtongue.me/product-designer-how-to-present-your-design-to-stakeholders/): 產品設計師 的能力需綜合多種知識與技能，工作內容不再僅限於 GUI、UI、UX，跨大為需要思考服務或產品的商業目標、模式、效益與營運等議題。因需要接觸更多領域的相關權益人，且對其簡報或說服也是習以為常。不過，簡報與說服主題不管大小，都帶有目的性。要達成目標，就必須在文件及表述上下功夫。 - [平台如何創造及經營多類客戶群的價值？以 airbnb 搭配 觸媒金三角 為例](https://designtongue.me/product-strategy/): 透過探討當兩群顧客相互需求卻缺乏接觸管道時，企業該如何顛覆傳統策略與戰術，搭起平台、解決痛點、扮演觸媒角色，點燃威力十足的催化作用等過程，幫助定義清楚的產品策略與 價值主張 。想到 airbnb，大家應該都能輕易想到他的「雙邊平台」商業模式 : 其核心在於搓合度假和商務旅行的「旅人」，與有閒置空間的「房東」。 - [AppStore 評分1.5星的麥當勞 App UI 怎麼救？UI/UX 大改造 (下)](https://designtongue.me/mcdonalds-app-ui-redesign-b/): 承接上一篇關於 mcdonalds app ui 的謬誤，這次我們繼續仔細列出和解釋如何讓這個 App 提供更貼心的用戶體驗。重新設計後優惠劵會顯示在購物車的下方，系統會在用家在點餐後自動顯示用家可使用的優惠劵，也可以自行更換其他優惠劵。能夠快捷獲得折扣優惠，使用者買單的意欲就更高了。 - [AppStore 評分1.5星的麥當勞 App UI 怎麼救？UI/UX 大改造 (上)](https://designtongue.me/mcdonalds-app-ui-redesign-a/): 隨著智慧型手機越來越普及，網絡速度越來越快，使用外送 App 點餐的人也越來越多，其中一個最受歡迎的外送應用程式就是麥當勞 App。不過從選擇點餐類別、定位餐廳、挑選餐飲、付款到真正下單，整個過程都不夠流暢。RedSo 的設計師今天就嘗試對 麥當勞 App UI 設計進行大改造，讓這個 App 更好看、更好用！ - [Checkbox 與 開關元件（Toggle Switch）的正確使用情境](https://designtongue.me/checkbox-_vs_toggle_switch/): UI 上的表單往往帶有一些控制元件（如： checkbox ）來協助使用者更容易的輸入，相對的，如何在對的時機使用對的控制元件就是設計表單的挑戰之一。開關元件（toggle switch）模擬實體開關的操作方式，讓使用者可以快速將某功能開啟或關閉，例如現實生活中的電燈開關。 - [如何設計 “可拖曳元件“（Drag and Drop）？](https://designtongue.me/drag-and-drop-for-design-systems/): 介面上，你應該常使用到 可拖曳元件 (drag and drop)，例如拖拉 Gmail 的信件到資料夾中、移動 Trello 的卡片或是把 Chrome 瀏覽器上的分頁重新排列等。雖然操作很簡單，但這些互動的設計複雜度超過你的想像。本文就來分享在 VMware 中設計 可拖曳的元件 的經驗。 - [以面試官的觀點與經驗，來看 UI/UX 設計師需具備的特質與能力](https://designtongue.me/interview-ui-ux-designer/): UI/UX 設計師是產品的關鍵靈魂，產品難用被批判，設計師首當其衝。產品設計不好，開發就需要耗費更多時間修正，產品不好用，東西就賣不掉。你說，公司命脈是不是全壓在這人身上？這次我特地投入更多時間來了解一下現在做 UI/UX 的年輕人都到了什麼程度。 - [等待還能設計你知道嗎？讓 “等” 不再令人討厭](https://designtongue.me/inline-design/): 提供一個好的 “心智模型 ” 是人們理解生活如何運作的重要依據，而在等待過程中，“不確定性” 是導致負面激烈情緒的一個主要原因，當問題產生時，人們需要的是一種信心，他們需要知道到底發生了什麼事，透過提供保證和關注來盡可能降低不確定感。等待心理學中的心智模型 ，能幫助人們理解當前的狀況和進度，消除擔憂。 - [斜槓設計師 - 分享學習 投放 FB 廣告 的心得](https://designtongue.me/designer-learn-fb-ads/): 設計師為什麼要投資投放 FB 廣告技能？在進入廣告圈實習的兩個月後，我發現很多中小企業的產品很好，但都不會做數位行銷，尤其是廣告投放這塊。我認為設計師在做內容、設計上都有獨到的眼光，具對使用者的洞察能力，配上正確方向的投放，可以讓社群發酵更快，讓導購更加效率。 - [產品設計師，你該不該跳槽到區塊鏈公司？](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%ef%bc%8c%e4%bd%a0%e8%a9%b2%e4%b8%8d%e8%a9%b2%e8%b7%b3%e6%a7%bd%e5%88%b0-%e5%8d%80%e5%a1%8a%e9%8f%88-%e5%85%ac%e5%8f%b8%ef%bc%9f/): 區塊鏈 是目前相當熱門的技術與創業議題，許多團隊也尋求高手設計師加入。區塊鏈議題風頭正熱，設計師就該一窩蜂加入並參與嗎？在此之前，不如我們先看看已在設計相關產品的設計師怎麼說吧！本文由虛擬幣交易平台設計負責人親口講述。 而對於有一定實力的設計師，選擇跳到哪裡會更重要。每有“風口”的出現，必然會有大量的資金和團隊扎堆進場，不管是從前的電商，團隊還是後來的打車，共享單車等，系類案例不一而足。 - [MIX 2018 [Day2-4] – 最終篇，設計師的社會實踐](https://designtongue.me/mix-2018-day2-4-%e6%9c%80%e7%b5%82%e7%af%87%ef%bc%8c%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%9a%84%e7%a4%be%e6%9c%83%e5%af%a6%e8%b8%90/): 我們可以設計出先進的科技產品，也可以藉由設計去解決、去改變與我們最貼近的問題，當我們發覺到問題時，該如何收集資料、制定計劃、實際執行呢？在這個過程中可能又會遇到哪些問題？講者們從自身的經驗出發，引領我們更深入了解該如何以「設計」完成 社會實踐 。 - [MIX 2018 [Day2-3] – 用戶體驗於人工智慧時代的挑戰 + 座談](https://designtongue.me/mix-2018-day2-3-%e7%94%a8%e6%88%b6%e9%ab%94%e9%a9%97%e6%96%bc%e4%ba%ba%e5%b7%a5%e6%99%ba%e6%85%a7%e6%99%82%e4%bb%a3%e7%9a%84%e6%8c%91%e6%88%b0-%e5%ba%a7%e8%ab%87/): 隨著 AI 技術 的發展，我們該如何藉由 AI 提升使用者的體驗呢？講者以自身開發 SwiftKey 的經驗為例，認為當 AI 時代來臨，人們要如何跳脫既有的框架，追尋 best solution。現在有許多的 AI 技術 已經不需要使用者自行設定就會自動幫你進行校正，像是你可能在背光的環境拍了一張照片，系統會自行幫你將亮部調暗、暗部調亮，同樣的，你在使用鍵盤輸入時系統也會幫你進行自動校正，不過大家應該都曾有過的經驗是系統自動校正後，反而選錯字，這裡就帶出一個有趣的問題：當系統出錯時，使用者該怎麼修正？ - [MIX 2018 [Day2-2] – 從 人機互動 到 人智互動](https://designtongue.me/mix-2018-day2-2-%e5%be%9e%e4%ba%ba%e6%a9%9f%e4%ba%92%e5%8b%95%e5%88%b0%e4%ba%ba%e6%99%ba%e4%ba%92%e5%8b%95/): 當 人機互動 時也是相同的情況嗎？設計者可以知道使用者是誰，可以知道某介面的使用情境，使用者也可以在互動中對系統狀態形成理解（透過前饋或反饋），但是，當人和介面的互動中出現錯誤時是很難進行修補的，一般來說碰到這種情況互動都會被強制中斷。這是因為在傳統上，設計者透過設計界面和使用者互動，系統本身無法超越設計者所賦予的功能，如果沒有經過事先設計，系統是無法動態地根據使用者的行為做調整的，這樣的機器看起來就「笨笨的」。 - [MIX 2018 [Day2-1] – AI 時代的產品設計](https://designtongue.me/mix-2018-day2-1-ai-product-design/): 人工智慧 的發展很早，例如微軟的拼音輸入法，背後其實就是靠著 AI 支持的應用。但每當人工智慧抵達一個發展高峰時，就伴隨著人們的批判，因為人們懷疑或害怕著人工智慧（如毀滅世界），因此它的發展一直跌宕起伏，早期根本不敢有人說自己是做人工智慧相關工作的。不過，近年人工智慧聲勢高漲。其原因不完全是深度學習或是神經網絡的發展，更多的是互聯網興起所累積起的大量的可用數據，才催生了下一個 AI 發展的高峰。隨著 人工智慧 的來襲，加上萬物互聯、萬事數據化，設計的規模要從思考互動、產品到思考全域服務，要讓使用者在感受不到科技的刻意介入的情況，讓科技可以很自然的提供更好的服務，讓人更自由的感受生活的價值。 - [MIX 2018 [Day1-7] – gogoro 透過設計改變世界](https://designtongue.me/mix-2018-day1-7-gogoro-design/): 面對現代文明造成的氣候變遷、環境污染、能源危機，gogoro 的 BIG IDEA 並不僅僅是端出以電代替油的電動車而已。6 秒電池交換 Swap&Go，其背後的意義是gogoro 所創造的「共享（Share）生態」。 - [MIX 2018 [Day1-6] – DBS 數位轉型之路！](https://designtongue.me/mix-2018-day1-6-dbs-%e6%95%b8%e4%bd%8d%e8%bd%89%e5%9e%8b%e4%b9%8b%e8%b7%af%ef%bc%81/): 以「塑造愉悅的銀行體驗（Making Banking Joyful）」的目標，十年間，做了許多的努力， 星展銀行就是像一個擁有 22,000 名員工的新創公司，鼓勵員工們尋找能夠增進工作效率的平台與工具，並透過員工回饋共同決定未來的執行方式。 逐步推動內部文化轉型以及建立數位化思維，例如：透過 DBS Hotspot 積極與新創建立關係，扮演 Pre-accelerator 的角色；打造開放式、帶來愉悅感的工作空間；鼓勵內部創業，經由 Uni.Corn 提供創業資訊、指導與資金等等。 - [MIX 2018 [Day1-5] – 打破照護模式供需市場新亮點！](https://designtongue.me/mix-2018-day1-5-%e6%89%93%e7%a0%b4%e7%85%a7%e8%ad%b7%e6%a8%a1%e5%bc%8f%e4%be%9b%e9%9c%80%e5%b8%82%e5%a0%b4%e6%96%b0%e4%ba%ae%e9%bb%9e%ef%bc%81/): 講者： 蔡宗勳 / 優照護副總經理 台灣... - [MIX 2018 [Day1-4] – USPACE 對共享經濟的想像！](https://designtongue.me/mix-2018-day1-4-uspace-%e5%b0%8d%e5%85%b1%e4%ba%ab%e7%b6%93%e6%bf%9f%e7%9a%84%e6%83%b3%e5%83%8f%ef%bc%81/): 共享經濟會是改變世界的新經濟方案嗎？ 目前許多共享服務都受到「假共享、真租賃」的質疑，然而悠勢科技的 CEO 宋捷仁認為爭論真共享、假共享並不是那麼重要，真正關鍵的是這種新經濟模式能不能解決現有的問題。 USPACE 結合手機 APP 與智慧地鎖的技術，車位的提供者可以透過手機APP遙控地鎖的升降，隨時查看車位的狀況，也可以自行設定地鎖開放的時段與每分鐘收費的金額；承租者可以透過手機APP提前預約車位，不需要再花時間找停車位。 - [MIX 2018 [Day1-3] – Line 在設計跨國服務的思維](https://designtongue.me/mix-2018-day1-3-line-%e5%9c%a8%e8%a8%ad%e8%a8%88%e8%b7%a8%e5%9c%8b%e6%9c%8d%e5%8b%99%e7%9a%84%e6%80%9d%e7%b6%ad/): 講者： 林慶達 / LINE 台灣服務企... - [MIX 2018 [Day1-2] - 當東方遇上西方，在設計文化上的衝擊](https://designtongue.me/mix-2018-day1-2-%e7%95%b6%e6%9d%b1%e6%96%b9%e9%81%87%e4%b8%8a%e8%a5%bf%e6%96%b9%ef%bc%8c%e5%9c%a8%e8%a8%ad%e8%a8%88%e6%96%87%e5%8c%96%e4%b8%8a%e7%9a%84%e8%a1%9d%e6%93%8a/): 講者畢業於美國史丹佛大學，曾在美國舊金山工作，15 年前回到香港為 CSL、飛利浦等公司服務，2年前開始到中國工作，關於此次的演講講者想以一個受西方教育的 newbie（新手），分享在中國受到的 文化 衝擊和自身的適應歷程。 最後，講者對於即將進入中國市場或對中國科技產業有興趣的人提供了建議：請保持一顆開放、謙虛的心，好好地親身體驗中國當地的 文化 特色與設計風格 - [MIX 2018 [Day1-1] - 序+資訊架構學作者分享](https://designtongue.me/mix2018_day1_1/): MIX 已變成 UI / UX 設計師們... - [MIX 2018 創新設計年會心得：你就是沒有人！Day 2](https://designtongue.me/mix2018-day2/): （接續 MIX 2018 創新設計年會心... - [MIX 2018 創新設計年會心得：你就是沒有人！Day 1](https://designtongue.me/mix2018-day1/): 「為什麼沒有人做，因為你我就是那個『沒有... - [新一代縮網址 LIHI.IO，讓 A/B testing 不再是件難事！](https://designtongue.me/lihi-shorten-url-for-ab-testing/): A/B testing 不論在設計、行銷、創業上 ... 等等都很常被用到，主要目的是透過數據收集分析後，更清楚市場、消費者、使用者的喜好、習性等。Lihi 的 A/B testing 規則很簡單，當使用者點擊縮網址後，隨機將使用者導入不同變因的頁面（使用者只會瀏覽到某一個變因的頁面，不會因為關掉再打開就跑到另一個變因的頁面）。 流量從哪邊來的？blog? Facebook ad? Facebook post? ... 等，一般來說需要搭配 google 所提供的 UTM，不過這有幾個問題，當你同一篇文章發出後，透過多管道，有幾個管道就要縮幾次網址，假設你有100個管道，那不就要縮100次嗎？lihi.io 在這部分也有加以改善與創新。 - [使用者研究 不是觀落陰 - 淺談研究的大小事](https://designtongue.me/lets-talk-about-ux-research/): 使用者研究 在軟體業來說一直是個流行詞，尤其 UI/UX Designer 特別崇尚這樣充滿未知與創新的方法，感覺這年頭 Designer 不會研究彷彿不用 sketch 一樣過分，但 研究 這項專業對於剛入行的新手而言，上手是具有難度的。在這些年的知識累積與實務操作中，我歸納出幾個使用者研究的心得，希望可以幫助到其他新手設計師不要踩雷。最後當你有了一份研究計畫，你按表操課將所有的階段都實施了，獲得了一個感覺還不錯的結果，這樣並不算是結束，因為研究是要不斷發生的，從每一次的研究學習到一些東西，然後運用到下次改版去驗證，然後再次進行研究，學習到新的知識，這才是研究的價值所在。因為人會隨著時間改變，使用者體驗也是。 - [矽谷到底哪裡值得學習？創業重要的五件事，YC Startup School 第一課筆記 II](https://designtongue.me/note-from-yc-startup-school/): 我最近看了 YC Startup School 的課，了解到舉凡創業文化、點子、產品、團隊、執行，矽谷的人經歷許多嘗試，並且歸納分享給大家，希望有機會能和大家多多交流想法。在矽谷人們相信蠢點子都可能成長茁壯，所以年輕人敢做夢。社會對敢做夢的年輕人支持，幫助他們，而不是去嘲笑、數落他們、甚至幫他們決定未來。Sam Altman 認為一個好的創業點子非常重要。在 YC 的經驗裡，最後成功的團隊，大多沒有經過太多的 Pivot，他們從人們的需求出發，找到一個值得解決的問題。 Startup 的優勢是可以快速調整產品，每天成長，站上浪頭。 - [寫給 junior designer 求職 的一些建議](https://designtongue.me/some-tips-for-junior-designer-job-interview/): 每年的年底年初都是 離職 求職 的高峰期。對於入職新手，第一份工作和第一次跳槽都十分重要。據 IxDC 2017 年的統計數據，0-2 年工作經驗的設計師中有 7 成左右都有過跳槽 求職 的經歷。而在之前 採訪支付寶設計師 時提到，現在團隊對於全面型設計師更為器重。通過阿里對設計師的稱呼從 UI、互動設計師逐漸轉變成用戶體驗（UE）設計師這一點就不難看出，全能型的 UE 設計師將是一個大趨勢。春節期間我有機會相約前百度、現搜狐的高級用戶體驗設計師 Shirley，作為有著招聘經驗的 UE 設計組組長，她是如何篩選求職者的呢？此文根據聊天內容寫成。 - [你其實在瞎子摸象？談數據挖掘 UX Persona 時的困境](https://designtongue.me/ux_persona_nuisance/): 我們可以藉由不同 Persona 間的關鍵差異行為數據來判別 Persona 在產品中使用者中的佔比，並以此做出決策，但若想繼續深入挖掘、想探討個別 Persona 真實的行為流程是否跟我們假設相同，仍會遇到許多阻礙，在本文中筆者我將明確指出其原因並以案例呈現之。筆者我會建議可以看看有沒有缺漏的資訊需要填補，首先你可以了解一下質性調研訂出 Persona 的缺陷：只靠訪談訂出的 Persona 來決策，可能會產出大問題！接著你可以了解怎麼使用數據來驗證我們的設計假設，並以行為 數據量化 Persona：別只看 AARRR(上)－UX 更需要看行為數據！、用行為 數據量化 驗證 Persona。 - [還只靠訪談訂 Persona？教你四步驟用數據搞定量化](https://designtongue.me/4_steps_to_quantize_the_data_for_persona/): 要用 Data 量化 UX Persona，筆者我個人的經驗比較常照這個流程進行：1. 建立 Persona 2. 建構 Persona 的行為流程 3. 抓出 Persona 間的關鍵行為差異點 4. 用 行為數據量化 得出 Persona 的比例 5. 以量化結果輔助產品決策。用 行為數據量化 得出 Persona 的比例：在 Google Map 這個假想的案例中，我們很幸運地找出了能分辨 Persona 的關鍵差異的行為，利用這個關鍵差異進入數據後台查詢三種不同按鈕的點擊使用次數，就能夠知道我們質性訪談所訂出 Persona 到底是多是寡？各佔比多少？會不會根本跟我們想像的不同？ - [產品設計師 到倫敦求職的經驗分享](https://designtongue.me/looking-for-a-job-in-london/): 到倫敦找工作的一些小記錄，給自己留個紀念，也或許能幫助到正在找工作的朋友。我是數位 產品設計師 (UI/UX/IxD 類別，懶得名詞釋義，而且誤用已成趨勢)，拿 T5 度假打工簽，基本上我投履歷大概有一半到三分之一的機率收到回覆有面試機會，所以其實我沒有真的海投，可能是因為有工作經驗加上作品集，讓人有好的印象。 - [設計師 如何面對批評及調適？（上）](https://designtongue.me/%e9%9d%a2%e5%b0%8d%e6%89%b9%e8%a9%95%ef%bc%8c%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%a6%82%e4%bd%95%e8%aa%bf%e9%81%a9/): 前言： 職涯中擔任「設計師」這個角色已經十四、五年了，這條路上的痛苦與快樂絕對不是三言兩語說得清楚的，且最近工作的關係也感受到了許多在職設計師或轉職 設計師 的困境，看著後輩的掙扎覺得心疼、也有些感觸體悟好像看到了以前的自己，想寫下這些年經歷以及學習到的一些方法跟大家分享。 把作品當成自己的孩子，但不要把作品當成自己的自尊 - [如何設計有 “大量資料（data heavy）” 的介面？](https://designtongue.me/data-heavy-ui-design/): 我們應該常聽到老闆說：要把我們產品設計的越簡單越好！這句話看似沒錯，但時常我們會過度誤解 “簡單” 的意義，認為所有產品都應該第一眼就會用，而且畫面就該簡單到不行，但對某些產品，有時候過度的簡化或省略，反而造成不良的體驗，例如需要一目瞭然、方便比較、或有大量資料（ data heavy ）的產品。 - [以量化數據為參考的 Persona ，更能做出有效的決策](https://designtongue.me/data-driven-persona-in-design/): 只靠訪談或質性調研訂出的 Persona 做產品決策，其實是非常危險的一件事情，而筆者接下來也會撰寫一整個系列使用 數據 驗證 UX 調研結果的方法、分享筆者在工作時累積出的經驗。若僅訪談了少數人，就以此作出了影響產品走向的決策，多麽的可怕啊？一個大功能或產品的改版需要開發團隊花費數月，開發成本是以百萬為單位，如果僅憑一位 UX訪談的影片就讓老闆動了情、做出了非理性的決策，那對產品或公司都將是個災難！筆者我在這篇文章中，分享了只靠質性調研訂定出 Persona 的問題所在，那就是我們沒有量化的支撐還是無法做出正確的決策，尤其面對花費百萬為單位的開發決策，我們必須對使用者分佈有更全面的認識才行！ - [AARRR 指標能評判設計成效？UX 更需要的是分析使用者的行為數據 (下)](https://designtongue.me/not-only-aarrr-but-ux-user-flow-part2/): 這是探討 UX 為了瞭解使用者該看哪些數據的第二篇，在第一篇文中筆者介紹了 UX 同學使用 AARRR 架構容易走向 Bussiness Center 而非 User Center，而這篇筆者我將向大家介紹另一個瞭解使用者的方法： 行為流 分析 - [AARRR 指標能評判設計成效？UX 更需要的是分析使用者的行為數據 (上)](https://designtongue.me/not-only-aarrr-but-ux-user-flow-part1/): 多數應用數據於 UX 的文章，大都以 AARRR 模型來評判設計成效，但AARRR最適用的場景多是電商和內容網站，對於帶有功能的產品類型卻無法有效評估。商業的成功也是重要的，但如果只使用AARRR，很明顯是 Business Center 而非 User Center，恐怕不是一個很好的平衡點。 - [展開 Persona光譜，讓團隊凝聚共識並訂出關鍵使用者](https://designtongue.me/persona-spectrum-2/): 正常來說，我們會訪談約5個使用者，得到足夠的資訊後開始進行 Persona 的訂定，但有時會發生5個受訪者的特性各有其差異，或為了將受訪者的資訊彙整成更少數量的 Persona 時所發生的意見分歧，這時 persona光譜 的作用就能幫團隊整理不同受訪者的資訊，以助凝聚團隊共識。 - [來自全球頂尖科技公司的設計實習生作品集](https://designtongue.me/showcasing_design_intern_portfolios_at_top_tech_companies/): 一般來說，要看到他人的 design portfolios 除了時常瀏覽、追蹤 Behance、dribbble ... 等設計平台外，很難輕易看到優質的作品集（非單一作品），更何況是 Apple、Google、Facebook、adobe ... 等全球頂尖科技公司的設計師！今天大舌頭就來跟大家分享 cofolios 這網站，這網頁的站長十分地慷慨，將自己所蒐集設計師作品集整理並分享，快來一起看看吧～ - [完形心理學！？讓我們了解“介面設計師”為什麼這樣設計](https://designtongue.me/%e5%ae%8c%e5%bd%a2%e5%bf%83%e7%90%86%e5%ad%b8-gestalt/): 完形心理學 ，又稱作格式塔（Gestalt）心理學，於二十世紀初由德國心理學家提出 — 用以說明人類大腦如何解釋肉眼所觀察到的事物，並轉化為我們所認知的物件。它可說是現代認知心理學的基礎，其貫徹的概念就是「整體大於個體的總合 “The whole is other than the sum of the parts.” —  Kurt Koffka」。 若深究完整的理論將會使本文變得非常的艱澀，因此筆者直接抽取個人認為與 UI 設計較為相關的 7 個原則（如下），並搭配實際案例做說明。有興趣了解全部理論的話可以另外 Google。 - [2017 十大最佳 互動設計原型 作品欣賞](https://designtongue.me/2017-interaction-prototype-gallery/): 十大最佳 互動設計原型 作品欣賞：高擬真的 互動設計原型 工具 ProtoPie 一歲啦！一年的時間裡，ProtoPie 的名字陸陸續續出現在 Dribbble、Behance、站酷等設計作品網站。作為 ProtoPie 開發團隊，我們自己都沒有想到這款工具可以做出這麼多炫酷的效果來！優秀作品如此眾多，單只我們自己欣賞就太可惜了，所以這篇作品分享文就誕生了！我們挑選優秀作品的標準是：1) 獨創性 2) 創新性 3) 擬真度 4) 使用者友好度，最佳 互動設計原型 作品欣賞包含了 “下拉關閉” “理財App” “註冊登錄” “貸款App” “AR掃描照片” “城市嚮導” “Muzli” “天氣” “打車App” ... - [B2B 的產品執行易用性測試所帶來的價值](https://designtongue.me/b2b-product-design/): 對監控來說也是，其實只要客人需要的關鍵功能有達到，「易用性」（Usability）對客人來說其實沒這麼重要，反而 UI 設計比較重要，因為這可以吸引終端客戶的老闆，提升他們心中對這個產品的喜好，在 event 或 trade show 時，產品也能吸引更多人注意，業務也好介紹，UI 設計的美觀就是個對各個 stakeholder 有商業價值的東西。 但是好的易用性（Usability）可以避免使用者走錯路或不會使用，造成問題延燒回來：易用性（Usability）在 B2B 產品的價值反而是，減少客人犯錯的機會，減少客訴，以及公司支援的負擔。 - [Red Dot 設計獎 適合軟體產品嗎？ProtoPie 獲獎經驗分享](https://designtongue.me/uiux-red-dot/): Red Dot 設計獎 因近幾年來政府對設計的支持，以及業界獲獎後的行銷等，對台灣讀者來說應該不陌生。不過，印象中我們似乎只聽過平面、包裝、工業設計獲得此獎？軟體產品好像沒聽過？其實，軟體產品是可以參加 Red Dot 設計獎。大舌頭有幸能訪談到今年才獲得殊榮的 ProtoPie ... - [回首來時路 - 成為 UX 相關工作者的契機與幫助最大的過往所學](https://designtongue.me/most-helpful-things-before-becoming-a-ux-designer/): 這次的主題是回頭看，看一些 UX 相關工作 從業者如何成為現在的他們。我設定了兩個問題，請 UX Team 同仁們詢問各自從事 UX 工作 的朋友。問題一：什麼樣的事情或機會，讓你開始從事 UX 相關工作 ？問題二：還沒開始從事 UX 相關工作 時，什麼樣的學習或經歷，現在看起來對從事 UX 工作的幫助最大 .. - [利用心理學與科學，完美克服介面上“內容加載”的等待感](https://designtongue.me/perfect-loading-%e5%8a%a0%e8%bc%89/): 如何讓載入更加愉悅更是努力的方向。然而在，網路上我一直沒看到有人分享 加載 detail 的文章，只有類似加載出現後如何降低用戶情緒的主題。如果我們換個方式想呢？透用一些巧妙方式讓載入畫面減少出現，甚至不出現？這樣用戶的體驗是不是會更好呢！否則往往設計得不錯，但因為細節上配合得不夠好，導致體驗不如預期。 - [支付寶互動與 UI 設計師專訪：如何打造市場所需的產品](https://designtongue.me/alipay/): 大陸的市場規模與獨特性，讓企業能給予設計團隊更多資源與嘗試空間，因而在軟體產業 UX 的發展上，更能朝著專業化、組織化、規模化的發展。大陸的眾多服務中， 支付寶 在台灣也是頗有名氣，甚至許多人已經在使用了。所以這次真的很榮幸的可以訪問 支付寶 的設計師-陳璇與牧川。 - [快速迭代能做好產品？能維持好的使用者體驗？](https://designtongue.me/lean_ux_prototyping/): 我們的用戶會跟我們說「你們怎麼做到這麼少的一個團隊，還能以這麼快的一個速度去做更新，是不是你們的開發人員都特別的猛啊？」。我們工作的流程方式就是今天帶給大家介紹的 Lean UX ，這個單詞大家肯定不陌生，它是由「Think」、「Make」、「Check」三者為一個的開發循環流程。 - [TalkUX 論壇讓世界專業女性設計師與台灣 UXer 互相交流！（下）](https://designtongue.me/talkux-part2/): 讀完 TalkUX 論壇心得的上集後，是不是迫不及待想繼續看下集。大舌頭常駐作者 Ellie 繼續努力，終於將下集產出囉！內容真的很精彩，希望讀者們會喜歡！ 這次的主題演講有十場，再加上其他品質也相當不錯的 panel discussion 和 sponser talk，內容與國際接軌且不落俗套。 - [TalkUX 論壇讓世界專業女性設計師與台灣 UXer 互相交流！（上）](https://designtongue.me/talkux-part1/): 10 月 21、22 日可說是我這輩子同時與最多「在意 Users」 的人，處在同一個空間的日子了！ 「 TalkUX 」國際使用者經驗設計論壇在 2017 年移師台北，由國際非營利組織 Ladies that UX 主辦、台灣紫牛創業協會協辦，背後是近百位的工作人員花了 9 個月的時間所籌備完成。 - [製作 iPhoneX 的互動原型該注意哪些事項？](https://designtongue.me/iphonex-prototype/): iPhoneX 的出現給 UI/UX 和互動設計師帶來不少的挑戰。於是我相邀 Jae-seong Jeong，一位來自韓國的優秀 UI/UX 設計師，就 iPhoneX 的高擬真原型設計做了一番探討。不久前，他製作的 iPhoneX 互動原型獲得了Uplabs iOS 設計類中得票最高的作品。 - [我當痞客邦 UX 設計師的一天！](https://designtongue.me/%e6%88%91%e7%95%b6%e7%97%9e%e5%ae%a2%e9%82%a6-ux%e8%a8%ad%e8%a8%88%e5%b8%ab-%e7%9a%84%e4%b8%80%e5%a4%a9/): 總是有人問我，到底我的工作是在做啥？姪女以爲我是做網頁設計，朋友以爲我是在寫程式，甚至有人以爲我是在實驗室裡做實驗 ... 所以今天要分享的，不是別人，而是身為一位 UX 設計師 的我，在痞客邦平凡又不平凡的一天。 - [飲料換包裝設計，但在超商卻找不到？是行銷手法？還是另有原因呢？](https://designtongue.me/packagedesign_marketing/): 九月下旬，統一木瓜、西瓜牛奶推出新 包裝設計 ，與知名插畫家合作，並透過網紅進行宣傳。不過，為何各大超商架上卻看不見新包裝亮相呢？『 彩蛋行銷 』？新包裝竟然要轉過來才看得到？答案揭曉：新包裝早就上架了，只是「沒有讓人看見」。 矛盾探討：『 為什麼花了錢做行銷，卻讓新包裝放在內側？』 - [視覺設計 與 UI 設計 邏輯相違背時，該如何取捨？](https://designtongue.me/visualdesign_hakka/): 本文除了一起欣賞2017台北客家主 視覺設計 外，也用 UIUX 的角度分析：『當平面設計和使用者介面的習慣產生衝突時，設計師該如何做取捨呢？』 近幾年，台灣設計美學越來越精彩，政府及各單位開始和業界重磅設計師合作，打造出許多好作品，促成行銷和設計的雙贏局面。 - [帶領設計師轉職前端的專業線上教學平台 - 六角學院 專訪](https://designtongue.me/hexschool/): 六角學院 的課程規劃是從基礎開始，避免直接跳到艱深的語彙、框架，讓有興趣的同學剛入門時不會 "母煞煞"。因為我們覺得當基本概念穩固後，學習新的內容也會更快速，且在職場上也更有幫助。 我們預計推出 Bootstrap 的相關課程，讓同學學會下一個主流的框架，讓學習的效益能夠更長。 - [企業導入 UX 很難嗎？ 一段 PM 的血淚史分享](https://designtongue.me/%e4%bc%81%e6%a5%ad%e5%b0%8e%e5%85%a5-ux-%e5%be%88%e9%9b%a3%e5%97%8e%ef%bc%9f-pm-%e7%9a%84%e8%a1%80%e6%b7%9a%e5%88%86%e4%ba%ab/): 在整個過程中，我對工程師的“積極”印象深刻，我也認知到追求 UX 這件事的價值：不只是更了解用戶需求、解決用戶問題而已，而是一個讓開發部門更瞭解自己在做什麼的過程。 原本讓之前順著 PM 的設計，一個口令一個動作的工程師，轉變成滿足客戶夢想的執行者，也激勵團隊的積極度，這是我當初始料未及的。 - [幫助團隊找出共識的方法 - UX 便利貼觀察法](https://designtongue.me/ux-%e4%be%bf%e5%88%a9%e8%b2%bc%e8%a7%80%e5%af%9f%e6%b3%95/): 把使用者深度訪談中的洞察與觀察帶到產品開發團隊的方式有很多種，我們可以在所有的訪談結束後整理成一份報告，也可以請 PM 或工程師團隊一起參與使用者訪談，或是事後把重要的對話剪輯成影音給團隊回顧等等。我們嘗試過不同方法後，漸漸發展出一種「 便利貼觀察法 」，這是一個能很有效率地幫助團隊找出共識的觀察方法。 - [使用 求職網站 的注意事項](https://designtongue.me/%e4%bd%bf%e7%94%a8-%e6%b1%82%e8%81%b7%e7%b6%b2%e7%ab%99-%e7%9a%84%e6%b3%a8%e6%84%8f%e4%ba%8b%e9%a0%85/): UI/UX 設計師不要在 求職網站 上傳附件！嚴格來講，這不是求職者，而是 求職網站 在設計的時候所忽略的問題。一般來說，求職網站的帳號是由人資部門掌控。求才啟事統一由人資部門發表，這無可厚非，但如果不是由人資部門來過濾求職者的信件時，就會出現問題。 - [UI 對話框 的設計大有學問，看設計師如何思考](https://designtongue.me/%e5%b0%8d%e8%a9%b1%e6%a1%86-%e8%a8%ad%e8%a8%88%e5%a4%a7%e6%9c%89%e5%ad%b8%e5%95%8f/): " 對話框 " 是一種以文字與使用者對話的使用者介面。其中，「 警告 對話框 」（Alerts，以下簡稱警告框）通常用於通知使用者發生了錯誤或警告，並詢問接下來的操作（同意、不同意等等）。使用警告框時必須十分注意，因為使用者並不希望正在進行中的工作受到打擾。 - [你可能不知道的 - 關於 iOS 切圖那點事](https://designtongue.me/%e4%bd%a0%e5%8f%af%e8%83%bd%e4%b8%8d%e7%9f%a5%e9%81%93%e7%9a%84-%e9%97%9c%e6%96%bc-ios-%e5%88%87%e5%9c%96-%e9%82%a3%e9%bb%9e%e4%ba%8b/): 由於前陣子跟幾位設計師朋友聊到 iOS 切圖 上的幾個問題，意外地發現每位設計師在與工程師合作的過程中都會衍生出一套特別的合作模式，在文章的內容中也會跟各位夥伴分享一些小弟我在誤打誤撞東拼西湊的過程中，逐漸養成的一些工作習慣與實作細節，希望多少能夠在工程與設計的合作上面提供各位一些參考。 - [前端工程師與 UI 設計師的工作利器 - 平板 / 筆電立架](https://designtongue.me/%e5%89%8d%e7%ab%af%e8%88%87ui%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%88%a9%e5%99%a8-%e5%b9%b3%e6%9d%bf-%e7%ad%86%e9%9b%bb%e7%ab%8b%e6%9e%b6/): 平板 / 筆電立架（ Ridge Stand），有效解決了前端工程師與 UI 設計師工作流程中的痛點 :1) 長期工作下，會導致脖子不適。2) 外接大螢幕，並想讓筆電做為平行擴展的螢幕。3) 希望能將開發或設計結果同步於真實的裝置上。4) 高質感 - [如何從文字用語來塑造產品的使用者體驗 - Google I/O 2017](https://designtongue.me/%e5%a6%82%e4%bd%95%e5%be%9e%e6%96%87%e5%ad%97%e7%94%a8%e8%aa%9e%e4%be%86%e5%a1%91%e9%80%a0%e7%94%a2%e5%93%81%e7%9a%84%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97-google-io-2017/): 今年二月的時候，主管天外飛來一敲，叫我記得參加 Google I/O 2017 的門票抽籤，當時不好意思地問他這是什麼？我當下更不知道這會是一張非常珍貴的門票，一張可以帶你前往新奇科技遊樂園的門票。然後呢？然後我就抽到了！五月 17-19 日 為期三天的 Google I/O Event 。 - [一句話形容 UX 設計師 在幹嘛？](https://designtongue.me/%e4%b8%80%e5%8f%a5%e8%a9%b1%e5%bd%a2%e5%ae%b9-ux%e8%a8%ad%e8%a8%88%e5%b8%ab-%e5%9c%a8%e5%b9%b9%e5%98%9b/): 「UX 是什麼？」、「 UX 設計師 是做什麼的？」，身為 UX 設計師 ，這大概會是你三不五時就被問到的問題。 日常生活中，多數人們對於 UX 設計師的職業概念都還是相當陌生的，要如何能讓第一次聽到「 UX 設計師 」這個職業的人，能夠在短時間理解這份職業，對於每個 UX 設計師來說勢必會碰到問題 。 - [製作 APP 的介紹影片，該注意哪些要點呢？](https://designtongue.me/%e8%a3%bd%e4%bd%9c-app-%e7%9a%84%e4%bb%8b%e7%b4%b9%e5%bd%b1%e7%89%87-%e8%a9%b2%e6%b3%a8%e6%84%8f%e5%93%aa%e4%ba%9b%e8%a6%81%e9%bb%9e%e5%91%a2/): APP 產品推出市場時，大多會透過短片進行宣傳，短片可以在短時間之內讓使用者快速了解產品的特色與精神而且方便分享傳播。以 Google 的 APP 為例，幾乎每個 APP 都會有一個介紹影片。從我們替客戶製作 APP 介紹影片的經驗，我們提出了 7點 對於 APP 介紹影片製作的看法 ... - [設計 “ 找工作 APP ” 的概念與流程分享](https://designtongue.me/%e8%a8%ad%e8%a8%88-%e6%89%be%e5%b7%a5%e4%bd%9c-app-%e7%9a%84%e6%a6%82%e5%bf%b5%e8%88%87%e6%b5%81%e7%a8%8b%e5%88%86%e4%ba%ab/): 大多 人力銀行 的 找工作 app 都還是走傳統九宮格、網頁的設計模式，老實說，這樣的設計已經不符合現代，且美感也差了一大截，更不用說好不好用了。剛好有機會可以重新規劃人力銀行的 找工作 app，在體驗上當然不能像飲料換包裝而已，必須要有實質提升 ... - [書上設計展 2.0：一本可以看到台灣新銳設計能量的書](https://designtongue.me/%e6%9b%b8%e4%b8%8a%e8%a8%ad%e8%a8%88%e5%b1%95-%e4%b8%80%e6%9c%ac%e5%8f%af%e4%bb%a5%e7%9c%8b%e5%88%b0%e5%8f%b0%e7%81%a3%e6%96%b0%e9%8a%b3%e8%a8%ad%e8%a8%88%e8%83%bd%e9%87%8f%e7%9a%84%e6%9b%b8/): “ 書上設計展 2.0 ” 這本書剛好就是懶惰加沒時間的大舌頭喜愛的，它集結了紅點與金點獎、青春設計節、Ａ+ 創意季與放視大展中的優秀新銳作品，並將概念、設計發展過程與成果描述於書中。看完後，又喚起了大舌頭學生時代對設計的熱血精神與理想！ 書上設計展2.0 ：一本可以看到台灣新銳設計能量的書 ... - [想換工作？視覺設計師轉職 UX 設計師甘苦談！](https://designtongue.me/%e8%bd%89%e8%81%b7ux%e8%a8%ad%e8%a8%88%e5%b8%ab-%e7%94%98%e8%8b%a6%e8%ab%87/): 年後轉職很夯，你是不是也想換工作呢？在求... - [圖越大越好？不是所有的使用者都跟你想得一樣！](https://designtongue.me/%e5%9c%96%e8%b6%8a%e5%a4%a7%e8%b6%8a%e5%a5%bd%ef%bc%9f%e4%b8%8d%e6%98%af%e6%89%80%e6%9c%89%e7%9a%84-%e4%bd%bf%e7%94%a8%e8%80%85-%e9%83%bd%e8%b7%9f%e4%bd%a0%e6%83%b3%e5%be%97%e4%b8%80%e6%a8%a3%ef%bc%81/): 在做驗證前，我們會先試著想像或限縮產品的使用者是哪一種人？有何種樣貌？以設計出符合使用者需求的設計；但產品很難指向單一種特定的使用者。以痞客邦的 使用者 來說，可基本分為「部落客」與「讀者」兩種類型；不過，部落格可以創作內容涵蓋的範圍非常廣泛且沒有限制，而每種文章類型的「部落客」與「讀者」需求也都會有所不同。 - [企業為何需要 UX 研究？](https://designtongue.me/%e4%bc%81%e6%a5%ad%e7%82%ba%e4%bd%95%e9%9c%80%e8%a6%81-ux-%e7%a0%94%e7%a9%b6%ef%bc%9f/): 在開發產品服務的時候，開發團隊可能想過要導入 UX 研究 ，透過 UX 研究 方法讓產品的設計更貼近使用者需求。也許你試著做過幾次使用者研究，或在團隊中有 UX 設計師參與，但是產品最後產出的結果還是不理想 ... 若發生這樣的情況，你可能心裡會想：如果做 UX 研究 並不保證產品會更好，那到底為什麼還要做呢？ - [設計師學習 Framer 第四章：Draggable & Pinchable 物件](https://designtongue.me/framer-js-part-04/): 這次要分享給大家的是： Framer 的 Draggable & Pinchable 屬性，這屬性如何讓物件可被使用者在畫面上拖曳並且放大縮小。這次的案例就先讓我們跳脫出音樂播放器，來到常見的照片編輯器吧。Draggable 可拖曳屬性/Pinchable 放大縮小屬性。 - [如何讓 app 的產品回饋更流暢 - Balto 的設計流程](https://designtongue.me/%e5%a6%82%e4%bd%95%e8%ae%93-app-%e7%9a%84%e7%94%a2%e5%93%81%e5%9b%9e%e9%a5%8b%e6%9b%b4%e6%b5%81%e6%9a%a2-balto-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%b5%81%e7%a8%8b/): Balto 是以一個動作就能簡單地將螢幕截圖或影片回饋給工程師的服務，大多使用於 Beta App 的內部測試時，簡單來說就是一個傳送意見回饋的溝通平台。除了讓開發團隊進行意見回饋時的溝通更加順暢之外，希望能讓設計的 Feedback 變得更加積極與正面。 - [小心，UX 就在你身邊！生活中的使用者體驗](https://designtongue.me/%e5%b0%8f%e5%bf%83-ux-%e5%b0%b1%e5%9c%a8%e4%bd%a0%e8%ba%ab%e9%82%8a-%e7%94%9f%e6%b4%bb%e4%b8%ad%e7%9a%84-%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97/): 你可曾想過，從一早起床，到回家洗洗睡，我們每天生活中所接觸的各種物品，是不是也曾經因為使用上的不順利，而影響心情呢？其實，生活中有許多眉眉角角，都與 使用者體驗 息息相關，如果設計師能多點同理心，多站在使用者的角度著想，相信就能減少不愉快的發生，甚至能讓這個世界變得更美好呢！ - [簡述軟體開發流程與了解 PM 與 UX Designer 的區別](https://designtongue.me/%e7%b0%a1%e8%bf%b0-%e8%bb%9f%e9%ab%94%e9%96%8b%e7%99%bc%e6%b5%81%e7%a8%8b-%e8%88%87%e4%ba%86%e8%a7%a3-pm-%e8%88%87-uxdesigner-%e7%9a%84%e5%8d%80%e5%88%a5/): 這篇文章會涵括：1）What should we build? 如何決定產品開發項目？、2） Product Development Process 軟體產品 開發流程 、3）Product Manager/Designer’s Role 產品經理及設計師的職責 - [2017 米蘭設計週 展前小報導 - Salone del Mobile ＆ FUORISALONE](https://designtongue.me/2017-%e7%b1%b3%e8%98%ad%e8%a8%ad%e8%a8%88%e9%80%b1-%e5%b1%95%e5%89%8d%e5%b0%8f%e5%a0%b1%e5%b0%8e/): 又到了每年設計界最大的展會活動 - 米蘭設計週 ，鑑於去年第一次在米蘭這城市親身體驗，展前做事前功課時，發現台灣媒體幾乎沒有展前的報導與攻略，相當可惜！經歷了 2016 年那次，稍微整理各展區觀展的網路資源。Salone del Mobile(台灣俗稱：會內展)，FUORISALONE(台灣俗稱：會外展) ... - [多語系網頁在設計上該考慮什麼，才能有好的使用者體驗？](https://designtongue.me/ux-design-for-internationalization/): 多語系 （國際化）產品在設計時，往往因不理解該地區的文化或語言，忽視了許多小細節，累積起來就會造成諸多問題，例如降低轉換率、無法傳遞價值主張、降低使用者的信賴等。作者就 Dropbox 工作的經驗，提供許多設計的小技巧給讀者，希望能解決在設計多語系產品的相關問題，期待讓產品的體驗更好。 - [如何以有限的預算，打造可靠又可信的人物誌 (Personas)](https://designtongue.me/data-driven-personas/): 這篇文章將討論如何以有限的預算，打造出可靠可信的 Persona，並協助我們創造成功的使用者體驗。我們可創造 Persona 讓它告訴你真實的使用者的需求。講的更具體些，就是透過 Personas ( 有著假設的生活背景、喜愛與需求）的資訊來得知不同類型用戶將會如何與網站互動。 - [如何打造對專案有效益的 Persona (人物誌) ？](https://designtongue.me/persona-for-project/): 許多公司認為做出一個準確的 Persona (人物誌) 相當昂貴或單純覺得不需要。顧客也可能不太了解這個工具的概念，以及看到它能為專案帶來的價值。是否能有效的建構與使用 Persona (人物誌) ，可帶給你們團隊更清晰的目標用戶面貌，以及為你的專案打下發展方向的基礎。 - [Framer Flows 初體驗](https://designtongue.me/framer-flows/): 在了解 Framer Flows 多方便之前，先講過去做頁面切換有多痛苦。以下歸納幾個比較惱人的問題：因為 Framer 會抓 Sketch Artboard 的絕對座標，必須多寫一行程式重新歸位到正確的進入位置。再寫一行進入畫面的動畫程式。當新畫面進入後，還必須把後面的頁面 visible 關掉 ... - [設計大量內容的頁面時，該注意哪些 UI 設計準則？](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%a4%a7%e9%87%8f%e5%85%a7%e5%ae%b9%e7%9a%84%e9%a0%81%e9%9d%a2%e6%99%82-%e8%a9%b2%e6%b3%a8%e6%84%8f%e5%93%aa%e4%ba%9b-ui-%e8%a8%ad%e8%a8%88%e6%ba%96%e5%89%87/): 當我們接到需要呈現大量內容的產品設計任務時，該思考哪些要點？另外，使用者會不會因為大量內容而造成使用上的困擾？作者提出 6大 設計準則 ，讓設計師在進行這類設計時有參考的方向。如果網頁上有太多區塊或細節，使用者相當容易迷失方向。以下提供幾項 設計準則，可讓繁雜的資訊更容易理解，並與你的使用者互動。 - [如何透過數據決定 "用字"，以提升使用者體驗？](https://designtongue.me/%e5%a6%82%e4%bd%95%e9%80%8f%e9%81%8e%e6%95%b8%e6%93%9a%e6%b1%ba%e5%ae%9a%e7%94%a8%e5%ad%97%e4%bb%a5%e6%8f%90%e5%8d%87-%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97/): 使用者體驗 的設計考量中，用字也是一個相當重要的環節。此篇文章中，作者描述在 Dropbox 裡如何以資料數據來設計用字，並分享了許多工具與方法：用字是一種藝術，因為文字能讓人們笑、感動甚至激勵我們做有意義的事。但是它同時也跟科學有關，我們可利用資料累積的資訊協助選字，及讓我們可更客觀的思考。 - [emoji 時代的 9 個豆知識](https://designtongue.me/emoji-%e6%99%82%e4%bb%a3%e7%9a%849%e5%80%8b%e8%b1%86%e7%9f%a5%e8%ad%98/): 本文章已獲得作者 Winston 授權，... - [挑 聖誕禮物 沒靈感？推薦六樣你值得一看的禮物](https://designtongue.me/%e8%81%96%e8%aa%95%e7%af%80%e7%a6%ae%e7%89%a9-%e6%8e%a8%e8%96%a6/): 聖誕節快到了，不論同事間交換禮物、送好友、男女朋友、親友 ... 等，挑禮物總是令人煩惱！今年大舌頭特地為大家挑選了六件值得推薦的 聖誕禮物 供粉絲們參考喔！只有短短七天閃購，快來一探究竟吧！ - [分享我在澳洲尋找 UIUX的工作 經驗](https://designtongue.me/uiux-job-in-australia/): 這篇主要是分享我在澳洲找 UIUX的工作 經驗跟過程，下一篇我會再描述在澳洲的工作經驗。台灣有 一O寺 跟 鐵支，澳洲則有 Seek 跟 Indeed，基本上九成的工作都會在這兩個網站上出現。澳洲跟台灣不太一樣的地方是這邊公司很喜歡透過仲介 recruitment (也就是台灣所說的獵頭) 找人。 - [設計之都 非選美，而是利用設計思維展現創新，進行城市改造](https://designtongue.me/2016-%e5%8f%b0%e5%8c%97-%e8%a8%ad%e8%a8%88%e4%b9%8b%e9%83%bd/): 世界 設計之都 不是選美，而是選出有潛力用設計改變的城市。在「TRANS 從零到醫 － 跨域 x 生醫 x 創新」論壇中，由眾多講者談述 設計之都 、設計思考的教育應用，及設計與生醫新創的跨領域實例。論壇中也告訴我們當設計結合不同領域的專業時，更催生出改善現況的契機！ - [時間軸科技 (Hiiir) 如何選擇與使用原型工具來打造軟體產品](https://designtongue.me/%e6%99%82%e9%96%93%e8%bb%b8-hiiir-%e5%a6%82%e4%bd%95%e9%81%b8%e6%93%87%e8%88%87%e4%bd%bf%e7%94%a8%e5%8e%9f%e5%9e%8b%e5%b7%a5%e5%85%b7%e4%be%86%e6%89%93%e9%80%a0%e8%bb%9f%e9%ab%94%e7%94%a2%e5%93%81/): Hiiir （時間軸）是一間集數位行銷、電子商務與行動 APP 服務的科技公司。他們在開發這些產品時，皆使用 Prott 來製作原型，以確保內部溝通順暢與概念的測試。也因此，Prott 的團隊特地訪談他們的團隊，針對使用 Prott 的用途及感受做了一場訪談。 --- # # Detailed Content ## 頁面 ### 商店 - Published: 2021-10-09 - Modified: 2021-10-09 - URL: https://designtongue.me/shop/ --- ### 文章列表 - Published: 2018-12-19 - Modified: 2021-07-19 - URL: https://designtongue.me/blog/ --- ### 首頁 > 設計大舌頭是一個長期關注使用者經驗（User Experience）的平台，內容包含使用者介面（UI）、互動設計（Interaction Design）、使用者經驗（UX）、設計趨勢、智慧財產以及服務設計等。我們試圖讓更多讀者了解設計師們的巧思，並推廣 Design Thinking 的思維，歡迎大家加入這個討論園地。 - Published: 2018-12-10 - Modified: 2020-09-17 - URL: https://designtongue.me/ --- ### 廣告曝光 - Published: 2018-07-11 - Modified: 2018-07-11 - URL: https://designtongue.me/advertise/ https://freebiesbug. com/advertise/ --- ### 我的帳號 - Published: 2018-05-31 - Modified: 2018-05-31 - URL: https://designtongue.me/my-account/ --- ### 結帳 - Published: 2018-05-31 - Modified: 2018-05-31 - URL: https://designtongue.me/checkout/ --- ### 購物車 - Published: 2018-05-31 - Modified: 2018-05-31 - URL: https://designtongue.me/cart/ --- ### 維護中 ... - Published: 2016-10-21 - Modified: 2016-10-21 - URL: https://designtongue.me/%e7%b6%ad%e8%ad%b7%e4%b8%ad/ --- ### Shop - Published: 2016-08-22 - Modified: 2016-08-22 - URL: https://designtongue.me/shop-2/ --- ### 設計資源 - Published: 2016-07-23 - Modified: 2016-07-24 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e8%b3%87%e6%ba%90/ --- ### 聯絡我們 > 加入設計大舌頭 - 歡迎各位伙伴提供各類與設計相關的訊息，包括以下三類： 1. 觀察生活小細節、發現生活小問題、產品/網頁使用後的經驗之心得。 2. 設計思考、使用者經驗、介面設計等教學、分享文。 3. 國外好文翻譯與筆者見解分享 ... 歡迎 聯絡我們 ～ - Published: 2015-04-02 - Modified: 2019-02-07 - URL: https://designtongue.me/contact/ 專業分析 大舌頭熱愛接觸新產品、新服務，並針對 "設計" 與 "使用者體驗" 的細節，以專業角度將您的產品進行完整的健檢。 若想與我們合作，請於下方留下聯絡方式吧！ 加入設計大舌頭 歡迎加入設計大舌頭共筆平台，若伙伴們有任何 idea 或文章，想要分享給更多粉絲，可聯繫我們喔！ 投稿主題： 發現生活小細節，挖掘生活小問題 產品/網頁/APP使用後的體驗心得 設計相關知識，如設計思考、使用者經驗、介面設計、工具或流程教學等 國外好文翻譯與筆者見解分享 聯絡方式 可於臉書粉專私訊我們 email: ... --- ### 關於我們 > 設計大舌頭 是一個長期關注使用者經驗相關的各項議題，包含使用者介面（UI）、互動設計、使用者經驗（UX）以及服務設計等的共筆平台，試圖讓更多讀者了解設計師們的巧思，並推廣 design thinking 的思維，歡迎更多人加入這一個討論園地。如果您喜歡我們的文章，請到 Facebook 專頁按讚 - 設計大舌頭 - Published: 2014-12-17 - Modified: 2020-02-17 - URL: https://designtongue.me/%e9%97%9c%e6%96%bc%e8%a8%ad%e8%a8%88%e5%a4%a7%e8%88%8c%e9%a0%ad/ 簡介 - 設計大舌頭 設計大舌頭 是一個長期關注使用者經驗（User Experience）的平台，內容包含使用者介面（UI）、互動設計（Interaction Design）、使用者經驗（UX）、設計趨勢、智慧財產以及服務設計等。我們試圖讓更多讀者了解設計師們的巧思，並推廣 Design Thinking 的思維，歡迎大家加入這個討論園地。 未來，我們計畫推出實體、教育及推廣等活動，期待能與各界合作及與粉絲們見面。另外我們也關注新創產業，對各項創新的服務與產品相當感興趣，非常樂意以 UX 的角... --- --- ## 文章 ### 設計師必備！使用者行為熱圖的超強用法大公開 - Published: 2025-02-13 - Modified: 2025-02-13 - URL: https://designtongue.me/heatmaps/ - 分類: 心得分享, 教學文章, 電子商務 - 標籤: heatmap, hotjar, user experience, 使用者介面, 使用者體驗 使用者行為熱圖！這個工具對我們設計師來說，根本就像哆啦 A 夢的百寶袋，裡面裝滿了能提升設計、優化使用者體驗的神奇法寶！如果你是設計師，或是對網站設計有興趣，那這個工具絕對能幫助你大幅提升使用者體驗。讓我來揭開它的神秘面紗，告訴你怎麼用熱圖來改進你的設計！ 大舌頭在設計圈打滾也好幾年了，這一路走來，真的發現超多超好用的設計工具。今天來跟大家分享一個超實用的設計工具 - 使用者行為熱圖！這個工具對我們設計師來說，根本就像哆啦 A 夢的百寶袋，裡面裝滿了能提升設計、優化使用者體驗的神奇法寶！如果你是設計師，或是對網站設計有興趣，那這個工具絕對能幫助你大幅提升使用者體驗。讓我來揭開它的神秘面紗，告訴你怎麼用熱圖來改進你的設計！ 什麼是使用者行為熱圖 (Behavior Heatmaps)？ 說白了，使用者行為熱圖就是把使用者在頁面上的行為，用最直覺的顏色... --- ### 《UX 互動設計聖經》：深入探索 UX 設計核心原則 > 身為 UX/UI 設計師，我們每天都在追求創造更優質的使用者體驗。然而，面對瞬息萬變的科技與使用者需求，如何才能跳脫既有框架，打造真正以人為本的設計？ 《UX互動設計聖經》最大的特色在於其高度的實用性。每個法則都搭配了清晰的圖文解說與實際案例，讓我們能夠快速理解並應用於工作之中。無論是經驗豐富的資深設計師，或是剛踏入職場的新手，都能從中獲益良多。 誠摯推薦給每一位追求卓越的UX/UI設計師，相信這本書定能為您的設計之路帶來啟發與突破。 - Published: 2025-01-30 - Modified: 2025-02-04 - URL: https://designtongue.me/book_of_universal-principles-of-ux/ - 分類: UI/UX, 心得分享 - 標籤: UX, 互動設計, 使用者體驗 這本書深入探討了使用者體驗（UX）設計的核心原則，對於設計師來說，不僅適合專業的 UX 設計師，也對任何對數位產品互動有興趣的讀者具有啟發性。書中涵蓋了從心理學、人機互動到實際設計策略 ... 等多個層面，旨在幫助讀者創造更直覺、更有效且更人性化的數位體驗。本書強調，設計的目標是創造正向的互動，讓使用者在使用產品時感到愉快且有效率。透過書中的案例分析，讀者能更深入理解這些原則如何在實際應用中發揮作用。 大大的文字配範例圖，超級好閱讀 使用者至上：以同理心驅動 UX 設計 書中的一個重要觀點是，使... --- ### 2025 八耐舜子手繪明信片日曆 > 如果你還在猶豫該買哪一本日曆本，大舌頭這次會推薦 八耐舜子 這本手繪日曆本！畢竟365頁中，頁頁手繪已難能可貴了，張張還是可寄送的明信片，甚至內容有許多是未公開的創作喔！集觀賞、收藏、分享於一身，真的是 2025 必須擁有的一本創作型日曆，推薦給您。 - Published: 2024-11-17 - Modified: 2024-11-18 - URL: https://designtongue.me/happyday2025/ - 分類: 心得分享 每一年的年底，都是嘖嘖日曆大噴發的時刻，大舌頭也連續贊助了不少日曆，有創意的、質感派、科普派、寵物療癒系 ⋯ 等，今年讓我覺得必買的一本，竟然是我完全沒想過的類別（樣式）！它就是 八耐舜子的手繪日曆 ～ 圖片來源：八耐舜子嘖嘖募資內文 在這個 AI 成長的世代裡，還是有人堅持一筆一畫地書寫、手繪，非常難能可貴，我想這是一本最有誠意的日曆，每一頁都是八耐舜子滿滿的心意。 手繪獨一無二的溫度，絕非 AI 生圖、電繪能比擬的 八耐舜子你沒聽過但一定看過 八耐舜子是誰？其實大舌頭我一開始真的不知道，但一... --- ### 海外留學生使用 VPN 的好處 > VPN 虛擬私人網路，猶如海外留學設計領域學生的守護者，為他們保駕護航，抵禦網路安全威脅，突破地域限制，暢享校園資源，激發學術靈感。它加密網路流量，保護隱私安全；繞過地理限制，拓展資訊視野；連接校內網路，獲取學術寶藏；加速網路速度，激發創造活力。VPN，助力留學生築夢成才，成就學術夢想。 - Published: 2024-05-07 - Modified: 2024-05-09 - URL: https://designtongue.me/benefit-of-using-vpn-when-studying-abroad/ - 分類: 心得分享 - 標籤: VPN, 留學 畢業季的來臨，有些人選擇直接就業，有些人選擇升學，甚至是到海外留學、攻讀設計碩、博士。海外有許多學校擁有世界頂尖的師資與資源，可為學生提供寶貴的學習、就業機會。然而，海外留學也意味著你需要面臨一些新的挑戰（語言、文化、飲食、生活型態 ... 等），其中有一項大舌頭要特別提到的，就是 “網路安全與隱私”。 透過 VPN 保護個人網路安全和隱私 海外留學生經常需要使用公共 Wi-Fi 來瀏覽網頁。公共 Wi-Fi 通常是沒有加密的，這意味著駭客可以輕鬆監聽你的網路流量與個人資訊，例如網站密碼、信用卡... --- ### AI 協助繪製 LINE 貼圖，5分鐘內搞定？ - Published: 2023-05-01 - Modified: 2023-05-01 - URL: https://designtongue.me/design-line-stickers-with-midjourney/ - 分類: ideas, 教學文章 - 標籤: ai, Line, LINE貼圖製作, midjourney, 貼圖 現今社交通訊軟體已經成為人們生活中不可或缺的一部分，其中 LINE 在台灣更是擁有超過2100萬用戶數，在這樣的背景下，貼圖作為 LINE 特有的表情符號也是一個大市場。不論是製作自己獨一無二的 LINE 貼圖或是希望以製作好笑、可愛等主題式貼圖來賺點生活費，我想都大有人在。 在 AI 蓬勃發展的時間點，我們是不是可以借助人工智慧，製作出高設計水準、不同風格的貼圖呢？而且還是高效率產圖，短短一天，可能就可以上架50~100組是沒問題的！本篇文章，我們將教你如何利用 Midjourney 這個工具... --- ### 如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (下) > 透過 chatGPT 撰寫 design system 文件，其結果令人大吃一驚，原來 AI 還可以這樣搞！只需提供具體的需求、表格和精確的描述，將生成品質相當高的文件範例！你甚至還會得到其範例程式碼。 - Published: 2023-03-15 - Modified: 2023-03-15 - URL: https://designtongue.me/chatgpt-for-uiux-design-c/ - 分類: UI/UX, 翻譯文章 - 標籤: ai, chatGPT, UI, UX, 使用者介面 延續連上兩篇 如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (上)、如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (中)、我們將繼續透過範例的方式來探索 ChatGPT 帶給 UI/UX 設計的改變～這篇還包含了 Design System 的生成，很有趣，趕快往下看吧！ 17. 優化文案 (訊息文本) 的口吻風格 如果你覺得生成的訊息文案非常普（不夠出色）或不符合這次專案的文案 Guideline，可建議 ChatGPT 更改其文案用... --- ### 如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (中) > 我們常會被日常使用的設計術語所影響而有偏見。例如：同理心地圖 (Empathy map)、使用者旅程 (user journey)、SUS (產品易用性量表)、CTA (行動呼籲) 等術語都可輕鬆被 AI 清楚地解釋。 - Published: 2023-03-15 - Modified: 2023-03-15 - URL: https://designtongue.me/chatgpt-for-uiux-design-b/ - 分類: UI/UX, 翻譯文章 - 標籤: ai, chatGPT, UI, UX, 使用者介面 延續上一篇 如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (上)，我們將繼續透過範例的方式來探索 ChatGPT 帶給 UI/UX 設計的改變～ 9. 找出將複雜的設計術語解釋給團隊成員的方式 我們常會被日常使用的設計術語所影響而有偏見。例如：同理心地圖 (Empathy map)、使用者旅程 (user journey)、SUS (產品易用性量表)、CTA (行動呼籲) 等術語都可輕鬆被 AI 清楚地解釋。 藉由這樣的方式，你的團隊成員將能夠理解特定的設計術語，例... --- ### 如何使用 ChatGPT 協助 UI/UX 設計：25 個範例帶你一起探索 (上) > 很快，你將無法想像沒有 ChatGPT 的設計過程！像 ChatGPT 這樣的 AI 解決方案，就可能會成為 UI UX 設計流程上非常有用的輔助工具。該工具所能提高的效率範圍會讓你感到十分驚訝。 - Published: 2023-03-15 - Modified: 2023-03-15 - URL: https://designtongue.me/chatgpt_for_uiux_design_a/ - 分類: UI/UX, 翻譯文章 - 標籤: ai, chatGPT, UI, UX, 使用者介面 不要再無休止地辯論「AI 是否會取代設計師」？我們還是聚焦在實際的事情上吧～事實是，像ChatGPT 這樣的現有 AI 解決方案，就可能會成為我們日常工作任務上非常有用的支援工具。該工具所能提高的效率範圍會讓你感到驚訝。在本文中，你將會看到許多實際的範例（我非常確信，很快，你將無法想像沒有 ChatGPT 的設計過程！）讓我們開始吧！ 1. 產生網站或區塊的文案 使用「lorem ipsum」雖然很簡單，但設計仍然感覺虛假。更好的方式是包含樣本文案，以便視覺化設計並向客戶展示初始版本。AI 工具... --- ### Clubhouse 為什麼熱門？從 UIUX 的角度淺談（一） - Published: 2021-02-08 - Modified: 2021-04-14 - URL: https://designtongue.me/clubhouse-uiux/ - 分類: APP, UI/UX, 心得分享 - 標籤: app design, Clubhouse, 創業, 設計創新 大家最近應該一直被 Clubhouse 洗版吧～比如：clubhouse 邀請碼、開房間 ... 等關鍵字一直出現在臉書上，不禁讓人更想好好瞭解他的魅力在哪？因此特地分享這篇以產品面來分析 clubhouse，一探他的設計心思吧！ (閱讀全文... ) --- ### 手機拿法也會影響介面設計 - 淺談拇指法則 > 拇指法則如果應用在近年的裝置上，是否會改變設計師遵循的介面設計法則呢？產品的本質沒變，但會隨著科技的演變而改變它的形式。因應大手機螢幕的風潮，為了讓單手使用者可以更順暢的瀏覽網站，介面互動模式也逐漸改變。 - Published: 2020-02-06 - Modified: 2021-04-14 - URL: https://designtongue.me/ui-design-for-mobile-thumb-zone/ - 分類: UI/UX - 標籤: app UI, Thumb Zone, UI design, 互動設計, 拇指法則 拇指法則如果應用在近年的裝置上，是否會改變設計師遵循的介面設計法則呢？產品的本質沒變，但會隨著科技的演變而改變它的形式。因應大手機螢幕的風潮，為了讓單手使用者可以更順暢的瀏覽網站，介面互動模式也逐漸改變。 行動互動設計 Thumb Zone - Mobile UX 當薩哈跟隨 2019 換機潮從萬年的 iPhone6 更新到 iPhone 11，拿到新手機的那一刻不是欣喜與期待，而是默默在心中大驚「怎麼那麼大！好重好不習慣！」從 4. 7 寸直上 6. 1 吋螢幕的 iPhone 11 手感是全新的體驗，第一件事擔心的是躺在床上滑手機砸到一定超痛（誤）原本隻手能遮天的範圍，縮小到只能按到螢幕寬度 3/4 是極限，甚至要按關機鍵都得在手掌上挪個位置，對於單手使用者轉換期需要較長適應的時間。這讓我回想... --- ### Supr.Link 最安全的縮網址服務 > 大舌頭要介紹的這個 縮網址 服務 Supr.Link 是由「台灣 Aotter 電獺團隊」所開發的，除了提供基本的縮址功能外，還有許多方便且實用的設定供進階使用者使用喔！Supr.Link 超. 連結提供哪些服務呢？網址縮址服務/電話、地址、信箱都能縮/網址分流/裝置判斷/數據追蹤與保密/自訂 SEO 敘述/加強推廣。 - Published: 2020-01-13 - Modified: 2020-10-01 - URL: https://designtongue.me/supr-link/ - 分類: 心得分享, 體驗文 - 標籤: AB TESTING, AB測試, SUPR.LINK, 網址分流, 縮址, 縮網址, 超.連結 不知道各位設計師、PM ... 等讀者們常用的縮網址是哪個呢？目的是什麼呢？今天大舌頭要介紹的這個縮網址服務 Supr. Link 超. 連結 是由「台灣 Aotter 電獺團隊」所開發的，除了提供基本的縮址功能外，還多了許多方便且實用的設定供進階使用者使用喔！ 參考之前所寫的 lihi 縮網址介紹：新一代縮網址 LIHI. IO，讓 A/B TESTING 不再是件難事！ 縮網址的潛在危機 在介紹新產品之前，還是需要來點知識糧食（設計師是非常飢渴的！）。縮網址最常見的危機就是釣魚網址（這也是最... --- ### 開發流程優化人人有責：設計也能營運？ > 怎麼掌握每個人的開發流程進度  - 敏捷開發 Scrum。在公司，產品經理負責整個產品進度，一路從了解客戶/老闆/企業的需求、與設計師溝通頁面設計、掌握工程團隊開發的進度、追蹤發布新版本的驗收測試 …每個階段都需要大量的溝通，這也是團隊在合作一定會遇到的問題。 - Published: 2019-07-06 - Modified: 2020-10-01 - URL: https://designtongue.me/design-operation/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: Backlog, Flowchart, PM, Scrum, wireframe, 敏捷開發, 產品開發, 設計流程 這是我在新創公司中以工程師的角度，記錄產品開發中 “專案經理管理設計” 與 “工程開發” 的流程與使用工具，希望不只是個紀錄，也能幫助對產品開發流程有興趣的朋友。 在公司，產品經理 (Product manager) 負責整個產品進度，一路從了解客戶/老闆/企業的需求、與設計師溝通頁面設計、掌握工程團隊開發的進度、追蹤發布新版本的驗收測試... 每個階段都需要大量的溝通，這也是團隊在合作一定會遇到的問題。 (閱讀全文... ) --- ### 台灣社會創新發展趨勢(本場次全程 QA) – MIX 2019 Day 1 - Published: 2019-05-14 - Modified: 2019-07-13 - URL: https://designtongue.me/qa-mix-2019-day-1/ - 分類: UI/UX, 心得分享 - 標籤: MIX, MIX2019, 唐鳳, 社會創新, 設計論壇 講題：台灣社會創新發展趨勢 行政院政務委員 唐鳳 唐鳳政委的語速和頭腦轉速非比常人，所以這部分是能記下的筆記，不是逐字稿。 (閱讀全文... ) --- ### 數位金融 – MIX 2019 Day 1 - Published: 2019-05-14 - Modified: 2019-07-13 - URL: https://designtongue.me/mix-2019-fintech/ - 分類: UI/UX, 心得分享 - 標籤: COBINHOOD, CRYPTOCURRENCY, FINTECH, MIX, MIX2019, 區塊鏈, 數位金融, 設計論壇 延續上一篇（設計視野 – MIX 2019 Day 1）的心得，這篇的主題環繞在最近很夯的數位金融（FinTech）上，其中講者包含了 COBINHOOD 產品長 – 游鈞為、政大金融科技監理創新實驗室 執行長 – 臧正運。FinTech 是一個趨勢潮流，將會衝擊、改變我們的生活模式，也因為正在發酵中，總總可能性十分的大，身為設計師的我們更應該好好了解，運用我們的想像力，試著改變這世界吧！ (閱讀全文... ) --- ### 設計視野 – MIX 2019 Day 1 - Published: 2019-05-14 - Modified: 2019-07-13 - URL: https://designtongue.me/mix-2019-design-vision/ - 分類: UI/UX, 心得分享 - 標籤: EMPATHY, IMMERSING DESIGN, LINE TAIWAN, MIX, MIX2019, 設計思考, 設計視野, 設計論壇 邁入第七屆的 MIX 創新設計年會今年由政治大學 數位內容與科技學程 DCT、IxDA Taiwan 台灣互動設計協會、UiGathering 台灣使用者經驗設計協會、 UserXper 悠識數位、HPX 社群共同主辦，在5月1日，於集思台大會議中心盛大展開。 今年的討論的議題題橫跨了《設計視野 》、《數位金融》、《趨勢運用》與《環境空間》等不同的面相，探討創新設計在不同的產業和環境之中如何被生成與運用。 今年大會的主視覺牆兩側多了幾個由講者、主辦和贊助單位分享的小標語，像是受到眾人喜愛的「你不... --- ### 如何設計 POS（下）：POS 的設計準則 > 這些 POS 設計準則補充及加強了常見的一般性 UX 準則，可應用於 POS 的 UI 設計中，以符合真實的使用需求。這些 POS 介面準則相當易懂，卻伴隨著 “美學” 與 “使用性” 的衝突。 - Published: 2019-03-11 - Modified: 2020-08-29 - URL: https://designtongue.me/pos-design-part2/ - 分類: APP, UI/UX, 翻譯文章 - 標籤: app, B2B, ipad, point of sale, pos, UI, UX 這些 POS 設計準則補充及加強了常見的一般性 UX 準則，可應用於 POS 的 UI 設計中，以符合真實的使用需求。這些 POS 介面準則相當易懂，卻伴隨著 “美學” 與 “使用性” 的衝突。 在上集中，我們總結了許多 POS UX 設計時所面臨的挑戰，而本文將整理我們在實地研究、實驗室測試分析以及介面設計的 POS 設計準則。 這些 POS 設計準則補充及加強了常見的一般性 UX 準則，可應用於 POS 的 UI 設計中，以符合真實的使用需求。 (閱讀全文... ) --- ### 如何設計 POS（上）：影響 POS UX 好壞的要素 > 設計 POS 系統 將會面臨一系列的挑戰，尤其是需要考量使用時的複雜環境。我們做了許多使用者研究來了解店員如何使用 POS 以及他們工作的經驗。同時，我們也研究數十個市面上的 POS 系統，發現竟然很少系統專注於提供好的使用者體驗以提升效率。 - Published: 2019-02-09 - Modified: 2020-08-29 - URL: https://designtongue.me/pos-design-part1/ - 分類: APP, UI/UX, 翻譯文章 - 標籤: app, B2B, ipad, point of sale, pos, UI, UX 設計 POS 將會面臨一系列的挑戰，尤其是需要考量使用時的複雜環境。我們做了許多使用者研究來了解店員如何使用 POS 以及他們工作的經驗。同時，我們也研究數十個市面上的 POS 系統，發現竟然很少系統專注於提供好的使用者體驗以提升效率。 設計 POS 系統 將會面臨一系列的挑戰，尤其是需要考量使用時的複雜環境。作為專業的 UX 設計機構，我們做了許多使用者研究來了解店員如何使用 POS 以及他們工作的經驗。同時，我們也研究數十個市面上的 POS 系統，發現竟然很少系統專注於提供好的使用者體驗以提升效率。 不管 POS 軟體解決方案是建構於 iOS、Android 或 web，過去 UX 的標準設計準則並不一定能套用，因為使用環境、時機與使用者等要素差異極大： (閱讀全文... ) --- ### Design System 使用時機與優點為何？如何著手設計？ > 【本文適合想提升產品開發效率的你，含設計師、產品經理、前端開發者】隨著數位產品逐漸成熟，許多知名企業為了加速開發流程，導入 設計系統（ Design System ）的觀念，讓產品團隊目標一致。每一個公司都是獨特的，設計系統必須綜合考量所有的因素。Airbnb 的 設計系統 不代表是適合你的。 - Published: 2018-11-21 - Modified: 2018-12-14 - URL: https://designtongue.me/design_system_how_to_begin/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: design system, 設計系統 【本文適合想提升產品開發效率的你，含設計師、產品經理、前端開發者】 隨著數位產品逐漸成熟，許多知名企業為了加速開發流程，導入 設計系統（Design System）的觀念，讓產品團隊目標一致。 (閱讀全文... ) --- ### 產品設計師如何簡報？如何說服相關權益人？ > 產品設計師 的能力需綜合多種知識與技能，工作內容不再僅限於 GUI、UI、UX，跨大為需要思考服務或產品的商業目標、模式、效益與營運等議題。因需要接觸更多領域的相關權益人，且對其簡報或說服也是習以為常。不過，簡報與說服主題不管大小，都帶有目的性。要達成目標，就必須在文件及表述上下功夫。 - Published: 2018-10-25 - Modified: 2018-12-14 - URL: https://designtongue.me/product-designer-how-to-present-your-design-to-stakeholders/ - 分類: UI/UX, 心得分享 - 標籤: product designer, stakeholder, 產品設計師, 相關權益人, 簡報, 說服 產品設計師 的能力需綜合多種知識與技能，工作內容不再僅限於 GUI、UI、UX，跨大為需要思考服務或產品的商業目標、模式、效益與營運等議題，也須對產品負更大的責任。因設計師職務更加廣泛，肯定需要接觸更多領域的相關權益人，且對其簡報或說服也是習以為常。 (閱讀全文... ) --- ### 平台如何創造及經營多類客戶群的價值？以 airbnb 搭配 觸媒金三角 為例 > 透過探討當兩群顧客相互需求卻缺乏接觸管道時，企業該如何顛覆傳統策略與戰術，搭起平台、解決痛點、扮演觸媒角色，點燃威力十足的催化作用等過程，幫助定義清楚的產品策略與 價值主張 。想到 airbnb，大家應該都能輕易想到他的「雙邊平台」商業模式 : 其核心在於搓合度假和商務旅行的「旅人」，與有閒置空間的「房東」。 - Published: 2018-10-04 - Modified: 2018-12-14 - URL: https://designtongue.me/product-strategy/ - 分類: UI/UX, 心得分享 - 標籤: airbnb, Lean canvas, 價值主張, 商業模式, 獲利, 產品設計師, 觸媒型企業 最近剛啃完「企業觸媒策略-多邊平台的制勝法則」（已絕版），雖是10年前舊書，但許多篇章都讓我有種相見恨晚的感覺，如果當初就讀了這本書該有多好呢？也許之前的產品存活率也更大了吧？所以我來介紹給大家。 在化學領域中，「 觸媒 」又稱「 催化劑 」，能促使兩種（或多種）物質發生反應。 這種反應會產生一種新物質，其價值遠大於兩種原生物質的價值。 但觸媒本身不會消失，因此他能以小成本創造高價值 ... 不不不，先別關視窗。這不是要講化學，而是作者將「 觸媒概念 」延伸至商業中！這就來～ (閱讀全文... ... --- ### AppStore 評分1.5星的麥當勞 App UI 怎麼救？UI/UX 大改造 (下) > 承接上一篇關於 mcdonalds app ui 的謬誤，這次我們繼續仔細列出和解釋如何讓這個 App 提供更貼心的用戶體驗。重新設計後優惠劵會顯示在購物車的下方，系統會在用家在點餐後自動顯示用家可使用的優惠劵，也可以自行更換其他優惠劵。能夠快捷獲得折扣優惠，使用者買單的意欲就更高了。 - Published: 2018-09-04 - Modified: 2018-12-13 - URL: https://designtongue.me/mcdonalds-app-ui-redesign-b/ - 分類: APP, UI/UX, 心得分享 - 標籤: app, McDonald's, 網路訂餐, 訂餐, 麥當勞 承接上一篇關於麥當勞 App 的 UI 謬誤，這次我們繼續仔細列出和解釋如何讓這個 App 提供更貼心的用戶體驗。如果想要重溫上一篇的內容，請點按傳送門：AppStore 評分1. 5星的麥當勞 App UI 怎麼救？UI/UX 大改造 (上) https://designtongue. me/mcdonalds-app-ui-redesign-a/ (閱讀全文... ) --- ### AppStore 評分1.5星的麥當勞 App UI 怎麼救？UI/UX 大改造 (上) > 隨著智慧型手機越來越普及，網絡速度越來越快，使用外送 App 點餐的人也越來越多，其中一個最受歡迎的外送應用程式就是麥當勞 App。不過從選擇點餐類別、定位餐廳、挑選餐飲、付款到真正下單，整個過程都不夠流暢。RedSo 的設計師今天就嘗試對 麥當勞 App UI 設計進行大改造，讓這個 App 更好看、更好用！ - Published: 2018-09-02 - Modified: 2018-12-13 - URL: https://designtongue.me/mcdonalds-app-ui-redesign-a/ - 分類: APP, UI/UX, 心得分享 - 標籤: app, McDonald's, 網路訂餐, 訂餐, 麥當勞 隨著智慧型手機越來越普及，網絡速度越來越快，使用外送 App 點餐的人也自然越來越多，其中一個最受歡迎的外送應用程式就是麥當勞 App。 不過只要你用過麥當勞 App 點餐，想必你已經發現，從選擇點餐類別、定位餐廳、挑選餐飲、付款到真正下單，整個過程都不夠流暢。RedSo 的設計師今天就嘗試對 麥當勞 App UI 設計進行大改造，讓這個 App 更好看、更好用！ (閱讀全文... ) --- ### Checkbox 與 開關元件（Toggle Switch）的正確使用情境 > UI 上的表單往往帶有一些控制元件（如： checkbox ）來協助使用者更容易的輸入，相對的，如何在對的時機使用對的控制元件就是設計表單的挑戰之一。開關元件（toggle switch）模擬實體開關的操作方式，讓使用者可以快速將某功能開啟或關閉，例如現實生活中的電燈開關。 - Published: 2018-08-25 - Modified: 2019-04-24 - URL: https://designtongue.me/checkbox-_vs_toggle_switch/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: Checkbox, toggle-switch, 表單, 複數框, 開關元件 UI 上的表單往往帶有一些控制元件（如：checkbox）來協助使用者更容易的輸入，相對的，如何在對的時機使用對的控制元件就是設計表單的挑戰之一。 (閱讀全文... ) --- ### 如何設計 “可拖曳元件“（Drag and Drop）？ > 介面上，你應該常使用到 可拖曳元件 (drag and drop)，例如拖拉 Gmail 的信件到資料夾中、移動 Trello 的卡片或是把 Chrome 瀏覽器上的分頁重新排列等。雖然操作很簡單，但這些互動的設計複雜度超過你的想像。本文就來分享在 VMware 中設計 可拖曳的元件 的經驗。 - Published: 2018-08-09 - Modified: 2018-12-13 - URL: https://designtongue.me/drag-and-drop-for-design-systems/ - 分類: 翻譯文章, UI/UX - 標籤: Drag and Drop, UI, UX Design, UX/UI, 可拖曳元件 介面上，你應該常使用到 可拖曳元件 (drag and drop)，例如拖拉 Gmail 的信件到資料夾中、移動 Trello 的卡片或是把 Chrome 瀏覽器上的分頁重新排列等。雖然操作很簡單，但這些互動的設計複雜度超過你的想像。本文就來分享在 VMware 中設計 “可拖曳的元件” 的經驗。 (閱讀全文... ) --- ### 以面試官的觀點與經驗，來看 UI/UX 設計師需具備的特質與能力 > UI/UX 設計師是產品的關鍵靈魂，產品難用被批判，設計師首當其衝。產品設計不好，開發就需要耗費更多時間修正，產品不好用，東西就賣不掉。你說，公司命脈是不是全壓在這人身上？這次我特地投入更多時間來了解一下現在做 UI/UX 的年輕人都到了什麼程度。 - Published: 2018-07-15 - Modified: 2018-12-13 - URL: https://designtongue.me/interview-ui-ux-designer/ - 分類: 心得分享, UI/UX - 標籤: feversocial, 面試, 面試UI/UX設計師, 面試官 一家網路公司，我認為最難找的角色大概就是 UI/UX 設計師 設計師是產品的關鍵靈魂，產品難用被批判，設計師首當其衝。產品設計不好，開發就需要耗費更多時間修正，產品不好用，東西就賣不掉。你說，公司命脈是不是全壓在這人身上？ (閱讀全文... ) --- ### 等待還能設計你知道嗎？讓 “等” 不再令人討厭 > 提供一個好的 “心智模型 ” 是人們理解生活如何運作的重要依據，而在等待過程中，“不確定性” 是導致負面激烈情緒的一個主要原因，當問題產生時，人們需要的是一種信心，他們需要知道到底發生了什麼事，透過提供保證和關注來盡可能降低不確定感。等待心理學中的心智模型 ，能幫助人們理解當前的狀況和進度，消除擔憂。 - Published: 2018-06-18 - Modified: 2020-10-01 - URL: https://designtongue.me/inline-design/ - 分類: UI/UX, 服務設計, 體驗文 - 標籤: Donald Norman, 心智模型, 排隊, 服務設計, 設計心理學, 體驗設計 「等待」是一個過程，也是生活中不可避免的事情。 我們等待，是為了最後獲得想要的東西、想見的人，對於等待後的想像通常是美好正向的，但等待的過程中，我們會感到焦慮煩躁，甚至失望憤怒，所以，如何在等待過程中正面引導用戶情緒是體驗設計的重要環節。 唐納德• A • 諾曼（Donald A · Norman）在《設計心理學》中提出「等待」設計要掌握的六個原則，我也整理了生活中排隊等待的例子來輔助說明： (閱讀全文... ) --- ### 斜槓設計師 - 分享學習 投放 FB 廣告 的心得 > 設計師為什麼要投資投放 FB 廣告技能？在進入廣告圈實習的兩個月後，我發現很多中小企業的產品很好，但都不會做數位行銷，尤其是廣告投放這塊。我認為設計師在做內容、設計上都有獨到的眼光，具對使用者的洞察能力，配上正確方向的投放，可以讓社群發酵更快，讓導購更加效率。 - Published: 2018-06-10 - Modified: 2020-08-29 - URL: https://designtongue.me/designer-learn-fb-ads/ - 分類: UI/UX, 心得分享 - 標籤: FB廣告, 廣告投放, 廣告投放位置, 數位行銷 設計師為什麼要投資投放 FB 廣告技能？在進入廣告圈實習的兩個月後，我發現很多中小企業的產品很好，但都不會做數位行銷，尤其是廣告投放這塊。我認為設計師在做內容、設計上都有獨到的眼光，具對使用者的洞察能力，配上正確方向的投放，可以讓社群發酵更快，讓導購更加效率。 先說說我的背景，讀了高中加頭上大學，共學習了七年的設計，但說真的有培養出特有風格嗎？好像還行。但身邊的設計神太多，專研設計不會是我唯一的方向。而我對行銷跟創業倒是蠻有熱忱，只是創業這塊還不會這麼快就洗頭下去。 (閱讀全文... ) --- ### 產品設計師，你該不該跳槽到區塊鏈公司？ > 區塊鏈 是目前相當熱門的技術與創業議題，許多團隊也尋求高手設計師加入。區塊鏈議題風頭正熱，設計師就該一窩蜂加入並參與嗎？在此之前，不如我們先看看已在設計相關產品的設計師怎麼說吧！本文由虛擬幣交易平台設計負責人親口講述。 而對於有一定實力的設計師，選擇跳到哪裡會更重要。每有“風口”的出現，必然會有大量的資金和團隊扎堆進場，不管是從前的電商，團隊還是後來的打車，共享單車等，系類案例不一而足。 - Published: 2018-06-05 - Modified: 2018-12-13 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%ef%bc%8c%e4%bd%a0%e8%a9%b2%e4%b8%8d%e8%a9%b2%e8%b7%b3%e6%a7%bd%e5%88%b0-%e5%8d%80%e5%a1%8a%e9%8f%88-%e5%85%ac%e5%8f%b8%ef%bc%9f/ - 分類: UI/UX, 團隊訪談 - 標籤: blockchain, 區塊鏈 區塊鏈 是目前相當熱門的技術與創業議題，許多團隊也尋求高手設計師加入。區塊鏈議題風頭正熱，設計師就該一窩蜂加入並參與嗎？在此之前，不如我們先看看已在設計相關產品的設計師怎麼說吧！本文由虛擬幣交易平台設計負責人親口講述。 (閱讀全文... ) --- ### MIX 2018 [Day2-4] – 最終篇，設計師的社會實踐 > 我們可以設計出先進的科技產品，也可以藉由設計去解決、去改變與我們最貼近的問題，當我們發覺到問題時，該如何收集資料、制定計劃、實際執行呢？在這個過程中可能又會遇到哪些問題？講者們從自身的經驗出發，引領我們更深入了解該如何以「設計」完成 社會實踐 。 - Published: 2018-06-03 - Modified: 2019-04-23 - URL: https://designtongue.me/mix-2018-day2-4-%e6%9c%80%e7%b5%82%e7%af%87%ef%bc%8c%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%9a%84%e7%a4%be%e6%9c%83%e5%af%a6%e8%b8%90/ - 分類: 心得分享 - 標籤: MIX2018 社會實踐（共三篇） 筆記手：Edda Yang 我們可以設計出先進的科技產品，也可以藉由設計去解決、去改變與我們最貼近的問題，當我們發覺到問題時，該如何收集資料、制定計劃、實際執行呢？在這個過程中可能又會遇到哪些問題？講者們從自身的經驗出發，引領我們更深入了解該如何以「設計」完成社會實踐。 (閱讀全文... ) --- ### MIX 2018 [Day2-3] – 用戶體驗於人工智慧時代的挑戰 + 座談 > 隨著 AI 技術 的發展，我們該如何藉由 AI 提升使用者的體驗呢？講者以自身開發 SwiftKey 的經驗為例，認為當 AI 時代來臨，人們要如何跳脫既有的框架，追尋 best solution。現在有許多的 AI 技術 已經不需要使用者自行設定就會自動幫你進行校正，像是你可能在背光的環境拍了一張照片，系統會自行幫你將亮部調暗、暗部調亮，同樣的，你在使用鍵盤輸入時系統也會幫你進行自動校正，不過大家應該都曾有過的經驗是系統自動校正後，反而選錯字，這裡就帶出一個有趣的問題：當系統出錯時，使用者該怎... - Published: 2018-05-27 - Modified: 2018-12-13 - URL: https://designtongue.me/mix-2018-day2-3-%e7%94%a8%e6%88%b6%e9%ab%94%e9%a9%97%e6%96%bc%e4%ba%ba%e5%b7%a5%e6%99%ba%e6%85%a7%e6%99%82%e4%bb%a3%e7%9a%84%e6%8c%91%e6%88%b0-%e5%ba%a7%e8%ab%87/ - 分類: 心得分享 - 標籤: ai, MIX2018, 人工智慧 用戶體驗於人工智慧時代的挑戰 + 座談 講者： 許伯圳／Microsoft SwiftKey 首席工程師 隨著 AI 技術 的發展，我們該如何藉由 AI 提升使用者的體驗呢？講者以自身開發 SwiftKey 的經驗為例，認為當 AI 時代來臨，人們要如何跳脫既有的框架，追尋 best solution。 AI Recommandations 當我們在 Google 或是 bing 進行搜尋時，這些網站會根據輸入的關鍵詞，推薦一些相關的網頁，藉以達到使用者的 intent。Neflix 的做法稍有... --- ### MIX 2018 [Day2-2] – 從 人機互動 到 人智互動 > 當 人機互動 時也是相同的情況嗎？設計者可以知道使用者是誰，可以知道某介面的使用情境，使用者也可以在互動中對系統狀態形成理解（透過前饋或反饋），但是，當人和介面的互動中出現錯誤時是很難進行修補的，一般來說碰到這種情況互動都會被強制中斷。這是因為在傳統上，設計者透過設計界面和使用者互動，系統本身無法超越設計者所賦予的功能，如果沒有經過事先設計，系統是無法動態地根據使用者的行為做調整的，這樣的機器看起來就「笨笨的」。 - Published: 2018-05-27 - Modified: 2018-12-13 - URL: https://designtongue.me/mix-2018-day2-2-%e5%be%9e%e4%ba%ba%e6%a9%9f%e4%ba%92%e5%8b%95%e5%88%b0%e4%ba%ba%e6%99%ba%e4%ba%92%e5%8b%95/ - 分類: 心得分享, UI/UX - 標籤: ai, MIX2018, 人智互動, 人機互動 從 人機互動 到 人智互動 講者： 陳宜秀 / 國立政治大學傳播學院 副教授 講者過去在美國工業界有多年的經驗，也曾擔任 HTC 設計中心的研究部門主管，去年開始回到政大傳播學院擔任教職。由於講者本身的專業領域為溝通心理學，在本次的演講中嘗試以溝通的角度探討 人機互動 到 人智互動 可能面臨到的問題。 人類之間的溝通仰賴我們對彼此意向（intention）的理解，當我們聽到一句話的時候，可以從三個面向去詮釋，同樣的一個訊息可能有著三種不同的 speech act；相似地，當介面作為一種溝通的媒介... --- ### MIX 2018 [Day2-1] – AI 時代的產品設計 > 人工智慧 的發展很早，例如微軟的拼音輸入法，背後其實就是靠著 AI 支持的應用。但每當人工智慧抵達一個發展高峰時，就伴隨著人們的批判，因為人們懷疑或害怕著人工智慧（如毀滅世界），因此它的發展一直跌宕起伏，早期根本不敢有人說自己是做人工智慧相關工作的。不過，近年人工智慧聲勢高漲。其原因不完全是深度學習或是神經網絡的發展，更多的是互聯網興起所累積起的大量的可用數據，才催生了下一個 AI 發展的高峰。隨著 人工智慧 的來襲，加上萬物互聯、萬事數據化，設計的規模要從思考互動、產品到思考全域服務，要讓使用... - Published: 2018-05-27 - Modified: 2018-12-13 - URL: https://designtongue.me/mix-2018-day2-1-ai-product-design/ - 分類: 心得分享 - 標籤: ai, MIX2018, 人工智慧, 產品設計 AI 時代的產品設計 講者： 唐玄輝 / 台科大工商設計系教授 第二天上午著眼 人工智慧（AI）的發展，下午則關注社會實踐的議題，所以是個科技與人文並進、理性與感性兼具，且充滿了想像及感動的一天。 首先，由台科大工商設計系教授唐玄輝進行開場，以智慧音箱、機器人、自駕車三大發展趨勢，點出設計環境的轉變以及即將面臨的挑戰。從近年百家爭相推出的智慧音箱來看，人機輸入、輸出的方式以及內容變得更加多元；自駕車的發展，也說明著人機之間從單向的關係，走向更複雜的互動甚至互信的關係；機器人的研發，也正面對如何適... --- ### MIX 2018 [Day1-7] – gogoro 透過設計改變世界 > 面對現代文明造成的氣候變遷、環境污染、能源危機，gogoro 的 BIG IDEA 並不僅僅是端出以電代替油的電動車而已。6 秒電池交換 Swap&Go，其背後的意義是gogoro 所創造的「共享（Share）生態」。 - Published: 2018-05-20 - Modified: 2020-08-29 - URL: https://designtongue.me/mix-2018-day1-7-gogoro-design/ - 分類: 心得分享 - 標籤: gogoro, gogoro2, MIX2018 面對現代文明造成的氣候變遷、環境污染、能源危機，gogoro 的 BIG IDEA 並不僅僅是端出以電代替油的電動車而已。6 秒電池交換 Swap&Go，其背後的意義是gogoro 所創造的「共享（Share）生態」。 題目： 改變世界的，讓設計不只是設計 演講者： 葉權鋒/ GOGORO 視覺設計總監 面對現代文明造成的氣候變遷、環境污染、能源危機，gogoro 的 BIG IDEA 並不僅僅是端出以電代替油的電動車而已。6 秒電池交換 Swap&Go，其背後的意義是gogoro 所創造的「共享（Share）生態」。 (閱讀全文... ) --- ### MIX 2018 [Day1-6] – DBS 數位轉型之路！ > 以「塑造愉悅的銀行體驗（Making Banking Joyful）」的目標，十年間，做了許多的努力， 星展銀行就是像一個擁有 22,000 名員工的新創公司，鼓勵員工們尋找能夠增進工作效率的平台與工具，並透過員工回饋共同決定未來的執行方式。 逐步推動內部文化轉型以及建立數位化思維，例如：透過 DBS Hotspot 積極與新創建立關係，扮演 Pre-accelerator 的角色；打造開放式、帶來愉悅感的工作空間；鼓勵內部創業，經由 Uni.Corn 提供創業資訊、指導與資金等等。 - Published: 2018-05-20 - Modified: 2018-12-13 - URL: https://designtongue.me/mix-2018-day1-6-dbs-%e6%95%b8%e4%bd%8d%e8%bd%89%e5%9e%8b%e4%b9%8b%e8%b7%af%ef%bc%81/ - 分類: 心得分享 - 標籤: DBS, MIX2018, 星展銀行 題目： Making Banking Joyful-DBS數位轉型之路 講者： 何子明 / 台灣星展銀行 董事總經理 從新加坡的行動電子錢包到印度的首家純數位化銀行，星展銀行一路從亞洲最佳銀行到成為全球最佳數位銀行。而星展銀行的第一步就是「重新定義銀行業務」。 講者提到，銀行產業的階層關係分明且繁複，並且需預先承擔風險，與科技公司扁平化的組織型態、願意反覆嘗試的特型相當不同。 (閱讀全文... ) --- ### MIX 2018 [Day1-5] – 打破照護模式供需市場新亮點！ - Published: 2018-05-20 - Modified: 2018-12-14 - URL: https://designtongue.me/mix-2018-day1-5-%e6%89%93%e7%a0%b4%e7%85%a7%e8%ad%b7%e6%a8%a1%e5%bc%8f%e4%be%9b%e9%9c%80%e5%b8%82%e5%a0%b4%e6%96%b0%e4%ba%ae%e9%bb%9e%ef%bc%81/ - 分類: 心得分享 - 標籤: MIX2018, 健康照護 講者： 蔡宗勳 / 優照護副總經理 台灣老化速度為全球第一，2018 年內政部宣告台灣正式進入高齡社會，預計十年內就將進入超高齡社會，這代表著每五個人就會有一位年齡在65歲以上。 「這是歷史上從未有過的年代」，面臨這波銀髮海嘯的來襲，蔡宗勳決定「趕・快・跑」，搶先一步進入 醫療照護 產業，蔡宗勳也呼籲若有意加入 醫療照護 產業，2018 至 2024 間正是時機。 (閱讀全文... ) --- ### MIX 2018 [Day1-4] – USPACE 對共享經濟的想像！ > 共享經濟會是改變世界的新經濟方案嗎？ 目前許多共享服務都受到「假共享、真租賃」的質疑，然而悠勢科技的 CEO 宋捷仁認為爭論真共享、假共享並不是那麼重要，真正關鍵的是這種新經濟模式能不能解決現有的問題。 USPACE 結合手機 APP 與智慧地鎖的技術，車位的提供者可以透過手機APP遙控地鎖的升降，隨時查看車位的狀況，也可以自行設定地鎖開放的時段與每分鐘收費的金額；承租者可以透過手機APP提前預約車位，不需要再花時間找停車位。 - Published: 2018-05-20 - Modified: 2018-12-14 - URL: https://designtongue.me/mix-2018-day1-4-uspace-%e5%b0%8d%e5%85%b1%e4%ba%ab%e7%b6%93%e6%bf%9f%e7%9a%84%e6%83%b3%e5%83%8f%ef%bc%81/ - 分類: 心得分享 - 標籤: MIX2018, uspace 題目： 壞部當棄 新勢考驗 講者： 宋捷仁 / USPACE 悠勢科技CEO 共享經濟會是改變世界的新經濟方案嗎？ 目前許多共享服務都受到「假共享、真租賃」的質疑，然而悠勢科技的 CEO 宋捷仁認為爭論真共享、假共享並不是那麼重要，真正關鍵的是這種新經濟模式能不能解決現有的問題。 (閱讀全文... ) --- ### MIX 2018 [Day1-3] – Line 在設計跨國服務的思維 - Published: 2018-05-20 - Modified: 2019-04-24 - URL: https://designtongue.me/mix-2018-day1-3-line-%e5%9c%a8%e8%a8%ad%e8%a8%88%e8%b7%a8%e5%9c%8b%e6%9c%8d%e5%8b%99%e7%9a%84%e6%80%9d%e7%b6%ad/ - 分類: 心得分享 - 標籤: Line, MIX2018, 跨國 講者： 林慶達 / LINE 台灣服務企劃團隊負責人 LINE 作為跨國的社交通訊軟體，團隊的成員也遍及各國，在開發新產品、新功能時常要面臨產品在地化或跨國團隊溝通的問題。講者認為跨國團隊合作的核心概念就是「合理性」，而合理性可以從三個面向展現： (閱讀全文... ) --- ### MIX 2018 [Day1-2] - 當東方遇上西方，在設計文化上的衝擊 > 講者畢業於美國史丹佛大學，曾在美國舊金山工作，15 年前回到香港為 CSL、飛利浦等公司服務，2年前開始到中國工作，關於此次的演講講者想以一個受西方教育的 newbie（新手），分享在中國受到的 文化 衝擊和自身的適應歷程。 最後，講者對於即將進入中國市場或對中國科技產業有興趣的人提供了建議：請保持一顆開放、謙虛的心，好好地親身體驗中國當地的 文化 特色與設計風格 - Published: 2018-05-20 - Modified: 2019-04-24 - URL: https://designtongue.me/mix-2018-day1-2-%e7%95%b6%e6%9d%b1%e6%96%b9%e9%81%87%e4%b8%8a%e8%a5%bf%e6%96%b9%ef%bc%8c%e5%9c%a8%e8%a8%ad%e8%a8%88%e6%96%87%e5%8c%96%e4%b8%8a%e7%9a%84%e8%a1%9d%e6%93%8a/ - 分類: UI/UX - 標籤: MIX2018, 中國, 東方 講者： Alfreda Yu／Isobar Experience Design Director 講者畢業於美國史丹佛大學，曾在美國舊金山工作，15 年前回到香港為 CSL、飛利浦等公司服務，2年前開始到中國工作，關於此次的演講講者想以一個受西方教育的 newbie（新手），分享在中國受到的 文化 衝擊和自身的適應歷程。 (閱讀全文... ) --- ### MIX 2018 [Day1-1] - 序+資訊架構學作者分享 - Published: 2018-05-20 - Modified: 2019-01-06 - URL: https://designtongue.me/mix2018_day1_1/ - 分類: 心得分享 - 標籤: IA, MIX2018, 資訊架構 MIX 已變成 UI / UX 設計師們好好充電且不能錯過的年會，不過可能因地點或時間等因素，讀者們無法親自到場學習及交流，而深感可惜。如果是這樣，那千萬別錯過大舌頭特派作者的一系列報導，內容豐富近乎逐字稿，搭配重點式的整理，相信可讓讀者如臨現場，收穫滿滿！ (閱讀全文... ) --- ### MIX 2018 創新設計年會心得：你就是沒有人！Day 2 - Published: 2018-05-18 - Modified: 2018-12-20 - URL: https://designtongue.me/mix2018-day2/ - 分類: 心得分享, UI/UX - 標籤: conference, conversational UX, CUI, MIX, MIX2018, SWSX, user experience, UX, 使用者經驗, 創新設計年會 （接續 MIX 2018 創新設計年會心得：你就是沒有人！Day 1，若您尚未閱讀過，請先前往閱讀前一篇文章，兩篇精神是一貫的喔！） AI 其實就在你身邊，擁抱 AI！ 吳卓浩 / 創新工場 AI 工程院 VP 在我們還以為 AI 離我們很遠時，其實 AI 早已存在於每個人的身邊，從每天用的搜尋引擎、手機拍照與修圖、閱讀新聞、Netflix、Uber、網路購物⋯⋯等，其實都和 AI 智慧息息相關。 (閱讀全文... ) --- ### MIX 2018 創新設計年會心得：你就是沒有人！Day 1 - Published: 2018-05-18 - Modified: 2019-04-24 - URL: https://designtongue.me/mix2018-day1/ - 分類: UI/UX, 心得分享 - 標籤: conference, MIX, MIX2018, user experience, UX, 使用者經驗, 創新設計年會 「為什麼沒有人做，因為你我就是那個『沒有人』，你可以跟我一樣，跳出來做沒有人要做的事。」by Richard。這是 MIX 2018 創新設計年會，我們印象最深刻的一句話。 筆者之一是第二次參加 MIX 創新設計年會，比起去年的內容，今年又更加豐富與精彩，怎麼說呢？今年的 MIX 創新設計年會感覺上視野更加宏觀，有來自《資訊架構學》一書的作者 Louis Rosenfeld 來分享資訊架構的重要性、也有香港和大陸講者分享著跨國設計的國際觀點、更有許多台灣本土在地的講者，分享可以如何讓設計深入到社... --- ### 新一代縮網址 LIHI.IO，讓 A/B testing 不再是件難事！ > A/B testing 不論在設計、行銷、創業上 ... 等等都很常被用到，主要目的是透過數據收集分析後，更清楚市場、消費者、使用者的喜好、習性等。Lihi 的 A/B testing 規則很簡單，當使用者點擊縮網址後，隨機將使用者導入不同變因的頁面（使用者只會瀏覽到某一個變因的頁面，不會因為關掉再打開就跑到另一個變因的頁面）。 流量從哪邊來的？blog? Facebook ad? Facebook post? ... 等，一般來說需要搭配 google 所提供的 UTM，不過這有幾個問題，當你... - Published: 2018-05-10 - Modified: 2019-04-24 - URL: https://designtongue.me/lihi-shorten-url-for-ab-testing/ - 分類: 心得分享, UI/UX, 教學文章 - 標籤: Call to Actions, GoogleAnalytics, Google分析, lihi.cc, lihi.io, UTM, 使用者研究, 台灣團隊, 數據分析, 短網址, 縮網址, 駭客行銷 縮網址有什麼好介紹呢？一般我們提到縮網址大多會想到 goo. gl、Bitly、ppt. cc ... 等，其功能大同小異，差異在於是否提供點擊數據、自訂網域等。那麼今天要介紹的這款縮網址服務 Lihi. io 有什麼獨特的功能呢？看他的網域名稱就知道 lihi（厲害），果然很厲害，它是一個可以做 AB 測試 的縮網址服務，也可以隨時變更縮網址所指定的網址～而且而且它是台灣製的！！！ 在開始介紹 lihi. io 之前，我先快速、簡單地介紹一下大家常用的 goo. gl 與 Bitly 私人密技... --- ### 使用者研究 不是觀落陰 - 淺談研究的大小事 > 使用者研究 在軟體業來說一直是個流行詞，尤其 UI/UX Designer 特別崇尚這樣充滿未知與創新的方法，感覺這年頭 Designer 不會研究彷彿不用 sketch 一樣過分，但 研究 這項專業對於剛入行的新手而言，上手是具有難度的。在這些年的知識累積與實務操作中，我歸納出幾個使用者研究的心得，希望可以幫助到其他新手設計師不要踩雷。最後當你有了一份研究計畫，你按表操課將所有的階段都實施了，獲得了一個感覺還不錯的結果，這樣並不算是結束，因為研究是要不斷發生的，從每一次的研究學習到一些東西，然... - Published: 2018-05-02 - Modified: 2019-04-24 - URL: https://designtongue.me/lets-talk-about-ux-research/ - 分類: UI/UX, 心得分享 - 標籤: stakeholder, User Research, UX, 使用者分析, 使用者研究, 相關權益人 文章作者 Page Chang - 使用者研究不是觀落陰 - 淺談研究的大小事 使用者研究 在軟體業來說一直是個流行詞，尤其 UI/UX Designer 特別崇尚這樣充滿未知與創新的方法，感覺這年頭 Designer 不會研究彷彿不用 sketch 一樣過分，但研究這項專業對於剛入行的新手而言，上手是具有難度的。 研究是用主動和系統方式的過程，是為了發現、解釋或校正事實、事件、行為、或理論，或把這樣事實、法則或理論作出實際應用。 - Wikipedia 在這些年的知識累積與實務操作中，我歸納出... --- ### 矽谷到底哪裡值得學習？創業重要的五件事，YC Startup School 第一課筆記 II > 我最近看了 YC Startup School 的課，了解到舉凡創業文化、點子、產品、團隊、執行，矽谷的人經歷許多嘗試，並且歸納分享給大家，希望有機會能和大家多多交流想法。在矽谷人們相信蠢點子都可能成長茁壯，所以年輕人敢做夢。社會對敢做夢的年輕人支持，幫助他們，而不是去嘲笑、數落他們、甚至幫他們決定未來。Sam Altman 認為一個好的創業點子非常重要。在 YC 的經驗裡，最後成功的團隊，大多沒有經過太多的 Pivot，他們從人們的需求出發，找到一個值得解決的問題。 Startup 的優勢是可... - Published: 2018-04-20 - Modified: 2019-04-24 - URL: https://designtongue.me/note-from-yc-startup-school/ - 分類: 創業心得, 心得分享 - 標籤: Startup, Ycombinator, 創業, 矽谷 文章作者 Peter Yeh - YiYi Network (矽谷到底哪裡值得學習？ ) 我以前很不喜歡聽別人說到矽谷這個詞，因為聽起來很像選舉口號，腦袋一秒鐘可以閃過幾個照樣造句： 『一個產業，可以改變一個地區，這是我在矽谷 30 年所看見的』、『我們要讓台灣成為亞洲矽谷』、『台北到新竹絕對有潛力像舊金山到聖荷西』... . 我最近看了 YC Startup School 的課，了解到舉凡創業文化、點子、產品、團隊、執行，矽谷的人經歷許多嘗試，並且歸納分享給大家，裡面有很多東西值得想要創業的我... --- ### 寫給 junior designer 求職 的一些建議 > 每年的年底年初都是 離職 求職 的高峰期。對於入職新手，第一份工作和第一次跳槽都十分重要。據 IxDC 2017 年的統計數據，0-2 年工作經驗的設計師中有 7 成左右都有過跳槽 求職 的經歷。而在之前 採訪支付寶設計師 時提到，現在團隊對於全面型設計師更為器重。通過阿里對設計師的稱呼從 UI、互動設計師逐漸轉變成用戶體驗（UE）設計師這一點就不難看出，全能型的 UE 設計師將是一個大趨勢。春節期間我有機會相約前百度、現搜狐的高級用戶體驗設計師 Shirley，作為有著招聘經驗的 UE 設計組... - Published: 2018-03-26 - Modified: 2019-04-24 - URL: https://designtongue.me/some-tips-for-junior-designer-job-interview/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: UE, 大陸, 履歷, 徵才, 求職, 轉職, 面試, 面試官 作者：學穎，ProtoPie 互動原型工具中國市場負責人。 受訪者：Shirley，現搜狐高級用戶體驗設計師。 每年的年底年初都是 離職 求職 的高峰期。對於入職新手，第一份工作和第一次跳槽都十分重要。據 IxDC 2017 年的統計數據，0-2 年工作經驗的設計師中有 7 成左右都有過跳槽 求職 的經歷。 而在之前 採訪支付寶設計師 時提到，現在團隊對於全面型設計師更為器重。通過阿里對設計師的稱呼從 UI、互動設計師逐漸轉變成用戶體驗（UE）設計師這一點就不難看出，全能型的 UE 設計師將是一... --- ### 你其實在瞎子摸象？談數據挖掘 UX Persona 時的困境 > 我們可以藉由不同 Persona 間的關鍵差異行為數據來判別 Persona 在產品中使用者中的佔比，並以此做出決策，但若想繼續深入挖掘、想探討個別 Persona 真實的行為流程是否跟我們假設相同，仍會遇到許多阻礙，在本文中筆者我將明確指出其原因並以案例呈現之。筆者我會建議可以看看有沒有缺漏的資訊需要填補，首先你可以了解一下質性調研訂出 Persona 的缺陷：只靠訪談訂出的 Persona 來決策，可能會產出大問題！接著你可以了解怎麼使用數據來驗證我們的設計假設，並以行為 數據量化 Pers... - Published: 2018-03-20 - Modified: 2019-04-24 - URL: https://designtongue.me/ux_persona_nuisance/ - 分類: 教學文章, UI/UX, 心得分享 - 標籤: persona, UX, UX research, 人物誌, 使用者分析, 使用者研究, 質性調研 我們可以藉由不同 Persona 間的關鍵差異行為數據來判別 Persona 在產品中使用者中的佔比，並以此做出決策，但若想繼續深入挖掘、想探討個別 Persona 真實的行為流程是否跟我們假設相同，仍會遇到許多阻礙，在本文中筆者我將明確指出其原因並以案例呈現之。 進入正文前你可能需要的脈絡： 筆者我會建議可以看看有沒有缺漏的資訊需要填補，首先你可以了解一下質性調研訂出 Persona 的缺陷：只靠訪談訂出的 Persona 來決策，可能會產出大問題！ (閱讀全文... ) --- ### 還只靠訪談訂 Persona？教你四步驟用數據搞定量化 > 要用 Data 量化 UX Persona，筆者我個人的經驗比較常照這個流程進行：1. 建立 Persona 2. 建構 Persona 的行為流程 3. 抓出 Persona 間的關鍵行為差異點 4. 用 行為數據量化 得出 Persona 的比例 5. 以量化結果輔助產品決策。用 行為數據量化 得出 Persona 的比例：在 Google Map 這個假想的案例中，我們很幸運地找出了能分辨 Persona 的關鍵差異的行為，利用這個關鍵差異進入數據後台查詢三種不同按鈕的點擊使用次數，就能夠... - Published: 2018-03-19 - Modified: 2019-04-24 - URL: https://designtongue.me/4_steps_to_quantize_the_data_for_persona/ - 分類: 心得分享, UI/UX, 團隊訪談 - 標籤: data, persona, UX, UX Persona, UX research, 人物誌, 使用者分析, 使用者研究, 行為數據量化, 量化 質性的 UX 調研配合量化數據驗證，才能讓後續的產品設計策略不斷打中使用者的需求。訪談少量使用者所訂出的 Persona，在不知道其真實市場佔比前，是很難確定其設計價值的，要說服 PM 背這種風險進行開發非常困難，這也是為什麼我們需要用數據進行量化。 內文開始前，如果你對數據分析不夠熟悉 筆者我會建議可以看看有沒有缺漏的資訊需要填補，筆者先前在大舌頭上分享過了質性調研訂出 Persona 的缺陷，可以看這篇文章 → 以量化數據為參考的 Persona ，更能做出有效的決策。 (閱讀全文... ) --- ### 產品設計師 到倫敦求職的經驗分享 > 到倫敦找工作的一些小記錄，給自己留個紀念，也或許能幫助到正在找工作的朋友。我是數位 產品設計師 (UI/UX/IxD 類別，懶得名詞釋義，而且誤用已成趨勢)，拿 T5 度假打工簽，基本上我投履歷大概有一半到三分之一的機率收到回覆有面試機會，所以其實我沒有真的海投，可能是因為有工作經驗加上作品集，讓人有好的印象。 - Published: 2018-03-16 - Modified: 2019-04-24 - URL: https://designtongue.me/looking-for-a-job-in-london/ - 分類: 心得分享, UI/UX - 標籤: designer, product designer, UI design, 介面設計師, 國外, 求職, 產品設計師, 面試 ㄍ到倫敦找工作的一些小記錄，給自己留個紀念，也或許能幫助到正在找工作的朋友。我是數位 產品設計師 (UI / UX / IxD 類別，懶得名詞釋義，而且誤用已成趨勢)，拿 T5 度假打工簽，基本上我投履歷大概有一半到三分之一的機率收到回覆有面試機會，所以其實我沒有真的海投，可能是因為有工作經驗加上作品集，讓人有好的印象。 (閱讀全文... ) --- ### 設計師 如何面對批評及調適？（上） > 前言： 職涯中擔任「設計師」這個角色已經十四、五年了，這條路上的痛苦與快樂絕對不是三言兩語說得清楚的，且最近工作的關係也感受到了許多在職設計師或轉職 設計師 的困境，看著後輩的掙扎覺得心疼、也有些感觸體悟好像看到了以前的自己，想寫下這些年經歷以及學習到的一些方法跟大家分享。 把作品當成自己的孩子，但不要把作品當成自己的自尊 - Published: 2018-03-14 - Modified: 2019-04-24 - URL: https://designtongue.me/%e9%9d%a2%e5%b0%8d%e6%89%b9%e8%a9%95%ef%bc%8c%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%a6%82%e4%bd%95%e8%aa%bf%e9%81%a9/ - 分類: 心得分享 - 標籤: designer, senior designer, 反省, 學習, 批評, 職場, 設計師 前言： 職涯中擔任「設計師」這個角色已經十四、五年了，這條路上的痛苦與快樂絕對不是三言兩語說得清楚的，且最近工作的關係也感受到了許多在職 設計師 或轉職設計師的困境，看著後輩的掙扎覺得心疼、也有些感觸體悟好像看到了以前的自己，想寫下這些年經歷以及學習到的一些方法跟大家分享。 把作品當成自己的孩子，但不要把作品當成自己的自尊 (閱讀全文... ) --- ### 如何設計有 “大量資料（data heavy）” 的介面？ > 我們應該常聽到老闆說：要把我們產品設計的越簡單越好！這句話看似沒錯，但時常我們會過度誤解 “簡單” 的意義，認為所有產品都應該第一眼就會用，而且畫面就該簡單到不行，但對某些產品，有時候過度的簡化或省略，反而造成不良的體驗，例如需要一目瞭然、方便比較、或有大量資料（ data heavy ）的產品。 - Published: 2018-03-08 - Modified: 2019-04-24 - URL: https://designtongue.me/data-heavy-ui-design/ - 分類: UI/UX, 教學文章 - 標籤: dashboard, data, data heavy, GUI, UI design, 使用者分析, 分析, 大數據, 數據, 數據視覺化, 簡單 我們應該常聽到老闆說：要把我們產品設計的越簡單越好！這句話看似沒錯，但時常雙方都會過度誤解 “簡單” 的意義，認為所有產品都應該第一眼就會用，而且畫面就該簡單到不行，但對某些產品，有時候過度的簡化或省略，反而造成不良的體驗，例如需要一目瞭然、方便比較、或有大量資料（ data heavy ）的產品。 那這類產品我們該如何進行設計呢？以下為 WebEngage 的行銷自動化產品設計案例： (閱讀全文... ) --- ### 以量化數據為參考的 Persona ，更能做出有效的決策 > 只靠訪談或質性調研訂出的 Persona 做產品決策，其實是非常危險的一件事情，而筆者接下來也會撰寫一整個系列使用 數據 驗證 UX 調研結果的方法、分享筆者在工作時累積出的經驗。若僅訪談了少數人，就以此作出了影響產品走向的決策，多麽的可怕啊？一個大功能或產品的改版需要開發團隊花費數月，開發成本是以百萬為單位，如果僅憑一位 UX訪談的影片就讓老闆動了情、做出了非理性的決策，那對產品或公司都將是個災難！筆者我在這篇文章中，分享了只靠質性調研訂定出 Persona 的問題所在，那就是我們沒有量化的支... - Published: 2018-03-04 - Modified: 2019-04-24 - URL: https://designtongue.me/data-driven-persona-in-design/ - 分類: UI/UX, APP, 教學文章 - 標籤: data, data driven, persona, UX research, 人物誌, 使用者分析, 使用者研究, 數據, 量化 只靠訪談或質性調研訂出的 Persona 做產品決策，其實是非常危險的一件事情，而筆者接下來也會撰寫一整個系列使用 數據 驗證 UX 調研結果的方法、分享筆者在工作時累積出的經驗。 UX 的話術與套路 滿常聽到 UX 領域的同學們說：自從把訪談錄影給老闆看後，老闆從此再也不質疑 UX 提出的產品需求了 這真的是對的嗎？筆者認為在多數的狀況下這樣子的做法與結果是有問題的。 若僅訪談了少數人，就以此作出了影響產品走向的決策，多麽的可怕啊？一個大功能或產品的改版需要開發團隊花費數月，開發成本是以百萬為... --- ### AARRR 指標能評判設計成效？UX 更需要的是分析使用者的行為數據 (下) > 這是探討 UX 為了瞭解使用者該看哪些數據的第二篇，在第一篇文中筆者介紹了 UX 同學使用 AARRR 架構容易走向 Bussiness Center 而非 User Center，而這篇筆者我將向大家介紹另一個瞭解使用者的方法： 行為流 分析 - Published: 2018-02-28 - Modified: 2019-04-24 - URL: https://designtongue.me/not-only-aarrr-but-ux-user-flow-part2/ - 分類: 教學文章, UI/UX, 心得分享 - 標籤: aarrr, google analytic, GoogleAnalytics, Google分析, UX research, 使用者分析, 使用者研究, 數據分析, 行為流 這是探討 UX 為了瞭解使用者該看哪些數據的第二篇，在第一篇文中筆者介紹了 UX 同學使用 AARRR 架構容易走向 Bussiness Center 而非 User Center，而這篇筆者我將向大家介紹另一個瞭解使用者的方法：行為流分析 行為流 ：行為事件間的流量轉移 行為流的具體概念滿簡單，為了方便說明，借用 Google Analytic 的畫面來當案例，我們會看到畫面如下： (閱讀全文... ) --- ### AARRR 指標能評判設計成效？UX 更需要的是分析使用者的行為數據 (上) > 多數應用數據於 UX 的文章，大都以 AARRR 模型來評判設計成效，但AARRR最適用的場景多是電商和內容網站，對於帶有功能的產品類型卻無法有效評估。商業的成功也是重要的，但如果只使用AARRR，很明顯是 Business Center 而非 User Center，恐怕不是一個很好的平衡點。 - Published: 2018-02-25 - Modified: 2019-04-24 - URL: https://designtongue.me/not-only-aarrr-but-ux-user-flow-part1/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: aarrr, data, data driven, GoogleAnalytics, Google分析, UX, UX research, 使用者, 使用者分析, 數據分析, 行為數據, 駭客行銷 筆者讀過多數應用數據於 UX 的文章，大都以 AARRR 模型來評判設計成效，但 AARRR 適用的場景多是電商和內容網站，對於帶有功能的產品類型卻無法有效評估。因此，本文分享筆者觀察行為數據的想法，也歡迎追蹤轉載於大舌頭的一系列觀點。 (閱讀全文... ) --- ### 展開 Persona光譜，讓團隊凝聚共識並訂出關鍵使用者 > 正常來說，我們會訪談約5個使用者，得到足夠的資訊後開始進行 Persona 的訂定，但有時會發生5個受訪者的特性各有其差異，或為了將受訪者的資訊彙整成更少數量的 Persona 時所發生的意見分歧，這時 persona光譜 的作用就能幫團隊整理不同受訪者的資訊，以助凝聚團隊共識。 - Published: 2018-02-23 - Modified: 2019-04-24 - URL: https://designtongue.me/persona-spectrum-2/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: persona, Persona Spectrum, Persona 光譜, UX, UX research, 使用者研究, 質性調研 Persona光譜 （Persona Spectrum）是可以幫助我們對質性調研後的資料進行分類，有效地幫助團隊凝聚共識並訂出 Persona 的方法。 (閱讀全文... ) --- ### 來自全球頂尖科技公司的設計實習生作品集 > 一般來說，要看到他人的 design portfolios 除了時常瀏覽、追蹤 Behance、dribbble ... 等設計平台外，很難輕易看到優質的作品集（非單一作品），更何況是 Apple、Google、Facebook、adobe ... 等全球頂尖科技公司的設計師！今天大舌頭就來跟大家分享 cofolios 這網站，這網頁的站長十分地慷慨，將自己所蒐集設計師作品集整理並分享，快來一起看看吧～ - Published: 2018-02-21 - Modified: 2019-04-24 - URL: https://designtongue.me/showcasing_design_intern_portfolios_at_top_tech_companies/ - 分類: 心得分享, UI/UX - 標籤: Behance, Dribbble, Portfolio, UIUX Portfolio, 作品集, 年後轉職, 徵才, 求職, 求職者, 科技公司, 轉職 一般來說，要看到他人的設計作品集 (portfolios) 除了時常瀏覽、追蹤 Behance、dribbble ... 等設計平台外，很難輕易看到優質的作品集（非單一作品），更何況是 Apple、Google、Facebook、adobe ... 等全球頂尖科技公司的設計師！今天大舌頭就來跟大家分享 cofolios 這網站，這網頁的站長十分地慷慨，將自己所蒐集設計師作品集整理並分享，快來一起看看吧～ (閱讀全文... ) --- ### 完形心理學！？讓我們了解“介面設計師”為什麼這樣設計 > 完形心理學 ，又稱作格式塔（Gestalt）心理學，於二十世紀初由德國心理學家提出 — 用以說明人類大腦如何解釋肉眼所觀察到的事物，並轉化為我們所認知的物件。它可說是現代認知心理學的基礎，其貫徹的概念就是「整體大於個體的總合 “The whole is other than the sum of the parts.” —  Kurt Koffka」。 若深究完整的理論將會使本文變得非常的艱澀，因此筆者直接抽取個人認為與 UI 設計較為相關的 7 個原則（如下），並搭配實際案例做說明。有興趣了解... - Published: 2018-01-23 - Modified: 2019-04-24 - URL: https://designtongue.me/%e5%ae%8c%e5%bd%a2%e5%bf%83%e7%90%86%e5%ad%b8-gestalt/ - 分類: UI/UX, 心得分享 - 標籤: Design Pattern, Gestalt, GUI, UI, UI design, 介面設計, 完形心理學, 格式塔 -- 說服客戶與老闆、跟工程師溝通、強化設計概念的有感心理學 -- 情況 1 : 為何要留那麼多空白? 害我還要滾動滑鼠(掀桌) 情況 2 : 為什麼不能直接用一頁展現? 把客戶的需求塞滿不就完工啦! (無言) 情況 3: 這種設計好像不錯，但是為什麼要這樣做? (直覺大神告訴我這樣設計，但我說不出來為什麼. . ) 雖然世界上有許多 GUI 已經走得又長又遠又厲害，但別以為這種古代人對話不會出現，一直以來我們只是習慣這些 GUI 被如此呈現，但為何要這樣設計我們卻不一定知道。 由於 完形心理學... --- ### 2017 十大最佳 互動設計原型 作品欣賞 > 十大最佳 互動設計原型 作品欣賞：高擬真的 互動設計原型 工具 ProtoPie 一歲啦！一年的時間裡，ProtoPie 的名字陸陸續續出現在 Dribbble、Behance、站酷等設計作品網站。作為 ProtoPie 開發團隊，我們自己都沒有想到這款工具可以做出這麼多炫酷的效果來！優秀作品如此眾多，單只我們自己欣賞就太可惜了，所以這篇作品分享文就誕生了！我們挑選優秀作品的標準是：1) 獨創性 2) 創新性 3) 擬真度 4) 使用者友好度，最佳 互動設計原型 作品欣賞包含了 “下拉關閉” “... - Published: 2018-01-03 - Modified: 2019-04-24 - URL: https://designtongue.me/2017-interaction-prototype-gallery/ - 分類: UI/UX - 標籤: Behance, Dribbble, Interaction, protopie, prototype, prototype tool, 互動設計, 作品賞析, 原型工具, 高擬真原型 高擬真的 互動設計原型 工具 ProtoPie 一歲啦！一年的時間裡，ProtoPie 的名字陸陸續續出現在 Dribbble、Behance、站酷 等設計作品網站。作為 ProtoPie 開發團隊，我們自己都沒有想到這款工具可以做出這麼多炫酷的效果來！優秀作品如此眾多，單只我們自己欣賞就太可惜了，所以這篇作品分享文就誕生了！ 我們挑選優秀作品的標準是：1) 獨創性 2) 創新性 3) 擬真度 4) 使用者友好度 (閱讀全文... ) --- ### B2B 的產品執行易用性測試所帶來的價值 > 對監控來說也是，其實只要客人需要的關鍵功能有達到，「易用性」（Usability）對客人來說其實沒這麼重要，反而 UI 設計比較重要，因為這可以吸引終端客戶的老闆，提升他們心中對這個產品的喜好，在 event 或 trade show 時，產品也能吸引更多人注意，業務也好介紹，UI 設計的美觀就是個對各個 stakeholder 有商業價值的東西。 但是好的易用性（Usability）可以避免使用者走錯路或不會使用，造成問題延燒回來：易用性（Usability）在 B2B 產品的價值反而是，減少... - Published: 2017-12-27 - Modified: 2019-04-24 - URL: https://designtongue.me/b2b-product-design/ - 分類: UI/UX, 心得分享 - 標籤: B2B, usability test, UX research, UX 研究方法, 使用性, 易用性, 易用性測試, 產品設計 在分享了 產品經理的UX導入血淚史 之後，很驚訝地收到了悠識數位的 Richard 臉書私訊我，希望可針對我的經驗有更多的交流（加了好友之後才發現，Richard 是資深前輩啊！悠識數位首席體驗架構師！）。很神奇地，Richard 問我，「這位 UX 設計師之前是不是做 UI 設計的呢？」賓果！簡直偵探，到底他的什麼行為會有這樣的猜測呢？讓人很好奇，我想聽聽他的想法。所以今天就在悠識的某個活動結束後，去找 Richard 聊天（我是行動派）。以下是今天的對談紀錄加上我自己消化後的心得。 (閱讀全... --- ### Red Dot 設計獎 適合軟體產品嗎？ProtoPie 獲獎經驗分享 > Red Dot 設計獎 因近幾年來政府對設計的支持，以及業界獲獎後的行銷等，對台灣讀者來說應該不陌生。不過，印象中我們似乎只聽過平面、包裝、工業設計獲得此獎？軟體產品好像沒聽過？其實，軟體產品是可以參加 Red Dot 設計獎。大舌頭有幸能訪談到今年才獲得殊榮的 ProtoPie ... - Published: 2017-12-15 - Modified: 2019-04-24 - URL: https://designtongue.me/uiux-red-dot/ - 分類: 團隊訪談, UI/UX - 標籤: protopie, prototype, prototype tool, red dot, red dot communication design, Red Dot 設計獎, 原型, 高擬真原型 Red Dot 設計獎 因近幾年來政府對設計的支持，以及業界獲獎後的行銷等，對台灣讀者來說應該不陌生。不過，印象中我們似乎只聽過平面、包裝、工業設計獲得此獎？軟體產品好像沒聽過？其實，軟體產品是可以參加 Red Dot 設計獎 的。說到這邊，相信大家一定對如何準備參獎非常有興趣，而大舌頭也有幸能訪談到今年才獲得殊榮的 ProtoPie 設計團隊，藉由他們的經驗分享，各位讀者一定能收穫良多，就讓我們看下去吧～ (閱讀全文... ) --- ### 回首來時路 - 成為 UX 相關工作者的契機與幫助最大的過往所學 > 這次的主題是回頭看，看一些 UX 相關工作 從業者如何成為現在的他們。我設定了兩個問題，請 UX Team 同仁們詢問各自從事 UX 工作 的朋友。問題一：什麼樣的事情或機會，讓你開始從事 UX 相關工作 ？問題二：還沒開始從事 UX 相關工作 時，什麼樣的學習或經歷，現在看起來對從事 UX 工作的幫助最大 .. - Published: 2017-12-11 - Modified: 2019-04-24 - URL: https://designtongue.me/most-helpful-things-before-becoming-a-ux-designer/ - 分類: UI/UX, 心得分享 - 標籤: User Research, UX research, UX 工作, UX 設計師, 使用者研究, 使用者經驗, 契機, 求職, 過往所學 各路 UX 魔術師們，都有從新手村出發的那一天或是轉職的第一天。整年下來，痞客邦 UX 團隊分享了許多工作上的心得與分析報告；這星期的主題，則是回頭看，看一些 UX 相關工作 從業者，如何成為現在的他們。我設定了兩個問題，請 UX Team 同仁們詢問各自從事 UX 工作的朋友。問題一：什麼樣的事情或機會，讓你開始從事 UX 相關工作？問題二：還沒開始從事 UX 相關工作時，什麼樣的學習或經歷，現在看起來對從事 UX 工作的幫助最大？以下分享各方回覆的整理結果。 (閱讀全文... ) --- ### 利用心理學與科學，完美克服介面上“內容加載”的等待感 > 如何讓載入更加愉悅更是努力的方向。然而在，網路上我一直沒看到有人分享 加載 detail 的文章，只有類似加載出現後如何降低用戶情緒的主題。如果我們換個方式想呢？透用一些巧妙方式讓載入畫面減少出現，甚至不出現？這樣用戶的體驗是不是會更好呢！否則往往設計得不錯，但因為細節上配合得不夠好，導致體驗不如預期。 - Published: 2017-11-28 - Modified: 2019-04-24 - URL: https://designtongue.me/perfect-loading-%e5%8a%a0%e8%bc%89/ - 分類: 教學文章, APP, UI/UX, 心得分享 - 標籤: loading, UI, UI design, 介面設計, 使用者介面設計, 內容, 加載, 心理學, 載入 介面內容的載入，一直都是令體驗設計師頭痛的議題，如何讓載入更加愉悅更是努力的方向。然而在，網路上我一直沒看到有人分享加載 detail 的文章，只有類似加載出現後如何降低用戶情緒的主題。如果我們換個方式想呢？透用一些巧妙方式讓載入畫面減少出現，甚至不出現？這樣用戶的體驗是不是會更好呢！否則往往設計得不錯，但因為細節上配合得不夠好，導致體驗不如預期。 在此跟各位分享之前在 app 列表載入方面的設計方式，各位在搜尋結果列表應該常遇到往下滑就要等待內容載入，因此我就一直在想怎麼才能達到順暢滑動，沒有... --- ### 支付寶互動與 UI 設計師專訪：如何打造市場所需的產品 > 大陸的市場規模與獨特性，讓企業能給予設計團隊更多資源與嘗試空間，因而在軟體產業 UX 的發展上，更能朝著專業化、組織化、規模化的發展。大陸的眾多服務中， 支付寶 在台灣也是頗有名氣，甚至許多人已經在使用了。所以這次真的很榮幸的可以訪問 支付寶 的設計師-陳璇與牧川。 - Published: 2017-11-25 - Modified: 2019-04-24 - URL: https://designtongue.me/alipay/ - 分類: 團隊訪談, UI/UX - 標籤: alipay, protopie, prototype, prototype tool, taobao, 互動工具, 互動的設計師, 支付寶, 淘寶UED, 高擬真 大陸的市場規模與獨特性，讓企業能給予設計團隊更多資源與嘗試空間，因而在軟體產業 UX 的發展上，更能朝著專業化、組織化、規模化的發展。大陸的眾多服務中， 支付寶 在台灣也是頗有名氣，甚至許多人已經在使用了。所以這次真的很榮幸的可以訪問支付寶的設計師-陳璇與牧川，除了能了解大陸產品設計師的職能與權責外，更重要的也希望藉由訪談一探大陸開發產品的經驗。 (閱讀全文... ) --- ### 快速迭代能做好產品？能維持好的使用者體驗？ > 我們的用戶會跟我們說「你們怎麼做到這麼少的一個團隊，還能以這麼快的一個速度去做更新，是不是你們的開發人員都特別的猛啊？」。我們工作的流程方式就是今天帶給大家介紹的 Lean UX ，這個單詞大家肯定不陌生，它是由「Think」、「Make」、「Check」三者為一個的開發循環流程。 - Published: 2017-11-07 - Modified: 2019-04-24 - URL: https://designtongue.me/lean_ux_prototyping/ - 分類: UI/UX, 心得分享 - 標籤: lean ux, micro-interaction, protopie, prototype, prototype tool, talkUX, 原型, 微互動 以下的文字，由筆者湯六 (Tom Liou) 參與 2017 TalkUX 論壇，自行錄音並繕打而成的逐字稿，且該文章經由 ProtoPie 同意授權發布。由於當天現場我的手機拿去錄音，沒有多餘的設備可拍照，所以文章中的 slide 圖片由該場講者「韓學穎」授權提供，特此感謝之。 該講座為 TalkUX 第一天的其中一場講座，講者為 ProtoPie 市場部人員「韓學穎」，她所分享的題目是「從 Lean UX 到 Microinteraction」(以下開始為逐字稿正文)。 (閱讀全文... ) --- ### TalkUX 論壇讓世界專業女性設計師與台灣 UXer 互相交流！（下） > 讀完 TalkUX 論壇心得的上集後，是不是迫不及待想繼續看下集。大舌頭常駐作者 Ellie 繼續努力，終於將下集產出囉！內容真的很精彩，希望讀者們會喜歡！ 這次的主題演講有十場，再加上其他品質也相當不錯的 panel discussion 和 sponser talk，內容與國際接軌且不落俗套。 - Published: 2017-10-31 - Modified: 2019-04-23 - URL: https://designtongue.me/talkux-part2/ - 分類: UI/UX, 心得分享 - 標籤: agile, Conway’s Law, IDEO, Ladies that UX, Sprint, talkUX, UX, UXer, 康威定律 讀完 TalkUX 論壇心得的上集後，是不是迫不及待想繼續看下集。大舌頭常駐作者 Ellie 繼續努力，終於將下集產出囉！內容真的很精彩，希望讀者們會喜歡！ (閱讀全文... ) --- ### TalkUX 論壇讓世界專業女性設計師與台灣 UXer 互相交流！（上） > 10 月 21、22 日可說是我這輩子同時與最多「在意 Users」 的人，處在同一個空間的日子了！ 「 TalkUX 」國際使用者經驗設計論壇在 2017 年移師台北，由國際非營利組織 Ladies that UX 主辦、台灣紫牛創業協會協辦，背後是近百位的工作人員花了 9 個月的時間所籌備完成。 - Published: 2017-10-30 - Modified: 2019-04-23 - URL: https://designtongue.me/talkux-part1/ - 分類: UI/UX, 心得分享 - 標籤: Ladies that UX, prototype, talkUX, UX, UXer, Voice User Interface, VUI, 論壇 10 月 21、22 日可說是我這輩子同時與最多「在意 Users」 的人，處在同一個空間的日子了！「 TalkUX (她說UX) 」國際使用者經驗設計論壇在 2017 年移師台北，由國際非營利組織 Ladies that UX 主辦、台灣紫牛創業協會協辦，背後是近百位的工作人員花了 9 個月的時間所籌備完成。 議題橫跨科技、音樂、政治、醫療領域，邀集 30 位來自世界各地的優秀科技業女性，暢談她們在使用者體驗設計領域的實戰經驗、團隊營運等議題。 (閱讀全文... ) --- ### 製作 iPhoneX 的互動原型該注意哪些事項？ > iPhoneX 的出現給 UI/UX 和互動設計師帶來不少的挑戰。於是我相邀 Jae-seong Jeong，一位來自韓國的優秀 UI/UX 設計師，就 iPhoneX 的高擬真原型設計做了一番探討。不久前，他製作的 iPhoneX 互動原型獲得了Uplabs iOS 設計類中得票最高的作品。 - Published: 2017-10-26 - Modified: 2019-04-23 - URL: https://designtongue.me/iphonex-prototype/ - 分類: UI/UX, APP, 翻譯文章 - 標籤: app, iphone, iPhoneX, protopie, prototype, prototype tool, 創業, 原型 iPhoneX 和其他 iPhone 的 原型設計 有何不同？ iPhoneX 的出現給 UI/UX 和互動設計師帶來不少的挑戰。於是我相邀 Jae-seong Jeong，一位來自韓國的優秀 UI/UX 設計師，就 iPhoneX 的高擬真原型設計做了一番探討。不久前，他製作的 iPhoneX 互動原型獲得了Uplabs iOS 設計類中得票最高的作品。 (閱讀全文... ) --- ### 我當痞客邦 UX 設計師的一天！ > 總是有人問我，到底我的工作是在做啥？姪女以爲我是做網頁設計，朋友以爲我是在寫程式，甚至有人以爲我是在實驗室裡做實驗 ... 所以今天要分享的，不是別人，而是身為一位 UX 設計師 的我，在痞客邦平凡又不平凡的一天。 - Published: 2017-10-23 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%88%91%e7%95%b6%e7%97%9e%e5%ae%a2%e9%82%a6-ux%e8%a8%ad%e8%a8%88%e5%b8%ab-%e7%9a%84%e4%b8%80%e5%a4%a9/ - 分類: UI/UX, 團隊訪談 - 標籤: HPX, PIXNET, UX, UX設計師, Workshop, 使用者研究, 使用者經驗, 易用性測試, 痞客邦, 職場, 職場甘苦 總是有人問我，到底我的工作是在做啥？姪女以爲我是做網頁設計，朋友以爲我是在寫程式，甚至有人以爲我是在實驗室裡做實驗 ... 所以今天要分享的，不是別人，而是身為一位 UX 設計師的我，在痞客邦平凡又不平凡的一天。 (閱讀全文... ) --- ### 飲料換包裝設計，但在超商卻找不到？是行銷手法？還是另有原因呢？ > 九月下旬，統一木瓜、西瓜牛奶推出新 包裝設計 ，與知名插畫家合作，並透過網紅進行宣傳。不過，為何各大超商架上卻看不見新包裝亮相呢？『 彩蛋行銷 』？新包裝竟然要轉過來才看得到？答案揭曉：新包裝早就上架了，只是「沒有讓人看見」。 矛盾探討：『 為什麼花了錢做行銷，卻讓新包裝放在內側？』 - Published: 2017-10-21 - Modified: 2019-04-24 - URL: https://designtongue.me/packagedesign_marketing/ - 分類: 心得分享, 日常觀察 - 標籤: marketing, Nuomi諾米, 行銷, 麻吉冰果室 九月下旬，統一木瓜、西瓜牛奶推出新 包裝設計，與知名插畫家合作，並透過網紅進行宣傳。不過，為何各大超商架上卻看不見新包裝亮相呢？ Nuomi諾米，台灣極具特色的插畫家之一。是桌遊台北大空襲的負責視覺、旅人島的作者，創作大玩立體建築與透視風格。此次 Nuomi 與統一合作 — — 麻吉冰果室新包裝成品令人驚艷，木瓜牛奶和西瓜牛奶各出一款，平面透過包裝角度偏轉後，拍起照看起來就像立體的一樣。 (閱讀全文... ) --- ### 視覺設計 與 UI 設計 邏輯相違背時，該如何取捨？ > 本文除了一起欣賞2017台北客家主 視覺設計 外，也用 UIUX 的角度分析：『當平面設計和使用者介面的習慣產生衝突時，設計師該如何做取捨呢？』 近幾年，台灣設計美學越來越精彩，政府及各單位開始和業界重磅設計師合作，打造出許多好作品，促成行銷和設計的雙贏局面。 - Published: 2017-10-21 - Modified: 2019-04-24 - URL: https://designtongue.me/visualdesign_hakka/ - 分類: 心得分享, UI/UX, 日常觀察 - 標籤: VUI, 客家, 海報設計, 視覺動線, 視覺設計 本文除了一起欣賞2017台北客家主 視覺設計 外，也用 UIUX 的角度分析：『當平面設計和使用者介面的習慣產生衝突時，設計師該如何做取捨呢？』 近幾年，台灣設計美學越來越精彩，政府及各單位開始和業界重磅設計師合作，打造出許多好作品，促成行銷和設計的雙贏局面。最近出色的 視覺設計 像是『2017台北國慶主視覺』、『2017 世界音樂節』及『2017台北客家義民嘉年華』，都讓人印象很深刻。 (閱讀全文... ) --- ### 帶領設計師轉職前端的專業線上教學平台 - 六角學院 專訪 > 六角學院 的課程規劃是從基礎開始，避免直接跳到艱深的語彙、框架，讓有興趣的同學剛入門時不會 "母煞煞"。因為我們覺得當基本概念穩固後，學習新的內容也會更快速，且在職場上也更有幫助。 我們預計推出 Bootstrap 的相關課程，讓同學學會下一個主流的框架，讓學習的效益能夠更長。 - Published: 2017-10-04 - Modified: 2019-04-24 - URL: https://designtongue.me/hexschool/ - 分類: UI/UX, 團隊訪談 - 標籤: Bootstrap, 六角學院, 前端, 前端課程, 程式, 程式學習, 線上學習, 高雄前端 近年來，線上課程平台如雨後春筍般誕生，代表全球對知識的渴求需求極大，這樣的方式也改變過去必須進教室才能學習的刻板印象。就軟體界的設計師而言，相信對能打造出 “真的” 能運作或互動的產品相當有興趣，因此大舌頭特別找了在網頁開發教育領域經營許久的團隊 - 六角學院 進行專訪，內文中除了分享了他們課程的方向外，也提供許多建議給想要學習或踏入前端的設計師們。 (閱讀全文... ) --- ### 企業導入 UX 很難嗎？ 一段 PM 的血淚史分享 > 在整個過程中，我對工程師的“積極”印象深刻，我也認知到追求 UX 這件事的價值：不只是更了解用戶需求、解決用戶問題而已，而是一個讓開發部門更瞭解自己在做什麼的過程。 原本讓之前順著 PM 的設計，一個口令一個動作的工程師，轉變成滿足客戶夢想的執行者，也激勵團隊的積極度，這是我當初始料未及的。 - Published: 2017-09-27 - Modified: 2019-04-24 - URL: https://designtongue.me/%e4%bc%81%e6%a5%ad%e5%b0%8e%e5%85%a5-ux-%e5%be%88%e9%9b%a3%e5%97%8e%ef%bc%9f-pm-%e7%9a%84%e8%a1%80%e6%b7%9a%e5%88%86%e4%ba%ab/ - 分類: UI/UX, 創業心得, 心得分享 - 標籤: Define Problem, UX, UX leader, ux 設計, 職場, 職場甘苦 之前做產品經理（PM）時，公司決定導入UX 的職位、設計與文化。當時我是第一次接觸 UX 的觀念（不只是我，整個公司都是第一次），在與 UX 設計師 合作專案時，發生了許多的互動磨合的片段，簡直可用血淚史來形容。至今，許多問題我心中還是沒有標準答案，因此把整個過程記錄下來分析與檢討，同時思考如果再來一次，我會怎麼做。 (閱讀全文... ) --- ### 幫助團隊找出共識的方法 - UX 便利貼觀察法 > 把使用者深度訪談中的洞察與觀察帶到產品開發團隊的方式有很多種，我們可以在所有的訪談結束後整理成一份報告，也可以請 PM 或工程師團隊一起參與使用者訪談，或是事後把重要的對話剪輯成影音給團隊回顧等等。我們嘗試過不同方法後，漸漸發展出一種「 便利貼觀察法 」，這是一個能很有效率地幫助團隊找出共識的觀察方法。 - Published: 2017-08-30 - Modified: 2019-04-24 - URL: https://designtongue.me/ux-%e4%be%bf%e5%88%a9%e8%b2%bc%e8%a7%80%e5%af%9f%e6%b3%95/ - 分類: 心得分享, UI/UX - 標籤: User Research, UX, UX research, UX 研究方法, 使用者研究, 使用者訪談, 便利貼, 研究方法, 訪談 把使用者深度訪談中的洞察與觀察帶到產品開發團隊的方式有很多種，我們可以在所有的訪談結束後整理成一份報告，也可以請 PM 或工程師團隊一起參與使用者訪談，或是事後把重要的對話剪輯成影音給團隊回顧等等。我們嘗試過不同方法後，漸漸發展出一種「便利貼觀察法」，這是一個能很有效率地幫助團隊找出共識的觀察方法。 (閱讀全文... ) --- ### 使用 求職網站 的注意事項 > UI/UX 設計師不要在 求職網站 上傳附件！嚴格來講，這不是求職者，而是 求職網站 在設計的時候所忽略的問題。一般來說，求職網站的帳號是由人資部門掌控。求才啟事統一由人資部門發表，這無可厚非，但如果不是由人資部門來過濾求職者的信件時，就會出現問題。 - Published: 2017-08-03 - Modified: 2019-04-24 - URL: https://designtongue.me/%e4%bd%bf%e7%94%a8-%e6%b1%82%e8%81%b7%e7%b6%b2%e7%ab%99-%e7%9a%84%e6%b3%a8%e6%84%8f%e4%ba%8b%e9%a0%85/ - 分類: 心得分享, UI/UX - 標籤: porfolio, UI履歷, UX, UX research, UX履歷, 使用者研究, 使用者經驗, 實習, 實習生, 履歷, 履歷上傳, 求職, 求職網站, 求職者, 自傳, 面試 算算日子，面試 UX Designer/Researcher 實習生也邁入第 10 個年頭了，這次就以這幾年面試求職者/實習生的經驗，來聊聊要怎麼做才能在一群學生中脫穎而出，供有志從事 UX 研究這一行的青年學子參考。 先從我在過濾履歷時，對求職者應該如何善用 求職網站 的一些想法開始談起。（這篇其實不限於 UX 相關工作就是了... ） (閱讀全文... ) --- ### UI 對話框 的設計大有學問，看設計師如何思考 > " 對話框 " 是一種以文字與使用者對話的使用者介面。其中，「 警告 對話框 」（Alerts，以下簡稱警告框）通常用於通知使用者發生了錯誤或警告，並詢問接下來的操作（同意、不同意等等）。使用警告框時必須十分注意，因為使用者並不希望正在進行中的工作受到打擾。 - Published: 2017-07-28 - Modified: 2019-04-24 - URL: https://designtongue.me/%e5%b0%8d%e8%a9%b1%e6%a1%86-%e8%a8%ad%e8%a8%88%e5%a4%a7%e6%9c%89%e5%ad%b8%e5%95%8f/ - 分類: UI/UX, 教學文章 - 標籤: alert, UI design, UI 規範, 對話框, 警告框 作者 usagimaru 目前在 Goodpatch 身兼 Application Designer 和 Interface developer，對於 UI 設計和 Interaction 都有涉略，並將其應用在 App 設計開發當中。在 Goodpatch 經手過「さんちの手帖」「VEGERY」「JINS MEME OFFICE v1」等三隻 iOS App 的開發。 本篇作者平時就常撰寫以開發者角度來觀察使用者介面的文章，這次將以「文字用語」為主題，試著剖析 iOS 中的 對話框 設計。大舌... --- ### 你可能不知道的 - 關於 iOS 切圖那點事 > 由於前陣子跟幾位設計師朋友聊到 iOS 切圖 上的幾個問題，意外地發現每位設計師在與工程師合作的過程中都會衍生出一套特別的合作模式，在文章的內容中也會跟各位夥伴分享一些小弟我在誤打誤撞東拼西湊的過程中，逐漸養成的一些工作習慣與實作細節，希望多少能夠在工程與設計的合作上面提供各位一些參考。 - Published: 2017-07-15 - Modified: 2019-04-24 - URL: https://designtongue.me/%e4%bd%a0%e5%8f%af%e8%83%bd%e4%b8%8d%e7%9f%a5%e9%81%93%e7%9a%84-%e9%97%9c%e6%96%bc-ios-%e5%88%87%e5%9c%96-%e9%82%a3%e9%bb%9e%e4%ba%8b/ - 分類: UI/UX, APP, 心得分享, 教學文章 - 標籤: Design Cooperation, designer, icon, iOS App Development, iOS切圖, Sketch, UI, 切圖 講在前面：其實這一系列文章原本想取名叫「與看不出圖片糊掉的工程師戰鬥系列」，開玩笑的 (逃)～好啦！我只是想先跟各位夥伴說 ... 文中所提到的習慣跟技巧都是以個人經驗為主，並不代表「這麼做就一定是正確的」！同事間能一起開開心心、快快樂樂工作的方法肯定就是好方法。如果內容有錯誤或是需要修正的地方，歡迎各位前輩給予指教，讓我們大家一起加油！ 本篇文章中將提及的內容包含： ICON 的切圖該如何處理？ PDF 圖檔要注意些什麼？ PNG 圖檔要注意些什麼？ 按鈕的切圖該如何處理？ 設計師常常忽略的那... --- ### 前端工程師與 UI 設計師的工作利器 - 平板 / 筆電立架 > 平板 / 筆電立架（ Ridge Stand），有效解決了前端工程師與 UI 設計師工作流程中的痛點 :1) 長期工作下，會導致脖子不適。2) 外接大螢幕，並想讓筆電做為平行擴展的螢幕。3) 希望能將開發或設計結果同步於真實的裝置上。4) 高質感 - Published: 2017-07-14 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%89%8d%e7%ab%af%e8%88%87ui%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%9a%84%e5%b7%a5%e4%bd%9c%e5%88%a9%e5%99%a8-%e5%b9%b3%e6%9d%bf-%e7%ad%86%e9%9b%bb%e7%ab%8b%e6%9e%b6/ - 分類: 心得分享, 體驗文 - 標籤: citiesocial, macbook, mirror, Ridge Stand, 多屏螢幕, 平板, 手機 最近發現一款平板 / 筆電立架（Ridge Stand），有效解決了前端工程師與 UI 設計師工作流程中的痛點，分享給大家： 在長期工作下，平放的筆電高度會導致脖子不適。 外接大螢幕，並想讓筆電做為平行擴展的螢幕，可看更多資訊，效率提高。 手機與平板 APP 的開發流程中，常常需要驗證原型流程、字體大小、各種細節等。雖然電腦上也可以模擬，但總是希望能同步於真實的裝置上，這時候就會想要該設備放在工作螢幕旁。 通常蘋果裝置會是工作首選，配件當然不能太醜啦！要有蘋果產品的質感，感覺才對，工作效率才高 ... --- ### 如何從文字用語來塑造產品的使用者體驗 - Google I/O 2017 > 今年二月的時候，主管天外飛來一敲，叫我記得參加 Google I/O 2017 的門票抽籤，當時不好意思地問他這是什麼？我當下更不知道這會是一張非常珍貴的門票，一張可以帶你前往新奇科技遊樂園的門票。然後呢？然後我就抽到了！五月 17-19 日 為期三天的 Google I/O Event 。 - Published: 2017-07-10 - Modified: 2019-04-24 - URL: https://designtongue.me/%e5%a6%82%e4%bd%95%e5%be%9e%e6%96%87%e5%ad%97%e7%94%a8%e8%aa%9e%e4%be%86%e5%a1%91%e9%80%a0%e7%94%a2%e5%93%81%e7%9a%84%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97-google-io-2017/ - 分類: 心得分享, UI/UX - 標籤: brand voice, content strategy, Google io, Google IO event, google ux, io17, io17 winner, standout wording, ux writer, ux writing, ux 設計, 使用者介面, 使用者研究, 使用者經驗, 使用者經驗設計, 使用者體驗, 文案設計, 產品文案, 產品策略 今年二月的時候，主管天外飛來一敲，叫我記得參加 Google I/O 2017 的門票抽籤，當時不好意思地問他這是什麼？我當下更不知道這會是一張非常珍貴的門票，一張可以帶你前往新奇科技遊樂園的門票。然後呢？然後我就抽到了！五月 17-19 日 為期三天的 Google I/O Event ，於是前往位於美國舊金山 Shoreline Amphitheater 的大型露天劇場，參與這場盛會，並且拖稿至今日來為各位介紹我的所見所得。 主圖：Google I/O Event Map 插圖 (圖/ Go... --- ### 一句話形容 UX 設計師 在幹嘛？ > 「UX 是什麼？」、「 UX 設計師 是做什麼的？」，身為 UX 設計師 ，這大概會是你三不五時就被問到的問題。 日常生活中，多數人們對於 UX 設計師的職業概念都還是相當陌生的，要如何能讓第一次聽到「 UX 設計師 」這個職業的人，能夠在短時間理解這份職業，對於每個 UX 設計師來說勢必會碰到問題 。 - Published: 2017-06-19 - Modified: 2019-04-24 - URL: https://designtongue.me/%e4%b8%80%e5%8f%a5%e8%a9%b1%e5%bd%a2%e5%ae%b9-ux%e8%a8%ad%e8%a8%88%e5%b8%ab-%e5%9c%a8%e5%b9%b9%e5%98%9b/ - 分類: 心得分享, ideas - 標籤: user experience, user interview, UX, UX research, UX 研究, UX 設計師, 使用者, 使用者研究, 使用者經驗, 使用者訪談, 使用者體驗, 產品開發, 職場 「UX 是什麼？」、「UX 設計師是做什麼的？」，身為 UX 設計師，這大概會是你三不五時就被問到的問題。 日常生活中，多數人們對於 UX 設計師的職業概念都還是相當陌生的，要如何能讓第一次聽到「 UX 設計師」這個職業的人，能夠在短時間理解這份職業，對於每個 UX 設計師來說勢必會碰到問題 。於是本期的 UX 實驗室就發揮 UX 研究的精神，實際去訪談身邊的親朋好友，並向他們分享「 UX 設計師」是在做什麼，希望透過我們的經驗回饋，下次遇到別人在問你「什麼是 UX 設計師」時，你也能順利解答喔... --- ### 製作 APP 的介紹影片，該注意哪些要點呢？ > APP 產品推出市場時，大多會透過短片進行宣傳，短片可以在短時間之內讓使用者快速了解產品的特色與精神而且方便分享傳播。以 Google 的 APP 為例，幾乎每個 APP 都會有一個介紹影片。從我們替客戶製作 APP 介紹影片的經驗，我們提出了 7點 對於 APP 介紹影片製作的看法 ... - Published: 2017-06-15 - Modified: 2019-04-24 - URL: https://designtongue.me/%e8%a3%bd%e4%bd%9c-app-%e7%9a%84%e4%bb%8b%e7%b4%b9%e5%bd%b1%e7%89%87-%e8%a9%b2%e6%b3%a8%e6%84%8f%e5%93%aa%e4%ba%9b%e8%a6%81%e9%bb%9e%e5%91%a2/ - 分類: APP, UI/UX, 教學文章, 翻譯文章 - 標籤: app, APP介紹影片, Google, 數位產品, 行銷 APP 產品推出市場時，大多會透過短片進行宣傳，短片可以在短時間之內讓使用者快速了解產品的特色與精神，而且方便分享傳播。以 Google 的 APP 為例，幾乎每個 APP 都會有一個介紹影片。 APP 介紹影片通常用來講述設計問題、設計的特點以及如何操作使用。那麼，怎樣才是一個好的介紹影片呢？從我們替客戶製作 APP 介紹影片的經驗與 Google APP的影片中，我們提出了 7 點對於 APP 介紹影片製作的看法。 (閱讀全文... ) --- ### 設計 “ 找工作 APP ” 的概念與流程分享 > 大多 人力銀行 的 找工作 app 都還是走傳統九宮格、網頁的設計模式，老實說，這樣的設計已經不符合現代，且美感也差了一大截，更不用說好不好用了。剛好有機會可以重新規劃人力銀行的 找工作 app，在體驗上當然不能像飲料換包裝而已，必須要有實質提升 ... - Published: 2017-06-14 - Modified: 2019-04-24 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88-%e6%89%be%e5%b7%a5%e4%bd%9c-app-%e7%9a%84%e6%a6%82%e5%bf%b5%e8%88%87%e6%b5%81%e7%a8%8b%e5%88%86%e4%ba%ab/ - 分類: UI/UX, APP - 標籤: app design, app UI, app 設計, redesign, UI, UI design, ui flow, UX 大多人力銀行的 " 找工作 " app 都還是走傳統九宮格、網頁的設計模式，老實說，這樣的設計已經不符合現代，且美感也差了一大截，更不用說好不好用了。 剛好有機會可以重新規劃人力銀行的 " 找工作 " app，當時我就決定要讓找工作這件事也要有美感。不過，對於 90 % 都是文字的產品來說是個大挑戰。另外在體驗上當然不能像飲料換包裝而已，必須要有實質提升，例如減少頁面、簡化流程及操作、提升使用效率、在頁面更少及使用平均時間不變下，相較舊版平均瀏覽頁數提升 30 % 等。以下就分享 "找工作" a... --- ### 書上設計展 2.0：一本可以看到台灣新銳設計能量的書 > “ 書上設計展 2.0 ” 這本書剛好就是懶惰加沒時間的大舌頭喜愛的，它集結了紅點與金點獎、青春設計節、Ａ+ 創意季與放視大展中的優秀新銳作品，並將概念、設計發展過程與成果描述於書中。看完後，又喚起了大舌頭學生時代對設計的熱血精神與理想！ 書上設計展2.0 ：一本可以看到台灣新銳設計能量的書 ... - Published: 2017-06-13 - Modified: 2019-04-24 - URL: https://designtongue.me/%e6%9b%b8%e4%b8%8a%e8%a8%ad%e8%a8%88%e5%b1%95-%e4%b8%80%e6%9c%ac%e5%8f%af%e4%bb%a5%e7%9c%8b%e5%88%b0%e5%8f%b0%e7%81%a3%e6%96%b0%e9%8a%b3%e8%a8%ad%e8%a8%88%e8%83%bd%e9%87%8f%e7%9a%84%e6%9b%b8/ - 分類: 心得分享, 體驗文 - 標籤: 新一代, 書, 書上設計展, 設計大舌頭, 設計展, 設計新銳, 設計書, 設計能量 書上設計展 2. 0：一本可以看到台灣新銳設計能量的書 在業界打滾了一陣子後，有時真的會因為壓力、現實或生活等因素，忘了學生時期對設計的想像、熱忱與理想。甚至，待在同個產業久了，會忘記關心其他領域的發展，而侷限自己的眼界。為了維持自己對設計的敏感度與熱忱，三不五時就得得多看看不同領域設計展覽或書籍，讓更多作品來刺激思維。而 “ 書上設計展 2. 0 ” 這本書剛好就是懶惰加沒時間的大舌頭喜愛的，它集結了紅點與金點獎、青春設計節、Ａ+創意季與放視大展中的優秀新銳作品，並將概念、設計發展過程與成果描... --- ### 想換工作？視覺設計師轉職 UX 設計師甘苦談！ - Published: 2017-06-06 - Modified: 2019-04-24 - URL: https://designtongue.me/%e8%bd%89%e8%81%b7ux%e8%a8%ad%e8%a8%88%e5%b8%ab-%e7%94%98%e8%8b%a6%e8%ab%87/ - 分類: 心得分享, UI/UX - 標籤: 使用者經驗, 年後轉職, 求職, 求職者, 用戶體驗, 職場, 職場甘苦, 職缺, 設計師, 轉職 年後轉職很夯，你是不是也想換工作呢？在求職網站上輸入「UX」，你可以得到 900 多筆工作機會，但你真的知道這個近年來很夯的 UX (user experience) 到底是什麼嗎？想要從視覺設計師轉職 UX 設計師，雖然職稱上都有「設計師」，但本質上卻有天差地遠的不同⋯⋯ 首圖來源：gratisography (閱讀全文... ) --- ### 圖越大越好？不是所有的使用者都跟你想得一樣！ > 在做驗證前，我們會先試著想像或限縮產品的使用者是哪一種人？有何種樣貌？以設計出符合使用者需求的設計；但產品很難指向單一種特定的使用者。以痞客邦的 使用者 來說，可基本分為「部落客」與「讀者」兩種類型；不過，部落格可以創作內容涵蓋的範圍非常廣泛且沒有限制，而每種文章類型的「部落客」與「讀者」需求也都會有所不同。 - Published: 2017-05-15 - Modified: 2019-04-24 - URL: https://designtongue.me/%e5%9c%96%e8%b6%8a%e5%a4%a7%e8%b6%8a%e5%a5%bd%ef%bc%9f%e4%b8%8d%e6%98%af%e6%89%80%e6%9c%89%e7%9a%84-%e4%bd%bf%e7%94%a8%e8%80%85-%e9%83%bd%e8%b7%9f%e4%bd%a0%e6%83%b3%e5%be%97%e4%b8%80%e6%a8%a3%ef%bc%81/ - 分類: 心得分享, UI/UX - 標籤: user experience, user interface, User Research, UX, UX Design, UX research, UX 設計師, 使用者, 使用者研究, 使用者經驗, 專案, 產品開發 在做產品設計驗證前，通常我們會先試著想像或限縮產品的使用者是哪一種人？有何種樣貌？以設計出符合 使用者 需求的設計；但很多時候，產品很難指向單一種特定的使用者。以痞客邦部落格服務的使用者來說，可以基本分為「部落客」與「讀者」兩種類型；不過，部落格可以創作內容涵蓋的範圍非常廣泛且沒有限制，食衣住宿行育樂都有（光是站方規劃的文章類型就有40種分類提供部落客選擇），而每種文章類型的「部落客」與「讀者」需求也都會有所不同，筆者最近所參與的研究專案裡就遇到類似問題。 (閱讀全文... ) --- ### 企業為何需要 UX 研究？ > 在開發產品服務的時候，開發團隊可能想過要導入 UX 研究 ，透過 UX 研究 方法讓產品的設計更貼近使用者需求。也許你試著做過幾次使用者研究，或在團隊中有 UX 設計師參與，但是產品最後產出的結果還是不理想 ... 若發生這樣的情況，你可能心裡會想：如果做 UX 研究 並不保證產品會更好，那到底為什麼還要做呢？ - Published: 2017-05-04 - Modified: 2019-04-24 - URL: https://designtongue.me/%e4%bc%81%e6%a5%ad%e7%82%ba%e4%bd%95%e9%9c%80%e8%a6%81-ux-%e7%a0%94%e7%a9%b6%ef%bc%9f/ - 分類: UI/UX, 心得分享 - 標籤: User Research, UX, UX 研究, 用戶研究, 開發流程 開發產品服務時，開發團隊可能想過要導入 UX，透過 UX 研究 方法讓產品的設計更貼近使用者需求。也許你曾試著做過幾次使用者研究，或有 UX 設計師參與，但產品最後產出的結果還是不理想 ... 若發生這樣的情況，你可能心裡會想：如果做 UX 研究 並不保證產品會更好，那到底為什麼還要做呢？ (閱讀全文... ) --- ### 設計師學習 Framer 第四章：Draggable & Pinchable 物件 > 這次要分享給大家的是： Framer 的 Draggable & Pinchable 屬性，這屬性如何讓物件可被使用者在畫面上拖曳並且放大縮小。這次的案例就先讓我們跳脫出音樂播放器，來到常見的照片編輯器吧。Draggable 可拖曳屬性/Pinchable 放大縮小屬性。 - Published: 2017-05-03 - Modified: 2019-04-24 - URL: https://designtongue.me/framer-js-part-04/ - 分類: UI/UX, 教學文章 - 標籤: draggable, Framer, framer flows, Interaction, pinchable, prototype, prototype tool, prototyping, ui flow, 互動工具 這次要分享給大家的是，如何讓 Framer 物件可被使用者在畫面上拖曳並且放大縮小。這次的案例就先讓我們跳脫出音樂播放器，來到常見的照片編輯器吧，感謝 PicCollage 贊助它的照片編輯器設計。 以下是這次的範例： Tutorial 4: Draggable & Pinchable (閱讀全文... ) --- ### 如何讓 app 的產品回饋更流暢 - Balto 的設計流程 > Balto 是以一個動作就能簡單地將螢幕截圖或影片回饋給工程師的服務，大多使用於 Beta App 的內部測試時，簡單來說就是一個傳送意見回饋的溝通平台。除了讓開發團隊進行意見回饋時的溝通更加順暢之外，希望能讓設計的 Feedback 變得更加積極與正面。 - Published: 2017-05-01 - Modified: 2019-04-24 - URL: https://designtongue.me/%e5%a6%82%e4%bd%95%e8%ae%93-app-%e7%9a%84%e7%94%a2%e5%93%81%e5%9b%9e%e9%a5%8b%e6%9b%b4%e6%b5%81%e6%9a%a2-balto-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%b5%81%e7%a8%8b/ - 分類: 心得分享, APP, UI/UX - 標籤: app design, app UI, balto, feedback, good design, goodpatch, ui flow, user flow, 回饋, 日本 Kawamata Satoshi 是日本的設計師，在日本知名電機製造商的設計部門磨練後，進入 Goodpatch 擔任產品設計師。這位日本設計師時常從定性 (質性) 訪談以及觀察進行深度學習，且擅長發現問題以及分析。在完整的軟體開發流程中，從概念架構到設計製作皆不陌生。在 Goodpatch 的設計委託案部門經歷過數個專案後，於 2016 年轉到自家產品開發部門，且首度經手的產品 Balto 即獲得 Good Design 獎殊榮。 (閱讀全文... ) --- ### 小心，UX 就在你身邊！生活中的使用者體驗 > 你可曾想過，從一早起床，到回家洗洗睡，我們每天生活中所接觸的各種物品，是不是也曾經因為使用上的不順利，而影響心情呢？其實，生活中有許多眉眉角角，都與 使用者體驗 息息相關，如果設計師能多點同理心，多站在使用者的角度著想，相信就能減少不愉快的發生，甚至能讓這個世界變得更美好呢！ - Published: 2017-04-20 - Modified: 2019-04-24 - URL: https://designtongue.me/%e5%b0%8f%e5%bf%83-ux-%e5%b0%b1%e5%9c%a8%e4%bd%a0%e8%ba%ab%e9%82%8a-%e7%94%9f%e6%b4%bb%e4%b8%ad%e7%9a%84-%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97/ - 分類: UI/UX, 日常觀察 - 標籤: user experience, UX, UX 心得分享, 使用者介面設計, 使用者經驗, 用戶體驗, 職場甘苦, 質化研究, 量化研究 「天啊！這是什麼鬼東西，也太難用了吧！」 類似這樣的話，是否也常出現在你我身邊？你可曾想過，從一早起床，到回家洗洗睡，我們每天生活中所接觸的各種物品，是不是也曾經因為使用上的不順利，而影響心情呢？明明是相同作用的物品，有的讓人倍感貼心，有的卻讓人萬般灰心。其實，生活中有許多眉眉角角，都與 UX 息息相關，如果設計師能多點同理心，多站在使用者的角度著想，相信就能減少不愉快的發生，甚至能讓這個世界變得更美好呢！ (閱讀全文... ) --- ### 簡述軟體開發流程與了解 PM 與 UX Designer 的區別 > 這篇文章會涵括：1）What should we build? 如何決定產品開發項目？、2） Product Development Process 軟體產品 開發流程 、3）Product Manager/Designer’s Role 產品經理及設計師的職責 - Published: 2017-04-14 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%b0%a1%e8%bf%b0-%e8%bb%9f%e9%ab%94%e9%96%8b%e7%99%bc%e6%b5%81%e7%a8%8b-%e8%88%87%e4%ba%86%e8%a7%a3-pm-%e8%88%87-uxdesigner-%e7%9a%84%e5%8d%80%e5%88%a5/ - 分類: UI/UX - 標籤: flow, UX Designer, 產品開發, 設計流程, 開發流程 這篇文章會涵括： What should we build? 如何決定產品開發項目? Product Development Process 軟體產品 開發流程 Product Manager/Designer’s Role 產品經理及設計師的職責 (閱讀全文... ) --- ### 2017 米蘭設計週 展前小報導 - Salone del Mobile ＆ FUORISALONE > 又到了每年設計界最大的展會活動 - 米蘭設計週 ，鑑於去年第一次在米蘭這城市親身體驗，展前做事前功課時，發現台灣媒體幾乎沒有展前的報導與攻略，相當可惜！經歷了 2016 年那次，稍微整理各展區觀展的網路資源。Salone del Mobile(台灣俗稱：會內展)，FUORISALONE(台灣俗稱：會外展) ... - Published: 2017-04-04 - Modified: 2019-04-23 - URL: https://designtongue.me/2017-%e7%b1%b3%e8%98%ad%e8%a8%ad%e8%a8%88%e9%80%b1-%e5%b1%95%e5%89%8d%e5%b0%8f%e5%a0%b1%e5%b0%8e/ - 分類: 心得分享 - 標籤: 展覽, 產品設計, 義大利米蘭, 設計週 又到了每年設計界最大的展會活動 - 米蘭設計週 ，鑑於筆者去年第一次在米蘭這城市親身體驗，展前做事前功課時，發現台灣媒體幾乎沒有展前的報導與攻略，相當可惜！經歷了 2016 年那次，稍微整理各展區觀展的網路資源。 (閱讀全文... ) --- ### 多語系網頁在設計上該考慮什麼，才能有好的使用者體驗？ > 多語系 （國際化）產品在設計時，往往因不理解該地區的文化或語言，忽視了許多小細節，累積起來就會造成諸多問題，例如降低轉換率、無法傳遞價值主張、降低使用者的信賴等。作者就 Dropbox 工作的經驗，提供許多設計的小技巧給讀者，希望能解決在設計多語系產品的相關問題，期待讓產品的體驗更好。 - Published: 2017-03-20 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-design-for-internationalization/ - 分類: UI/UX, 教學文章, 翻譯文章, 電子商務 - 標籤: internationalization, UI, UI design, UX Design, 介面設計, 使用者體驗, 國際化, 多語系, 翻譯 多語系 （國際化）網頁在設計時，往往因不理解該地區的文化或語言，而忽視了許多小細節，累積起來就會造成諸多問題，例如：降低轉換率、無法完全地傳遞產品價值理念、降低使用者的信賴 ... 等。作者 John Saito 以他在 Dropbox 工作的經驗，提供許多設計的小技巧給讀者，希望能解決在設計多語系產品的相關問題，期待能讓產品的體驗更好。 (閱讀全文... ) --- ### 如何以有限的預算，打造可靠又可信的人物誌 (Personas) > 這篇文章將討論如何以有限的預算，打造出可靠可信的 Persona，並協助我們創造成功的使用者體驗。我們可創造 Persona 讓它告訴你真實的使用者的需求。講的更具體些，就是透過 Personas ( 有著假設的生活背景、喜愛與需求）的資訊來得知不同類型用戶將會如何與網站互動。 - Published: 2017-03-08 - Modified: 2019-04-23 - URL: https://designtongue.me/data-driven-personas/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: persona, personas, UX, UX Persona, UX tool, UX 研究方法, 人物誌, 使用者體驗 成功的數位產品不僅是寫 code 的功勞，熟知用戶真實的需求與期待，並打造能傳達這些資訊的體驗才是關鍵。除此之外，也要在滿足用戶的期待下讓他們進行各種預設的轉換，如註冊、登入、聯繫或購買 ... 等。 這篇文章將討論如何以有限的預算，打造出可靠可信的 Personas ，並協助我們創造成功的使用者體驗。 (閱讀全文... ) --- ### 如何打造對專案有效益的 Persona (人物誌) ？ > 許多公司認為做出一個準確的 Persona (人物誌) 相當昂貴或單純覺得不需要。顧客也可能不太了解這個工具的概念，以及看到它能為專案帶來的價值。是否能有效的建構與使用 Persona (人物誌) ，可帶給你們團隊更清晰的目標用戶面貌，以及為你的專案打下發展方向的基礎。 - Published: 2017-01-10 - Modified: 2020-08-29 - URL: https://designtongue.me/persona-for-project/ - 分類: UI/UX, 教學文章 - 標籤: persona, user experience, User Research, UX, UX Design, UX research, 人物誌, 使用者研究, 使用者體驗, 服務設計 Persona 的核心在於，是否能有效的建構與使用它。若能，即可帶給你們團隊更清晰的目標用戶面貌，以及為你的專案打下發展方向的基礎。除此之外，它也能在策略制定時發揮效果，並且讓你更有效率的達成目標。 許多網頁開發公司認為做出一個準確的 Persona (人物誌) 相當昂貴，或單純覺得不需要。同樣的，顧客也可能不太了解這個工具的概念，以及它能為專案帶來什麼價值？ Persona 的核心在於，是否能有效的建構與使用它。若能，即可帶給你們團隊更清晰的目標用戶面貌，以及為你的專案打下發展方向的基礎。除此之外，它也能在策略制定時發揮效果，並且讓你更有效率的達成目標。 在我們深入探討前，先來精準的定義 Persona 是什麼吧！ (閱讀全文... ) --- ### Framer Flows 初體驗 > 在了解 Framer Flows 多方便之前，先講過去做頁面切換有多痛苦。以下歸納幾個比較惱人的問題：因為 Framer 會抓 Sketch Artboard 的絕對座標，必須多寫一行程式重新歸位到正確的進入位置。再寫一行進入畫面的動畫程式。當新畫面進入後，還必須把後面的頁面 visible 關掉 ... - Published: 2017-01-05 - Modified: 2019-04-23 - URL: https://designtongue.me/framer-flows/ - 分類: UI/UX, 教學文章 - 標籤: app UI, Framer, framer flows, UI design, ui flow, 流程圖 Framer 不適合製作頁面流程 (暫時) 建議大家不要拿 Framer 來製作頁面流程的原型。因為有比 Framer 更方便的工具，像是 Prott、Flinto 以及 Invision 等等。 還記得在開始寫 Framer 教學時，曾寫下上述的建言，而那時不知為何在句子後面加上了 ”暫時” 兩個字，也許隱約察覺到 Framer 團隊遲早會針對頁面流程，提出更好的解決方案。而就在前一陣子，他們推出了 Framer Flows ！ (閱讀全文... ) --- ### 設計大量內容的頁面時，該注意哪些 UI 設計準則？ > 當我們接到需要呈現大量內容的產品設計任務時，該思考哪些要點？另外，使用者會不會因為大量內容而造成使用上的困擾？作者提出 6大 設計準則 ，讓設計師在進行這類設計時有參考的方向。如果網頁上有太多區塊或細節，使用者相當容易迷失方向。以下提供幾項 設計準則，可讓繁雜的資訊更容易理解，並與你的使用者互動。 - Published: 2016-12-30 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%a4%a7%e9%87%8f%e5%85%a7%e5%ae%b9%e7%9a%84%e9%a0%81%e9%9d%a2%e6%99%82-%e8%a9%b2%e6%b3%a8%e6%84%8f%e5%93%aa%e4%ba%9b-ui-%e8%a8%ad%e8%a8%88%e6%ba%96%e5%89%87/ - 分類: UI/UX, 翻譯文章 - 標籤: Hierarchy, UI, UI設計, user experience, user interface, 大量內容, 階層 依專案的不同，在設計上需要考量的項目也有所不同。當我們接到需要呈現大量內容的產品設計任務時（如新聞、入口網站），該思考哪些要點呢？另外，使用者會不會因為大量內容而造成使用上的困擾？作者提出 6大 設計準則 ，讓設計師在進行這類相關設計時有參考的方向。 (閱讀全文... ) --- ### 如何透過數據決定 "用字"，以提升使用者體驗？ > 使用者體驗 的設計考量中，用字也是一個相當重要的環節。此篇文章中，作者描述在 Dropbox 裡如何以資料數據來設計用字，並分享了許多工具與方法：用字是一種藝術，因為文字能讓人們笑、感動甚至激勵我們做有意義的事。但是它同時也跟科學有關，我們可利用資料累積的資訊協助選字，及讓我們可更客觀的思考。 - Published: 2016-12-22 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%a6%82%e4%bd%95%e9%80%8f%e9%81%8e%e6%95%b8%e6%93%9a%e6%b1%ba%e5%ae%9a%e7%94%a8%e5%ad%97%e4%bb%a5%e6%8f%90%e5%8d%87-%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97/ - 分類: 翻譯文章, UI/UX, 教學文章, 電子商務 - 標籤: data, dropbox, UX, wording, 使用者體驗, 大數據, 數據分析, 用字 在使用者體驗 的設計考量中，用字也是一個相當重要的環節。此篇文章中，作者描述在 Dropbox 團隊中，如何透過數據資料來設計產品用字，並分享了許多工具與方法： 用字是一種藝術，因為文字能讓人們笑、感動甚至激勵我們做有意義的事。但是它同時也跟科學有關，我們可利用資料累積的資訊數據協助選字，及讓我們可更客觀的思考。 為了 使用者體驗 ，什麼是對的？什麼又是錯的？ 身為 Dropbox 的 UX，我們的目標就是確保每個用字都有意義且合宜。錯誤的用字可能會造成不好的使用者體驗；一個不明確的按鈕文字或陌... --- ### emoji 時代的 9 個豆知識 - Published: 2016-12-20 - Modified: 2019-04-23 - URL: https://designtongue.me/emoji-%e6%99%82%e4%bb%a3%e7%9a%849%e5%80%8b%e8%b1%86%e7%9f%a5%e8%ad%98/ - 分類: UI/UX, 日常觀察 - 標籤: emoji, UI, user interface, 使用者介面, 表情符號 本文章已獲得作者 Winston 授權，轉載自：emoji 時代的 9 個豆知識，原文出處 justfont 2015 年，權威的牛津字典做了一件看似很反權威的事情，他們把 ? 列為年度單字。這個字，在 Mac 的 emoji 列表中的名字是「喜極而泣的表情」；如果在 Mac 電腦打「哭笑」也可以選到這個字。但仔細研究後，顯然有其分別。例如這符號到底是喜極而泣，還是又哭又笑；是笑中帶淚，還是笑到噴淚呢⋯⋯ 要探究這個問題，需歸結到 emoji 是什麼？它是「文字」嗎？不，它是「絵文字」。他的基礎... --- ### 挑 聖誕禮物 沒靈感？推薦六樣你值得一看的禮物 > 聖誕節快到了，不論同事間交換禮物、送好友、男女朋友、親友 ... 等，挑禮物總是令人煩惱！今年大舌頭特地為大家挑選了六件值得推薦的 聖誕禮物 供粉絲們參考喔！只有短短七天閃購，快來一探究竟吧！ - Published: 2016-12-08 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%81%96%e8%aa%95%e7%af%80%e7%a6%ae%e7%89%a9-%e6%8e%a8%e8%96%a6/ - 分類: 電子商務, 心得分享, 體驗文 - 標籤: 品牌, 推薦, 產品設計, 禮物, 聖誕節 大夥，聖誕節又要到了，該買什麼與眾不同的禮物來送給家人、朋友、同事或情人？別再苦惱藍瘦了，大舌頭在台灣的設計與電商品牌中，精選出數樣最不一樣的設計師產品，供讀者們參考。重點來了！各項折扣大舌頭也幫你談好了，給你最棒的優惠～這次的閃購活動日期僅在 12/09 (五) ~ 15 (四)，僅有七天！僅有七天！機會真的非常難得，不要錯過喔！ (閱讀全文... ) --- ### 分享我在澳洲尋找 UIUX的工作 經驗 > 這篇主要是分享我在澳洲找 UIUX的工作 經驗跟過程，下一篇我會再描述在澳洲的工作經驗。台灣有 一O寺 跟 鐵支，澳洲則有 Seek 跟 Indeed，基本上九成的工作都會在這兩個網站上出現。澳洲跟台灣不太一樣的地方是這邊公司很喜歡透過仲介 recruitment (也就是台灣所說的獵頭) 找人。 - Published: 2016-11-22 - Modified: 2023-03-15 - URL: https://designtongue.me/uiux-job-in-australia/ - 分類: 心得分享, UI/UX - 標籤: UI 履歷, UIUX 職缺, 工作, 求職, 海外 小弟台灣魯蛇設計師一枚，在國內職場上打混了八、九年，從一開始的 web designer 做到 GUI 再到 UIUX。就在工作一段時間後，意識到在國內的職場生態中，身為一位 designer 要往上發展的空間其實很有限。在台北，我面試過很多公司，其中包含了 Mozilla, TrendMicro, Asus 等等，大概能叫出名字的我都去過了。面試了這麼多其實很失望，因為在台灣有能力的人不會被重視，學歷高過於實戰經驗，有缺永遠也輪不到你。 而讓我下定決心出國工作則是因為某次面試的主管說了一句話：... --- ### 設計之都 非選美，而是利用設計思維展現創新，進行城市改造 > 世界 設計之都 不是選美，而是選出有潛力用設計改變的城市。在「TRANS 從零到醫 － 跨域 x 生醫 x 創新」論壇中，由眾多講者談述 設計之都 、設計思考的教育應用，及設計與生醫新創的跨領域實例。論壇中也告訴我們當設計結合不同領域的專業時，更催生出改善現況的契機！ - Published: 2016-11-09 - Modified: 2019-04-23 - URL: https://designtongue.me/2016-%e5%8f%b0%e5%8c%97-%e8%a8%ad%e8%a8%88%e4%b9%8b%e9%83%bd/ - 分類: 心得分享, 服務設計 - 標籤: 5% Design Action, Design Innovation, Design Thinking, i-school, 世界設計之都, 吳漢中, 臺大 Design Innovation, 設計之都, 設計創新, 設計思考 在「TRANS 從零到醫 － 跨域 x 生醫 x 創新」論壇中，由眾多講者談述 設計之都 、設計思考的教育應用，及設計與生醫新創的跨領域實例。由分享內容裡，我們得知 "設計創新" 看似很專業的詞彙，應該要讓它的思維更加普及應用，因為它就是眾多微革命的核心價值，更是日後社會改造的重要驅動力之一。此外，論壇中也告訴我們當設計結合不同領域的專業時，更催生出改善現況的契機！ (閱讀全文... ) --- ### 時間軸科技 (Hiiir) 如何選擇與使用原型工具來打造軟體產品 > Hiiir （時間軸）是一間集數位行銷、電子商務與行動 APP 服務的科技公司。他們在開發這些產品時，皆使用 Prott 來製作原型，以確保內部溝通順暢與概念的測試。也因此，Prott 的團隊特地訪談他們的團隊，針對使用 Prott 的用途及感受做了一場訪談。 - Published: 2016-11-07 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%99%82%e9%96%93%e8%bb%b8-hiiir-%e5%a6%82%e4%bd%95%e9%81%b8%e6%93%87%e8%88%87%e4%bd%bf%e7%94%a8%e5%8e%9f%e5%9e%8b%e5%b7%a5%e5%85%b7%e4%be%86%e6%89%93%e9%80%a0%e8%bb%9f%e9%ab%94%e7%94%a2%e5%93%81/ - 分類: 心得分享, UI/UX, 團隊訪談 - 標籤: goodpatch, Hiiir, prototype, prototype tool, prott, ui flow, 原型 時間軸 (Hiiir) 是一間集數位行銷、電子商務與行動 APP 服務的科技公司，除了推出網頁端的服務外，也開發了許多 APP，如 "巷弄"、"friDay 購物" 和 "CareMmyPet" 等。他們在開發這些產品時，皆使用大舌頭之前也有介紹過的 Prott 來製作原型，以確保內部溝通順暢與概念的測試。也因此，Prott 團隊特地針對時間軸使用 Prott 的流程及感受，規劃了一場精彩訪談，而讀者們也能透過訪談內容得知科技公司內部是如何選擇原型工具，以及在設計過程中使用原型能帶來的效益。 (... --- ---