# 設計大舌頭 > 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/cart/): - [結帳](https://designtongue.me/checkout/): - [我的帳號](https://designtongue.me/my-account/): - [維護中 ...](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 ” 這本書剛好就是懶惰加沒時間的大舌頭喜愛的,它集結了紅點與金點獎、青春設計節、A+ 創意季與放視大展中的優秀新銳作品,並將概念、設計發展過程與成果描述於書中。看完後,又喚起了大舌頭學生時代對設計的熱血精神與理想! 書上設計展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 的用途及感受做了一場訪談。 - [UI 設計小技巧 - 電話號碼欄位](https://designtongue.me/ui%e8%a8%ad%e8%a8%88-%e5%b0%8f%e6%8a%80%e5%b7%a7-%e9%9b%bb%e8%a9%b1%e6%ac%84%e4%bd%8d/): UI 表單設計上有許多小細節,今天這篇 “UI 設計小技巧 - 電話號碼欄位” 就是透過提出一些不好的範例來刺激大家思考 “如何讓表單設計變得更好”?而 電話欄位 在表單設計上十分常見,但卻一直存在著一些操作問題,快來參考本篇所提出來的建議,體檢自家的平台是否犯了一樣的錯誤! - [UX 6: Card Sorting & Navigation](https://designtongue.me/ux-card-sorting-navi/): 這篇文章主題為:Card Sorting(卡片分類法)與 Navigation(導航),內容承接之前所寫的文章,建議可以由第一篇開始閱讀,較能了解 UX 的全貌。UX Design Process & User Research, Competitive Analysis & Persona ... - [設計師 學習 Framer 第三章:運用 Animation 讓原型更生動](https://designtongue.me/framer-js-part-03/): 在 " 設計師 學習 Framer 第二章:從 Sketch 到 Framer " 的最後,我們設計了一個簡單愛心狀按鈕的互動,大家一定都覺得僅是切換的效果,超級死板的對吧!接下來,我們將 學習 Framer 所提供的 Animation 功能,來讓我們的原型更有趣~ - [設計師 學習 Framer 第二章:從 Sketch 到 Framer](https://designtongue.me/framer-js-part-02/): Sketch 是近年來每個 UI UX 設計師必學軟體。因為直覺又精簡的操作,受到大家的喜愛。本篇教學,將著重在如何把 Sketch 裡面的檔案匯入到 Framer,所以還沒有接觸過 Sketch 的朋友可以先花點時間弄懂它。接下來,我們會 學習 Framer 匯入 Sketch 做出一款音樂播放器的介面原型。 - [設計師 學習 Framer 第一章:前言與觀念](https://designtongue.me/framer-js-part-01/): Framer 能實現高擬真度,且可運用 Coding 做出許多設計變化。不過也因為需要一些 Coding 的基礎知識,導致許多設計師不敢接觸,個人覺得有點可惜。所以在 "設計師 學習 Framer " 這系列裡,會從設計師的角度跟大家分享一些學習心得,然後盡可能的把 Coding 這部分降到最低,以利大家學習。 - [初探 Google 提出的設計敏捷方法(Design Sprint Method)](https://designtongue.me/google-design-sprint-method/): 設計敏捷方法 (Design Sprint Method)是由 Google 提出,且於內部實踐並受到歡迎。它的概念基礎來自於其他已經在產業界應用的方法,例如敏捷開發、設計思考與 gamestorming。這個方法試圖讓每個設計團隊都能輕易的導入,且能於2-5天內解決或測試設計的挑戰。 - [現今 UI 設計流程 中少不了的 Prototyping !](https://designtongue.me/%e7%8f%be%e4%bb%8a-ui-%e8%a8%ad%e8%a8%88%e6%b5%81%e7%a8%8b-%e5%b0%91%e4%b8%8d%e4%ba%86%e7%9a%84-prototyping/): 這幾年也越來越多新的 prototyping 工具,那麼多工具到底要如何選?其實每個工具都各有優缺點,一個理想的 prototyping 工具,須容易被整合到 UI 設計流程 ,又要達成有效溝通的目的;而「溝通」與「體驗」就是 prototyping 的本質, - [UX designer 的好朋友:一個讓你「好像」瞬間變專業的 checklist](https://designtongue.me/ux-checklist-for-junior/): 有鑒於每次 internal review 我家小朋友的設計時,我都會重複的拋出一樣的考古題,我特別為他們做了一個 UX checklist ,讓他們每次在進行 review 前都先確認自己已經完成了 check list 上所有的項目。 - [Sketch 初心者在設計 UI 前要做的五件事!](https://designtongue.me/sketch-%e5%88%9d%e5%bf%83%e8%80%85%e5%9c%a8%e8%a8%ad%e8%a8%88-ui-%e5%89%8d%e8%a6%81%e5%81%9a%e7%9a%84%e4%ba%94%e4%bb%b6%e4%ba%8b%ef%bc%81/): 就像廚師大展廚藝前要備菜一樣,產品設計師在做設計前,也應該把需要的材料都準備好,設計才會順利快速。Sketch 是現在 UI 設計師最喜愛的繪圖軟體之一,在開始繪製畫面與展開工作流程前,進入"可持續設計"的狀態是很重要的。在此,分享給讀者 5 個 Sketch 繪製前要做的事情,協助你進入這個狀態裡: - [UX 5: Sketching & Testing & Information Architecture](https://designtongue.me/ux-sketching-testing-ia/): Sketching & Testing - Sketch 是在整個 UX 流程的第三階段 - Placement & Layout Design,去面試 UX Designer 時,很常都會被要求立刻畫出一個 Sketch,可以用下面的小範例練習一下,最後你就能完整個畫出 Visual Alphabet。 - [虛擬實境體驗當道,設計師需要知道的 VR 互動方式](https://designtongue.me/%e8%99%9b%e6%93%ac%e5%af%a6%e5%a2%83-%e9%ab%94%e9%a9%97%e7%95%b6%e9%81%93-%e8%a8%ad%e8%a8%88%e5%b8%ab%e9%9c%80%e8%a6%81%e7%9f%a5%e9%81%93%e7%9a%84-vr-%e4%ba%92%e5%8b%95%e6%96%b9%e5%bc%8f/): VR (虛擬實境) 與 AR (擴增實境) 發展已久,但近期的應用與風潮才逐漸發燒,其互動設計也未定型,本文帶來現今多款 VR 的互動方式,對於即將或已經著手設計的 VR 設計師應該有所幫助。AR 在互動設計發展史是一個重要的里程碑,發展中每一項里程碑都源自技術和人性的碰撞。 - [小資族說走就走的機票比價神器 - HelloWings](https://designtongue.me/%e6%a9%9f%e7%a5%a8-%e6%af%94%e5%83%b9-%e7%a5%9e%e5%99%a8-hellowings/): 一站式 比價 ,你不再需要遊走於不同航空購票平台。不知道大家有沒有購買廉航機票的經驗?尤其是 比價 的過程,因為機票資訊分散,花時間又傷神~ HelloWings 已與 99 間廉價航空公司合作,因此使用者可進行 “一站式” 的比價,而不需要像過去到各航空官網去查看,省了超級多的時間。 - [設計師的逆襲!翻轉傳統產業的開端](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab-%e7%9a%84%e9%80%86%e8%a5%b2-%e7%bf%bb%e8%bd%89-%e5%82%b3%e7%b5%b1%e7%94%a2%e6%a5%ad-%e7%9a%84%e9%96%8b%e7%ab%af-%e9%9b%bb%e5%95%86%e5%b9%b3%e5%8f%b0/): 今天大舌頭要跟大家介紹 Jimi 最近正在 run 的新平台 - Unipapa 有理百物。這個 電商平台 有什麼值得大舌頭特地寫篇文章來介紹它呢?就是它背後的產業價值!這個模式在電商界算是破壞式的創新,趕緊往下看大舌頭的介紹與分解吧!希望每位讀者都能從 Jimi 身上學到設計及商業的思維。 - [產品訪談時,別問使用者的感覺是真的嗎?](https://designtongue.me/%e7%94%a2%e5%93%81-%e8%a8%aa%e8%ab%87-%e6%99%82%e5%88%a5%e5%95%8f-%e4%bd%bf%e7%94%a8%e8%80%85-%e7%9a%84%e6%84%9f%e8%a6%ba%e6%98%af%e7%9c%9f%e7%9a%84%e5%97%8e/): UX 一路走來,學習使用者 訪談 的過程從見山是山、見山不是山、慢慢走回了見山還是山。先講結論,其實直接詢問使用者的『感覺』是可以的,甚至可以透過這種方式挖掘更深層使用者心中的想法,但這種做法在學術界被認為不夠嚴謹,且同時使用者訪談的新手常會因這麼做而犯許多錯誤,所以建議在學習 訪談 的初期避免這種做法。 - [對話機器人的8種設計原則](https://designtongue.me/%e5%b0%8d%e8%a9%b1%e6%a9%9f%e5%99%a8%e4%ba%ba-%e7%9a%84-8%e7%a8%ae-%e8%a8%ad%e8%a8%88%e5%8e%9f%e5%89%87/): 到底該如何來設計 對話機器人 呢?在什麼樣的場景下, 對話機器人 是好用的?我們應該設計的像 Slackbot 一樣,簡單易使用?或是像 Facebook M 平台的 Bot ,有能力和使用者做互動?這都是尚待釐清的問題,但非常能確定的是,我們正在找尋如何透過這個新興起的服務媒介,來提供使用者良好的用戶體驗。 - [UX 4: Feature Prioritization](https://designtongue.me/ux-feature-prioritization/): 透過 Feature Prioritization 可以免於讓產品充斥過多無用的功能,太複雜的產品會讓使用者覺得挫折甚至是放棄不用產品, 以相機為例子,相機上有很多功能,但大多數消費者都用智能模式居多,其他 Feature 都用不太到;這說明了 80/20 原則,用戶 80% 的時間都花在 20% 的特定功能上 - [UX Research 不被老闆重視,身為 UX 的你該怎麼辦?](https://designtongue.me/ux-research-%e4%b8%8d%e8%a2%ab%e8%80%81%e9%97%86%e9%87%8d%e8%a6%96-ux-%e4%bd%a0%e8%a9%b2%e6%80%8e%e9%ba%bc%e8%be%a6/): UX Research 不被老闆重視,身為 UX 的你該怎麼辦?這篇文章是希望協助那些還在努力說服組織能認知 " 使用者研究 " 重要性的設計師們。你們不孤獨,這樣的現象在新創公司或小型企業裡非常普遍。 - [WWDC 16 - 設計人應該知道的幾件事](https://designtongue.me/wwdc_16_%e8%a8%ad%e8%a8%88%e4%ba%ba_%e6%87%89%e8%a9%b2%e7%9f%a5%e9%81%93%e7%9a%84%e5%b9%be%e4%bb%b6%e4%ba%8b/): Apple 在年中舉行的 WWDC (世... - [快速驗證概念、節省開發成本的方法 - Prototyping](https://designtongue.me/prototyping/): 是否難以呈現你的想法或概念?是否常在創意是否運行之前,開了無數次的開發會議呢?甚至,常不清楚使用者對產品的感受前,就已經耗費大量的精力與成本在製作了呢?如果有以上的問題,建議在開發流程中導入「 Prototyping - 原型」這個概念與工具。 - [UX 3: Define Problem & Ideating](https://designtongue.me/ux-define-problem-ideating/): 我這邊是承接之前寫的 UX 1: UX ... - [改良的 人物誌 進行方法 - 快速交流人物誌(Persona Speed-Dating)](https://designtongue.me/%e6%94%b9%e8%89%af%e7%9a%84-persona-%e9%80%b2%e8%a1%8c%e6%96%b9%e6%b3%95/): 人物誌 (Persona)即是呈現一群有相似行為模式、動機、目標與需求的族群原型。它能提供設計團隊與相關權益人,以 "人" 的角度分析與陳訴目標族群的需求與想法。讓我們在設計產品或服務體驗時能參考不同的觀點與脈絡。另外,人物誌能避免做決策時,完全的依賴個人的經驗或假設。 - [重新思考、設計 Nike+ Running app](https://designtongue.me/rethinking-nike-running-app/): 使用 Nike Running app 已是 2013 年的事了~這 app 真得挺棒的 - 它提供的功能很到位、有免費的訓練課程,而且它來自於 Nike,Casey Neistat 也是使用者之一。不過,令我感到最驚訝的是 Nike Running app 完全沒變,就如同 2013 年時使用的樣子。 - [UX 2: Competitive Analysis & Persona](https://designtongue.me/ux-competitive-analysis-persona/): 做完 User Research 之後所要做的步驟包含 Competitive Analysis, Affinity Map 和 Persona。為什麼要做 Competitive Analysis?主要有兩個原因,一個是可以透過別人的產品從中找到靈感,另一個原因則是從其他人的東西內找到切入的機會點。 - [UX 1: UX Design Process & User Research](https://designtongue.me/ux-design-process-user-research/): 基本上,UX Design 就是盡可能讓整體的流程和體驗更加愉悅。不同的公司或是不同的流程在做 UX 的時候,可能會有些許的不同,但是整體都還是會參照這個流程: 1) 從用戶研究 (User Research) 開始 2) 根據研究來做出東西 3) 測試所做的東西 4) 重複 (Repeat)。 - [UI/UX 設計師常有的 思考盲點 - 不說你不會發覺!](https://designtongue.me/uiux-%e5%b8%b8%e6%9c%89%e7%9a%84-%e6%80%9d%e8%80%83%e7%9b%b2%e9%bb%9e/): 思考盲點 往往會造成許多失誤,就如同身為 UI UX 設計師的我們,雖自詡可以用客觀的方法與心態完成任務,但有時候難免陷入設計師特質所造成的糾結,形成 思考盲點 。這些盲點可能造成一些缺失,小則只影響產品推出時程,大則破壞團隊和諧、造成不良的企業文化或方向錯誤等。 - [生活中的介面設計|報稅篇](https://designtongue.me/%e7%94%9f%e6%b4%bb%e4%b8%ad%e7%9a%84-%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88-%e5%a0%b1%e7%a8%85-%e7%af%87/): 五月是 報稅 的時節,同時也產生許多民眾的困擾。報稅 的方式由過去親自跑一趟 國稅局,演進到推出各種不同的便民服務,如:安裝軟體,透過 憑證 報稅 外,還有便利商店代收 ... 等。 目前,人手一台智慧型手機已成趨勢,或許新一代的族群在面對 報稅 議題時,馬上會猜想可能有對應的手機應用程式 (App) ... - [設計師在日本的 UI 專案設計流程](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%9c%a8-%e6%97%a5%e6%9c%ac-%e7%9a%84-ui-%e5%b0%88%e6%a1%88%e8%a8%ad%e8%a8%88%e6%b5%81%e7%a8%8b/): 不知道大家是否重視設計流程以及參與度。我想以自己的經驗來分享 專案設計流程 以及探討設計流程的參與度對於設計師的影響。我們認為,「1000 次會議比不上一個 Prototype !」設計師必須重視設計流程以及 100% 的參與。 - [面試 UI UX 設計師 該注意什麼?](https://designtongue.me/%e9%9d%a2%e8%a9%a6-ui-ux-%e8%a8%ad%e8%a8%88%e5%b8%ab-%e8%a9%b2%e6%b3%a8%e6%84%8f%e7%94%9a%e9%ba%bc/): 若在面試時,能看出面試者的特質,就有較大機會挑選到適合且值得培養的人才,並減少企業付出許多隱藏成本。就 面試UI與UX設計師 這個主題,大舌頭探討了學歷、得獎、即戰力、社群力以及設計師特質幾個議題,並提出若干建議。期許能幫助企業找到對適合的設計師人才,而設計師也能從中辨析何項能力需要增進,以及學習到面試的技巧。 - [系統思考 - 雜談與讀書筆記](https://designtongue.me/%e7%b3%bb%e7%b5%b1%e6%80%9d%e8%80%83-%e9%9b%9c%e8%ab%87%e8%88%87%e8%ae%80%e6%9b%b8%e7%ad%86%e8%a8%98/): 推薦 系統思考 這本書的原因是我們在專業或日常思考中都應避免落入見樹不見林的窘境。系統思考 追求的是整體效益,而非部分的最佳化;其特色並非傳統線性思考,而是用更宏觀/動態/時間的方式來看因果反饋迴路。 - [米蘭觀察日記 01 - SMS 手機簡訊購買交通票](https://designtongue.me/%e7%b1%b3%e8%98%ad%e8%a7%80%e5%af%9f%e6%97%a5%e8%a8%98-01-sms-%e6%89%8b%e6%a9%9f%e7%b0%a1%e8%a8%8a%e8%b3%bc%e8%b2%b7%e4%ba%a4%e9%80%9a%e7%a5%a8/): 剛到米蘭時的前段日子,就如同到不同國家城市,都需要去了解當地的公共運輸系統。在米蘭,地鐵、公車、輕軌、市內的火車,皆是以相同的票價系統。此篇文章主要分享的是 ATM MILANO(米蘭的交通運輸公司),以 手機簡訊購買交通票 Urban Ticket ... - [設計師最常忽略的 UI 頁面狀態:空白狀態(empty state)](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%9c%80%e5%b8%b8%e5%bf%bd%e7%95%a5%e7%9a%84_ui_%e9%a0%81%e9%9d%a2%e7%8b%80%e6%85%8b_empty_state/): 大家通常都會先設計內容齊全的代表頁面,並在示意圖上呈現最佳排列效果。直到最後(或沒有)才考慮可能遇到的 空白狀態(empty state) 。但重要的是, 空白狀態(empty state) 的呈現確實具有能驅動使用者繼續使用的潛力,我們要把握這個與使用者溝通價值的時機。 - [為什麼介面設計中,使用者的 個人頭像 大多是圓形的?](https://designtongue.me/%e7%82%ba%e4%bb%80%e9%ba%bc-%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88-%e4%b8%ad-%e4%bd%bf%e7%94%a8%e8%80%85%e7%9a%84-%e5%80%8b%e4%ba%ba%e9%a0%ad%e5%83%8f-%e5%a4%a7%e5%a4%9a%e6%98%af%e5%9c%93%e5%bd%a2/): 大家有沒有覺得有越來越多的平台或 APP ,喜歡使用 "圓形" 作為使用者的 " 個人頭像 " 形狀。該不會是近期的設計風潮?還是大部分介面設計師的愛好?或有其他特別的原因呢?大舌頭藉由歸納網路社群中專家的討論,以及問卷調查的結果分析,逐步釐清這個秘密,內容精彩不要錯過喔。 - [如何建立體驗地圖](https://designtongue.me/%e5%a6%82%e4%bd%95-%e5%bb%ba%e7%ab%8b%e9%ab%94%e9%a9%97%e5%9c%b0%e5%9c%96/): 體驗地圖展示了顧客體驗產品或服務的旅程,並且同時檢視你的公司與對手間的關係。從顧客的觀點,將體驗的過程圖像化,可以幫助組織定義策略機會、顧客痛點與產生創新的方案。為什麼要 建立體驗地圖 ?基於研究基礎, 體驗地圖 能幫助組織看到較大格局的願景並且決定關鍵的活動 ... - [Daily UI 挑戰 - 介面設計不是這麼簡單](https://designtongue.me/dailyui-%e6%8c%91%e6%88%b0-%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88-%e4%b8%8d%e6%98%af%e9%80%99%e9%ba%bc%e7%b0%a1%e5%96%ae/): Daily UI 挑戰  - 介面設計不是這麼簡單 - 這篇心得文主要是描述自己參與 100 Days UI Challenge 這活動的經驗及對介面設計的感想,許多練習只著重於「視覺創作」,並不是完整的 UI 作品,這也是我想向大家分享的部分。 - [未來最重要的 設計師 類型為何?(下)](https://designtongue.me/%e6%9c%aa%e4%be%86%e6%9c%80%e9%87%8d%e8%a6%81%e7%9a%84-%e8%a8%ad%e8%a8%88%e5%b8%ab-%e9%a1%9e%e5%9e%8b%e7%82%ba%e4%bd%95%ef%bc%9f%ef%bc%88%e4%b8%8b%ef%bc%89/): 邀請 Google、Microsoft、Autodesk、Ideo 與其他知名設計公司之總監,推測未來可能的 設計師類型 與職場需求,接續上篇內容,本文將帶來更多他們的預測。有些職位已存在,有些還需市場改變或技術突破才會普及。但設計師看清未來的發展趨勢,才能提前一步準備好需要的技能或觀念,在職場立於不敗之地 - [未來最重要的 設計師類型 為何?(上)](https://designtongue.me/%e6%9c%aa%e4%be%86%e6%9c%80%e9%87%8d%e8%a6%81%e7%9a%84-%e8%a8%ad%e8%a8%88%e5%b8%ab%e9%a1%9e%e5%9e%8b-%e7%82%ba%e4%bd%95%ef%bc%9f%ef%bc%88%e4%b8%8a%ef%bc%89/): 就軟體業而言,過去職場的需求為能處理平面的設計師,現在反而是 UX 設計師 。不過市場瞬息萬變,未來產業需要的 設計師類型 為何呢?是虛擬角色程式設計師? 跨領域專家?還是人工器官設計師?我們訪問各領域傑出的設計師,最後得到 18 種未來 設計師類型 。 - [UX 設計過程中," 簡單 (simplicity) " 一詞不停地被濫用!](https://designtongue.me/ux-%e8%a8%ad%e8%a8%88%e9%81%8e%e7%a8%8b%e4%b8%ad-%e7%b0%a1%e5%96%ae-%e4%b8%80%e8%a9%9e%e4%b8%8d%e5%81%9c%e5%9c%b0%e8%a2%ab%e6%bf%ab%e7%94%a8/): 在設計領域,簡單 (simplicity) 真的很重要? 或是一種設計過程中追求的理想?曾經,有位 Logic 101 的教授在課堂上讓大家討論 "乾淨" 這個詞彙,每個人分享的定義都相當不同,因為大家對於它的標準不一。 而我們今天要討論的 "簡單" 字詞,其實也是一樣,每個人對它都有非常不同的定義 ... - [UI/UX 設計師求職 (轉職) 懶人包](https://designtongue.me/uiux-%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%b1%82%e8%81%b7-%e8%bd%89%e8%81%b7-%e6%87%b6%e4%ba%ba%e5%8c%85/): 大舌頭則希望能藉由社群與網路的力量,幫助更多設計師,因此特地整理了一篇轉職(求職)懶人包,希望人人都可以找到那理想的、適合自己的職位與公司。這篇文章中,大舌頭將整理許多關於 UI/UX 設計師求職 的資源,包含了海內外求職平台、職場經驗談、履歷顧問與範例等,希望可以幫助到未來轉職/即將求職的你。 - [這幾年從事用戶研究(UX research)後的心得筆記](https://designtongue.me/%e9%80%99%e5%b9%be%e5%b9%b4%e5%be%9e%e4%ba%8b-%e7%94%a8%e6%88%b6%e7%a0%94%e7%a9%b6-%e5%be%8c%e7%9a%84%e5%bf%83%e5%be%97%e7%ad%86%e8%a8%98/): 有感於使用者經驗(User experience)對設計的影響, 用戶研究 在設計過程中也很常見。筆者公司不管是產品開發或大型服務設計,大多以2-5人進行前期研究,所得結果可用來制定產品走向、主要特點或易用性測試,也可藉此取得團隊共識。筆者記下這兩年進行用戶研究的心得與執行 UX 時重要小訣竅,提供給大家參考。 - [當操作錯誤時,為什麼 使用者 總是先責怪自己?](https://designtongue.me/how-bad-ux-makes-users-blame-themselves/): 關心使用者 ,是設計師的任務。用設計語言與手法來教導 使用者 如何使用,將最小價值產品(MVPs)給其使用,並進行測試、訪談,最終設計出最佳解決方案。設計師絕不僅僅是設計漂亮的產品而已,也包含怎麼讓使用者有好的體驗,特別是發生錯誤的時候。我們不應該讓 使用者 自行了解技術或科技,而是讓技術或科技懂他們。 - [使用 sketch 改善網頁前端與設計的標註與合作方式](https://designtongue.me/%e4%bd%bf%e7%94%a8-sketch-%e6%94%b9%e5%96%84%e7%b6%b2%e9%a0%81%e5%89%8d%e7%ab%af%e8%88%87%e8%a8%ad%e8%a8%88%e7%9a%84%e6%a8%99%e8%a8%bb%e8%88%87%e5%90%88%e4%bd%9c%e6%96%b9%e5%bc%8f/): 本篇文章主要是以開發人員的角度切入,介紹團隊開發產品時,所常遇到的總總問題與痛點(UI 設計 的標註、協作、溝通 ...),並透過不同軟體間的搭配來改善開發流程所遇到的痛點,這些 UI 設計 工具包含 sketch, Zeplin, inVision,文章中會針對這些軟體做進一步的介紹,讓我們一起來看看吧! - [我們都應該了解的 無障礙網頁 概念](https://designtongue.me/website-accessibility/): 根據 W3C 對於 無障礙網頁 的敘述,... - [設計師 愛用的社群、部落格 結果大公開](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab-%e6%84%9b%e7%94%a8%e7%9a%84%e7%a4%be%e7%be%a4%e3%80%81%e9%83%a8%e8%90%bd%e6%a0%bc%e5%a4%a7%e8%aa%bf%e6%9f%a5/): 平時,大舌頭就相當關心台灣設計產業的發展,也對 設計師 的相關訊息有興趣,因而產生了這個調查計畫。未來會設定較特定或有趣的主題調查,並在粉絲團上發佈此消息,期待各位粉絲能助一臂之力,一起建構這些資料。而這次的主題是想要了解設計師在個人能力展現(作品集製作)與網路影響力(社群與部落格經營)的相關議題。 - [助你衝高下載量的七大 app 設計 思維!](https://designtongue.me/7-tips-to-create-awesome-mobile-app-designs/): 進行 app 設計 ,有許多要考量的要素,如:較小的螢幕、更短的專注時間(對使用者)等。在理想的狀態下,我們當然希望設計出讓新用戶能輕易操作的介面,並減少無趣或挫折的體驗。那如何打造完美的 app 呢?我們將在文章內提供7點 app 設計 建議,讓你學習如何用正確的觀念與方法,來設計移動裝置介面。 - [設計師 精實創業 談 - 天下武功,唯快不破](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%b2%be%e5%af%a6%e5%89%b5%e6%a5%ad%e8%ab%87-%e5%a4%a9%e4%b8%8b%e6%ad%a6%e5%8a%9f-%e5%94%af%e5%bf%ab%e4%b8%8d%e7%a0%b4/): Jimi 是塞席爾商快到爆股份有限公司的共同創辦人之一,對他的第一印象就是 Work Hard & Play Hard,搞交通工具設計、玩音樂、幫 MLB 設計護具等。為了讓讀者更深入地瞭解 Jimi 與快到爆團隊,這次大舌頭很榮幸訪問到 Jimi,讓我們一起來聽聽 “快到爆” 他們對於 精實創業 的看法吧! - [開發網站不可不知:2015~16年的 網頁設計趨勢](https://designtongue.me/web-design-trends-you-must-know-for-2015-2016/): 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同,相當有趣並值得探討。舉個最近流行的趨勢吧!我們可以看到 RWD 越來越流行,許多網站皆改為此方式來設計,除了對移動裝置用戶更友善外,甚至也影響 Google 的搜尋。接著,就讓我們一起回顧今年的網頁設計風潮,與展望明年可能會流行的趨勢囉。 - [別讓這三個常見的 UX 錯誤 壞了你的好設計](https://designtongue.me/3-common-ux-mistakes-killing-good-design/): 身處於科技業的設計師是無法一人扮演產品開發中的所有角色。可是顧客與相關權益人又常對設計流程產生誤解,他們也許不知道後端的程式開發與 UX 設計是不同的學門,甚至認為設計師應該要解決所有網站開發的問題。我們收集了一些大家較常犯的 UX 錯誤 (使用者體驗上),並提供一些方針來避免。 - [微互動 將是2016年 APP 的設計新趨勢](https://designtongue.me/mobile-design-trends-2016-magical-micro-interactions-designmodo/): 也許你已經對如何創造一個很棒的 app、傳遞觸動人心的故事以及提供驚艷的視覺設計很有經驗。但市場競爭日趨激烈,有這樣條件的 app 可能還是無法鶴立雞群,還需要更多能連結使用者感受的元素。那就是我們今天要談的主題 - 微互動(micro-interactions)的設計,以及告訴大家為什麼越來越多人重視它。 - [除了 UI UX,還有哪種 設計師?讓科技業大佬告訴你](https://designtongue.me/%e9%99%a4%e4%ba%86ui_ux_%e9%82%84%e6%9c%89%e5%93%aa%e7%a8%ae%e8%a8%ad%e8%a8%88%e5%b8%ab/): 不同產業需要不同專長的 設計師 ,例如,工業設計(汽車、傢俱)、印刷設計(雜誌及其它出刊品)到科技領域(網頁、手機應用程式)等。近年來,由於科技公司興起投入開發與介面相關設計的潮流,許多新的設計職稱也應運而生,像是使用者體驗(UX)設計師或使用者介面(UI) 設計師 等職位 ... - [2016 IxD Awards 決賽名單 - 跨越軟硬體的服務設計](https://designtongue.me/2016-ixd-awards-%e6%b1%ba%e8%b3%bd%e5%90%8d%e5%96%ae-%e8%b7%a8%e8%b6%8a%e8%bb%9f%e7%a1%ac%e9%ab%94%e7%9a%84%e6%9c%8d%e5%8b%99%e8%a8%ad%e8%a8%88/): 2016 IxD Awards 決賽名單於 11/29 公布了,獎項共分為 "連結 (Connecting)"、"創新 (Disrupting)"、"協助 (Empowering)"、"專注 (Engaging)"、"表達 (Expressing)" 與 "最佳化 (Optimizing)" 六個類別。 - [After Effect 轉 svg 動畫 - 神奇的 bodymovin 插件](https://designtongue.me/effect-%e8%bd%89-svg-%e5%8b%95%e7%95%ab-%e7%a5%9e%e5%a5%87%e7%9a%84bodymovin%e6%8f%92%e4%bb%b6/): 最近發現了一個叫做 bodymovin 的 After Effect 插件能直接將動畫轉成 svg,實在是非常方便。過往如要製作 svg 動畫 通常會由設計師用 AI 之類的軟體製作 svg 圖樣,再交由前端處理動畫,不過處理 svg 動畫 需要面對眾多座標數值,處理起來相當費時,設計師與前端之間需花更多時間溝通。以下介紹 bodymovin 插件。 - [卡片式設計大未來 Part2](https://designtongue.me/%e5%8d%a1%e7%89%87%e5%bc%8f%e8%a8%ad%e8%a8%88%e5%a4%a7%e6%9c%aa%e4%be%86part2/): 編按:卡片式設計 有哪些精采案例?Material Design 目前有哪些應用?在未來,可應用的設計範疇除了網頁以外,還可延伸至哪些領域?當你開始進行 卡片式設計 ,你得設法在小小的螢幕內放進各種元素。應用合適的顏色、風格、間距,讓一切看起來很和諧 ... - [卡片式設計 大未來 Part1](https://designtongue.me/%e5%8d%a1%e7%89%87%e5%bc%8f%e8%a8%ad%e8%a8%88%e5%a4%a7%e6%9c%aa%e4%be%86part1/): 在這篇文章裡,我們將討論在網頁 UI 設計師的心目中,卡片式設計的意涵是什麼、優缺點、最佳實務,以及未來 卡片式設計 將如何演進,同時我們在文中也推薦一些網路上的資源給大家。優秀的卡片式設計無非是確切地去實踐最根本的設計原則。請記得,每張卡片的介面功能與其設計是同等重要的。 - [Sketch Plugin - Zeplin vs. Sympli](https://designtongue.me/sketch-plugin-zeplin-vs-sympli/): 本篇文章轉載自 Sketch Plugin - Zeplin vs. Sympli 。還在選擇 UI 標註軟體嗎?PM、設計師、工程師之間如何協作?Zeplin? Sympli? 這篇文章主要是介紹 UI 標註與協作工具  Zeplin vs. Sympli 。想知道這兩套的差異?優劣勢各在哪?這篇就是了! - [用設計替地球發聲,香港新銳設計團隊 KACAMA](https://designtongue.me/%e7%94%a8%e8%a8%ad%e8%a8%88%e6%9b%bf%e5%9c%b0%e7%90%83%e7%99%bc%e8%81%b2_%e9%a6%99%e6%b8%af%e6%96%b0%e9%8a%b3%e8%a8%ad%e8%a8%88%e5%9c%98%e9%9a%8a_kacama/): 在他們的作品中,我們可以看到能傳達理念與企圖改變眾人思維,並兼顧解決問題的結合創作。對於習慣消費性產品的大眾們,香港新銳設計團隊 KACAMA 的設計相當獨到,更顯得珍貴。這次大舌頭很高興能訪談那麼優秀與努力的設計團隊給讀者們,訪談內容有他們如何成立,以及作品的創作理念與過程! - [我在介面設計領域學習的過程](https://designtongue.me/%e6%88%91%e5%9c%a8%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e9%a0%98%e5%9f%9f%e5%ad%b8%e7%bf%92%e7%9a%84%e9%81%8e%e7%a8%8b/): 本篇文章轉載自 介面設計 的兩三事,作者是 Water Chen。文章中提及了作者在介面(UI)學習的心得點滴,分享給正在這領域中摸索的設計師們!從2013年6月大學畢業至今,工作時間也累積了兩年又三個月。一年三個月的時間在 ASUS 接觸了車用、電視的介面;六個月的時間在阿里巴巴,專注於天貓 APP ... - [iOS 轉 Android 的 APP 設計指南](https://designtongue.me/ios-%e8%bd%89-android-%e7%9a%84-app%e8%a8%ad%e8%a8%88-%e6%8c%87%e5%8d%97/): Apple 與 Google 在移動裝置上的體驗完全不同,各有擁護的粉絲。就設計師的職責而言,必須深度了解不同系統的 UI 設計規範與使用者體驗(UX)差異,才能設計好的 APP。也因此,設計師 Min Song 提供 iOS 轉 Android 的 APP 設計上手指南。 - [UI 設計師 學習程式 語言經驗談(二)](https://designtongue.me/ui%e8%a8%ad%e8%a8%88%e5%b8%ab-%e5%ad%b8%e7%bf%92%e7%a8%8b%e5%bc%8f-%e7%b6%93%e9%a9%97%e8%ab%87-b/): 學會基礎的 HTML/CSS 後,很重要的幾件事就是:1. CSS hack 2. CSS 優化與維護性(SASS/css sprite)3. CSS Framework 4. 版本控制(git)。不論 學習程式 的結果如何,你與 RD 間的溝通可更順暢,因為你試著使用 RD 的思考角度去看待你們之間的爭執點。 - [如何在 Hackathon 中快速設計出 Capso App](https://designtongue.me/%e5%a6%82%e4%bd%95%e5%9c%a8-hackathon-%e4%b8%ad%e5%bf%ab%e9%80%9f%e8%a8%ad%e8%a8%88%e5%87%ba-capso-app/): Capso 雛形於台灣黑客松期間製作出來。三個月過後,Capso Team 持續開發並加了更多功能上架至 App Store。這篇文章由團隊成員 Jeremy Lin 及 Vic Li 提供經驗分享,暢談如何在短短不到兩天的 Hackathon 中快速制訂配色與造型設計,進而交給工程師開發出 Prototype - [如何成為好的 UX 領導者(UX Leader)](https://designtongue.me/%e5%a6%82%e4%bd%95%e6%88%90%e7%82%ba%e5%a5%bd%e7%9a%84-ux-%e9%a0%98%e5%b0%8e%e8%80%85/): 無論各位 UX 設計師處的環境或擔任的職位為何?作業方式是團隊或單兵作戰?其實都該不斷的提升自己的水平。而眾能力中,領導統御能力對組織、 UX 團隊 、任務與個人尤其重要,它通常扮演著事情能不能成功的要素之一。本篇內容精彩, UX 領導者 一定必看。本文編譯自 How To Become A UX Leader - [超級瑪莉3D世界的起承轉合 - 林田耕一的設計哲學](https://designtongue.me/%e8%b6%85%e7%b4%9a%e7%91%aa%e8%8e%893d%e4%b8%96%e7%95%8c%e7%9a%84%e8%b5%b7%e6%89%bf%e8%bd%89%e5%90%88-%e6%9e%97%e7%94%b0%e8%80%95%e4%b8%80%e7%9a%84%e8%a8%ad%e8%a8%88%e5%93%b2%e5%ad%b8/): 遊戲設計, UI, UX, 產品設計, 超級瑪莉, 林田耕一, 超級瑪莉3D世界的起承轉合 - 林田耕一的設計哲學 - [萌奇筆初體驗,看我怎麼捕捉世界的顏色](https://designtongue.me/%e8%90%8c%e5%a5%87%e7%ad%86%e5%88%9d%e9%ab%94%e9%a9%97%ef%bc%8c%e7%9c%8b%e6%88%91%e6%80%8e%e9%ba%bc%e6%8d%95%e6%8d%89%e4%b8%96%e7%95%8c%e7%9a%84%e9%a1%8f%e8%89%b2/): 萌奇筆 是全球第一款兒童吸色的觸控筆。它能藉由儀器來捕捉物體的代表色,並在專屬的 app 中帶入該色並進行繪畫。顏色的認知與應用並非孩子天生的能力,須透過學習與嘗試來了解。透過科技的協助,將會是孩子認識顏色非常好的啟蒙方式之一,同時也能強化親子的互動,加深彼此的感情。 - [Gogoro X 設計大舌頭 – 看 app 如何改善機車的使用經驗](https://designtongue.me/gogoro-x-%e8%a8%ad%e8%a8%88%e5%a4%a7%e8%88%8c%e9%a0%ad-%e7%9c%8b-app-%e5%a6%82%e4%bd%95%e6%94%b9%e5%96%84%e6%a9%9f%e8%bb%8a%e7%9a%84%e4%bd%bf%e7%94%a8%e7%b6%93%e9%a9%97/): 隨著 Gogoro 城市新探 BETA PROGRAM 的結束,在熱血過後,還剩下什麼呢?沒錯,就是體驗!不知道各位對於上篇大舌頭介紹的騎乘經驗是不是已有些初步認識了呢?而這篇將針對 Gogoro app 的體驗與延伸應用做個簡單介紹,讓大家可以更瞭解 Gogoro app 的 UI 互動性與未來發展的可能性。 - [如何讓介面中的動畫設計較容易被實現?](https://designtongue.me/animation-design-to-production/): 如何讓 介面中的動畫設計 較容易被實現?一般而言設計師交接給工程師製作時,除了輸出的圖檔之外還會有一份設計文件,用來交代畫面上的間距、文字、顏色等等資訊,有很多文章都在講解如何寫一份好的設計文件,例如這一篇。隨者設計發展,動畫的重要性也逐漸受到重視 ...... - [保護智慧財產不求人,介面設計師三分鐘看懂 設計專利](https://designtongue.me/%e4%bf%9d%e8%ad%b7%e6%99%ba%e8%b2%a1%e4%b8%8d%e6%b1%82%e4%ba%ba%ef%bc%8c%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%b8%ab%e4%b8%89%e5%88%86%e9%90%98%e7%9c%8b%e6%87%82%e8%a8%ad%e8%a8%88%e5%b0%88%e5%88%a9/): 設計師所創造出來的設計價值,已跳脫增加產品銷售、改善生活、帶來更好的 UX 等傳統效益。所以設計師在知識領域的增進,需跨出單純"做設計"的小框框;同時也應多關注新聞動態,了解專利對產業的影響。甚至在設計前透過設計專利檢索,來降低未來產品推出被訴侵權或迴避的機會,也許還能由 設計專利 的檢索中得到設計靈感! - [Gogoro X 設計大舌頭 - 當未來機車進入生活體驗時](https://designtongue.me/gogoro-x-%e8%a8%ad%e8%a8%88%e5%a4%a7%e8%88%8c%e9%a0%ad-%e7%95%b6%e6%9c%aa%e4%be%86%e6%a9%9f%e8%bb%8a%e9%80%b2%e5%85%a5%e7%94%9f%e6%b4%bb%e9%ab%94%e9%a9%97%e6%99%82/): 設計大舌頭入選了 gogoro 舉辦的城市新探 BETA PROGRAM pilot 選拔活動,所以有1000小時的體驗期。大舌頭也沒忘了粉絲們,決定把騎乘過程分享給大家!有鑒於已有相當多針對性能、造型、大數據與商業模式的分享,本篇將著重於人與機車互動的 ”體驗” 過程。出發吧 - gogoro X 設計大舌頭 - [打造軟體好體驗,需要 UX 設計師的5大能力!](https://designtongue.me/%e6%89%93%e9%80%a0%e8%bb%9f%e9%ab%94%e5%a5%bd%e9%ab%94%e9%a9%97%ef%bc%8c%e9%9c%80%e8%a6%81ux%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%9a%845%e5%a4%a7%e8%83%bd%e5%8a%9b/): UX 設計師也成為近年來成長快速與火熱的職業之一。依小編的觀察,大多公司的 UX 設計師職缺所描述的工作內容皆為過去 UI 設計師所負責的。這代表大多數的公司僅了解 UX 的重要性,卻不知 UX 的方法、工具與流程,以及 UX 設計師應具備何種能力。而本文,將介紹大家 UX 設計師的5大能力 ... - [查詢 3+2 郵遞區號 有那麼難嗎?](https://designtongue.me/%e6%9f%a5%e8%a9%a2-32-%e9%83%b5%e9%81%9e%e5%8d%80%e8%99%9f-%e6%9c%89%e9%82%a3%e9%ba%bc%e9%9b%a3%e5%97%8e%ef%bc%9f/): 查詢 3+2 郵遞區號 有那麼難嗎?筆者昨天在網上看了 TEDxNTUST上的影片,其中一位講者 Mosky 的演講內容提到他發起的自由軟體 project - ZIP Code tw,它是一個自動帶出郵遞區號的輸入方式,由於實在太好用了,所以特別介紹給大舌頭的讀者~ - [我用 Sketch 設計 Android app 的工作流程](https://designtongue.me/%e6%88%91%e7%94%a8-sketch-%e8%a8%ad%e8%a8%88-android-app-%e7%9a%84%e5%b7%a5%e4%bd%9c%e6%b5%81%e7%a8%8b/): 我用 Sketch 設計 Android app 的工作流程,剛接觸的人可以找來看看。其實如果會用 Photoshop 和 illustrator,要上手 Sketch 並不難,只是要改掉一直想按 V 鍵切換成選取工具的習慣而已。新版的 Sketch 已經內建了 Material Design 的樣版。 - [「十年磨一劍」騰訊的 用戶體驗 發展](https://designtongue.me/%e5%8d%81%e5%b9%b4%e7%a3%a8%e4%b8%80%e5%8a%8d-%e9%a8%b0%e8%a8%8a-%e7%9a%84-%e7%94%a8%e6%88%b6%e9%ab%94%e9%a9%97-%e7%99%bc%e5%b1%95/): 悠識 舉辦的 MIX2015 論壇,請到 騰訊 第一位專職 交互設計師:陳妍,分享騰訊的 用戶體驗 發展,讓我們了解如同騰訊等級的大公司,體驗設計 是怎樣被執行。相較於中國另外兩大巨頭公司的主要盈利模式,百度靠廣告、阿里靠電商服務,騰訊產品導入 用戶體驗 至今已十年,因此講者以「十年磨一劍」作為此次分享主軸。 - [UI 設計師 學習程式 語言經驗談(一)](https://designtongue.me/ui%e8%a8%ad%e8%a8%88%e5%b8%ab-%e5%ad%b8%e7%bf%92%e7%a8%8b%e5%bc%8f-%e7%b6%93%e9%a9%97%e8%ab%87-a/): 由標題就可以看出,這篇是一則從不會寫 code 到能寫出稍微像樣的網頁勵志文(誤~)。 因為想與開發團隊溝通順暢,所以開始接觸前端語言(HTML 與 CSS),沒想到因此掉入了一連串的無底深淵~我們都知道在 學習程式 前,首要準備好教材。筆者綜合同事們的意見,找到了一本基礎的翻譯書籍...... - [評價社群趕走業配文 --- ratedom app](https://designtongue.me/%e8%a9%95%e5%83%b9%e7%a4%be%e7%be%a4%e8%b6%95%e8%b5%b0%e6%a5%ad%e9%85%8d%e6%96%87-ratedom-app/): 設計大舌頭的小編們,最近試著設計一款新形態的評價社群,希望能夠把誕生想法到上線的過程分享給大家。 簡單來說,我們想要打造一個全新的評價社群,透過簡單的操作讓使用者快速分享給朋友。 目前將這個平台名稱暫定為 ratedom ,若有興趣的人可以透過[這個管道來申請 beta版,成為 ratedom 首批使用者喔! - [不會寫程式的設計師如何驗證自己的概念呢?](https://designtongue.me/%e4%b8%8d%e6%9c%83%e5%af%ab%e7%a8%8b%e5%bc%8f%e7%9a%84%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%a6%82%e4%bd%95%e9%a9%97%e8%ad%89%e8%87%aa%e5%b7%b1%e7%9a%84%e6%a6%82%e5%bf%b5%e5%91%a2%ef%bc%9f/): 最近 精實創業 的風潮席捲全球,尤其是資訊業,因為相較於其他產業,資訊業的創業資本門檻較低,初期大概僅需要花費自己的時間與硬體費用(筆電等)。但我不會寫程式怎麼辦?有一個不錯的方法:" fake door( 假門 ) ",意指用 " 假產品 " 來測試市場對這產品(概念)是否有興趣,使用者族群有多少。 - [掌握第一手蘋果 設計專利 資訊](https://designtongue.me/%e6%8e%8c%e6%8f%a1%e7%ac%ac%e4%b8%80%e6%89%8b%e8%98%8b%e6%9e%9c%e8%a8%ad%e8%a8%88%e5%b0%88%e5%88%a9%e8%b3%87%e8%a8%8a/): 讀者們想要閱讀 設計專利 資訊與動態的可能原因很多,例如想從中看出企業可能推出的產品及技術、新產品的外觀或界面設計、做競爭對手調研或單純的求知慾等。本篇要介紹一個專利檢索的平台 - 專利雲,並教導大家怎麼進行初階的專利檢索與關注企業的最新 設計專利 ( 如:蘋果、小米、Google 或 Sony )。 - [了解使用者體驗 (UX) 的第一堂課](https://designtongue.me/%e4%ba%86%e8%a7%a3%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97-ux-%e7%9a%84%e7%ac%ac%e4%b8%80%e5%a0%82%e8%aa%b2/): 軟體界,好的使用者體驗(user experience)所帶來的效益已被廣泛認同;同時在開發流程中,UX 研究所佔的角色也越來越重要。其實 了解使用者體驗 並非設計師的專利,它更需要的是跨領域的人才,並整合各領域的知識、工具與經驗!以上的內容,僅僅只是使用者體驗的初階知識 ... - [2015 動畫效果會是介面設計的趨勢嗎?](https://designtongue.me/2015-%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c%e6%9c%83%e6%98%af%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e7%9a%84%e8%b6%a8%e5%8b%a2%e5%97%8e%ef%bc%9f/): 動畫效果 對使用者而言,是帶來獨特體驗的重要手法之一。所以我們除了關心使用者體驗、視覺設計與功能之外,也要開始注重它。2015 年的動畫效果主要有兩大趨勢,其中之一是將有更多改善傳統介面與流程的動畫工具出現,另外就是瀏覽器或裝置上的效能提升。 - [老闆不要再打槍!把網站設計成這樣是有道理的](https://designtongue.me/%e8%80%81%e9%97%86%e4%b8%8d%e8%a6%81%e5%86%8d%e6%89%93%e6%a7%8d%e6%8a%8a%e7%b6%b2%e7%ab%99%e8%a8%ad%e8%a8%88%e6%88%90%e9%80%99%e6%a8%a3%e6%98%af%e6%9c%89%e9%81%93%e7%90%86%e7%9a%84/): 每當熬夜過後的 網站設計 提案,總是最怕被老闆或業主無情的打槍了!打槍的理由有道理就算了,若面對會讓你暗自翻白眼的主觀控述,你會怎麼看待?會吵一頓架?還是默默的將苦吞肚呢? 其實我們應該換個角度想,既然接受了這個案件或任務,就應主動扮演起「說服者」與「協調者」的角色,以專業的態度負起「溝通」的責任。 - [由手機軟硬體發展探討使用者習慣](https://designtongue.me/%e7%94%b1%e6%89%8b%e6%a9%9f%e8%bb%9f%e7%a1%ac%e9%ab%94%e7%99%bc%e5%b1%95%e6%8e%a2%e8%a8%8e%e4%bd%bf%e7%94%a8%e8%80%85%e7%bf%92%e6%85%a3/): 硬體、軟體、人、環境四個因素都是動態的且持續互相影響的。科技的發達已經大大改變了我們的環境與生活,軟體的發展讓過去硬體為主的供應鏈產生了莫大的衝擊,然而市場趨勢與需求主導了硬體的發展。人可能會因為科技的發展而改變生活型態、使用行為,也可能因為人的行為驅動軟硬體發展,兩者之間互相影響著,很奇妙又有趣。 - [Google 告訴你 : 網路廣告 怎麼放效益最高 !](https://designtongue.me/google-%e5%91%8a%e8%a8%b4%e4%bd%a0-%e7%b6%b2%e8%b7%af%e5%bb%a3%e5%91%8a%e6%80%8e%e9%ba%bc%e6%94%be%e6%95%88%e7%9b%8a%e6%9c%80%e9%ab%98/): 每個投放 網路廣告 的業主,最重視的就是... - [你更新了嗎?現在 Line 可以打字貼圖了~](https://designtongue.me/%e4%bd%a0%e6%9b%b4%e6%96%b0%e4%ba%86%e5%97%8e%ef%bc%9f%e7%8f%be%e5%9c%a8-line-%e5%8f%af%e4%bb%a5%e6%89%93%e5%ad%97%e8%b2%bc%e5%9c%96%e4%ba%86%ef%bd%9e/): 現在 Line 可以 打字貼圖 了~貼圖在聊天過程中極為重要,因為貼圖的表情、動作可以適度表達一些情感,讓彼此在聊天的過程中,多添加了一點情緒的成分(它的比重大於文字),因此如何讓使用者可以快速找到合適的貼圖就變得很重要。 以前 msn 的時代,貼圖可以設快捷鍵或文字,當你打了那個字或詞,字就會轉換成圖 ... - [如何增加連結的 點擊率 呢?](https://designtongue.me/%e5%a6%82%e4%bd%95%e5%a2%9e%e5%8a%a0%e9%80%a3%e7%b5%90%e7%9a%84%e9%bb%9e%e6%93%8a%e7%8e%87%e5%91%a2%ef%bc%9f/): 增加 點擊率 的方式?連結區塊之所以更容易點擊原因主要是連結區塊(link block)的點擊目標面積大於文字連結(link)與按鈕(button),使用者不需要精準的指向目標即可達到點擊的目的。 - [3 種過氣的 UX patterns](https://designtongue.me/3-%e7%a8%ae%e9%81%8e%e6%b0%a3%e7%9a%84-ux-patterns/): 以下文章將著重於三個 2014 年十分常見的 UX pattern,這些 pattern 在設計過程中,設計師可能想都不用想就直接使用,也許我們需要思考一下!這三個 UX pattern 分別是:1. Large Background Images 2. Text as Images 3. Mega Menus - [電子商務網站介面 設計寶典 (三)](https://designtongue.me/%e9%9b%bb%e5%ad%90%e5%95%86%e5%8b%99%e7%b6%b2%e7%ab%99%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%af%b6%e5%85%b8-%e4%b8%89/): 電子商務網站介面 設計寶典第三集報到!! 我相信前兩集的內容若能融會貫通,在武林界已非泛泛之輩!但第三集有更多密技可以提升內力,讓你功力更上一層樓!! 馬上閱讀~31.好的視覺階層,閱讀壓力少一半設定好的視覺階層(visual hierarchy),可以幫助使用者辨識介面上資訊的重要程度。視覺階層要怎麼呈現呢? - [電子商務網站介面 設計寶典 (二)](https://designtongue.me/%e9%9b%bb%e5%ad%90%e5%95%86%e5%8b%99%e7%b6%b2%e7%ab%99%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%af%b6%e5%85%b8-%e4%ba%8c/): 電子商務網站介面設計寶典(一)續集終於來了!!第二集帶來更多"小撇步",讓你在設計電商平台時無往不利。21.在元素變化時增加動態效果,取代唐突的出現介面上的元素為了符合使用者的使用情境與方式,它們有時會出現顯示、隱藏、移動或轉移等變化,其目的最主要就是協助使用者理解介面的互動方式。 - [電子商務網站介面 設計寶典 (一)](https://designtongue.me/%e9%9b%bb%e5%ad%90%e5%95%86%e5%8b%99%e7%b6%b2%e7%ab%99%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%af%b6%e5%85%b8-%e4%b8%80/): 電子商務平台經營成功的要素,除了要有好的商業模式外,介面設計也相當重要。優異的使用者介面需有高度的網站轉換率(conversion rate) 且好用易上手。設計大舌頭將會陸續翻譯這些專業的 電子商務網站介面 指南( 本篇為前 20 項 ),提供大家做參考,請持續追蹤我們喔! - [6個小技巧,讓使用者體驗馬上好!](https://designtongue.me/6%e5%80%8b%e5%b0%8f%e6%8a%80%e5%b7%a7%ef%bc%8c%e8%ae%93%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e9%a6%ac%e4%b8%8a%e5%a5%bd/): 使用者體驗這個名詞已經被說爛了,大家應該都知道它有多重要!但你真的知道怎麼應用在你的網站或 app 上嗎?今天提供 6 個小技巧, 讓使用者體驗馬上好 - [別鬧了,你還在用這8個過時的元素和工具設計網站嗎?](https://designtongue.me/%e5%88%a5%e9%ac%a7%e4%ba%86%ef%bc%8c%e4%bd%a0%e9%82%84%e5%9c%a8%e7%94%a8%e9%80%998%e5%80%8b%e9%81%8e%e6%99%82%e7%9a%84%e5%85%83%e7%b4%a0%e5%92%8c%e5%b7%a5%e5%85%b7%e8%a8%ad%e8%a8%88%e7%b6%b2%e7%ab%99/): 現今人們使用網路的"行為"與"設備"跟過去有相當大的不同,造成網頁設計的技術不斷的演進,設計的概念與手法也因應調整。過去相當流行的技術與設計元素,有些已經被淘汰了或正在凋零。今天介紹的這8大過時的網頁設計元素,我認為會逐漸的消失,但不管怎麼樣,能讓使用者體驗越來越好是最重要的事情。 - [19 個常見的 UX Q&A](https://designtongue.me/19-%e5%80%8b%e5%b8%b8%e8%a6%8b%e7%9a%84-ux-qa/): 在 19 common UX problems and how to fix them 一文中,將討論一些目前在熱門網頁或應用中常見的欄位設計模式與細節。01. 使用者可以輕易的檢舉或回報網頁內容由於社群的內容大多是由網友所提供的,其中勢必會出現一些不當的內容,而社群平台就需要提供讓使用者回報的功能,維持社群平 - [製作 404錯誤頁面 的小撇步](https://designtongue.me/%e8%a3%bd%e4%bd%9c404%e9%8c%af%e8%aa%a4%e9%a0%81%e9%9d%a2%e7%9a%84%e5%b0%8f%e6%92%87%e6%ad%a5/): 網站內容的經營面來說,花精力來設計 404 錯誤頁面 ,絕對是好的策略。 通常 404 錯誤頁面 的出現,代表可能是使用者輸入錯的網址,或者是您搬移或刪除了這個頁面的內容。對您來說,絕對不會希望使用者已經如此接近您而且想跟您互動,卻因為無法給予正確的導引(至正常的網頁)而放棄吧!? - [了解使用者需求的利器 - 同理心地圖 (What Is an Empathy Map?)](https://designtongue.me/%e4%ba%86%e8%a7%a3%e4%bd%bf%e7%94%a8%e8%80%85%e9%9c%80%e6%b1%82%e7%9a%84%e5%88%a9%e5%99%a8-%e5%90%8c%e6%83%85%e5%bf%83%e5%9c%b0%e5%9c%96/): 同理心地圖 是一個幫助團隊深度了解顧客並從中得到見解的工具。它的功能有點像是人物誌(persona),可針對特定族群使用者來描述。 同理心地圖 是由 Dave Gray 所創造,且迅速的在各種需要快速開發的團隊中流行。基本上 同理心地圖 包含六大區塊,分別描述目標族群的各種感受 ... - [20 個超強導航列 (Navigation) 設計](https://designtongue.me/20-%e5%80%8b%e8%b6%85%e5%bc%b7%e5%b0%8e%e8%88%aa%e5%88%97-navigation-%e8%a8%ad%e8%a8%88/): 網站中的導航列 (navigation) 設計相當重要,因為它可能影響到網站是否能成功。主要的原因在於,使用者會透過導航列來找尋他們想要得到的資訊,換句話說,導航列的架構設計其實就代表著網站對使用者友善的程度。所以在設計與開發網站時,導航列的架構、視覺與互動設計極需深思熟慮。 - [使用者經驗由生活細節做起(下)](https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e7%b6%93%e9%a9%97%e7%94%b1%e7%94%9f%e6%b4%bb%e7%b4%b0%e7%af%80%e5%81%9a%e8%b5%b7%ef%bc%88%e4%b8%8b%ef%bc%89/): 延續上一篇使用者經驗由生活細節做起(上),今天繼續來聊聊日本 生活小細節 吧!PS: 剛好在 Facebook 上看到這段話:不懂生活,很難真的落實使用者體驗,而生活卻是需要由各類層面彙集。 - [使用者經驗由生活細節做起(上)](https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e7%b6%93%e9%a9%97%e7%94%b1%e7%94%9f%e6%b4%bb%e7%b4%b0%e7%af%80%e5%81%9a%e8%b5%b7%ef%bc%88%e4%b8%8a%ef%bc%89/): 最近到了日本慢遊,住進日本當地社區,與房東(日本人)相處了一陣子。就在這段期間裡,小編仔細觀察了日本人的生活、設計、態度等,許多點點滴滴地生活細節都讓我十分驚豔!因此今天就在設計大舌頭與你們分享吧!在看文章時,先看看這篇日本没有用户体验——从日本的生活品质看设计。 - [用設計改造企業,成為發展的戰略](https://designtongue.me/%e8%a8%ad%e8%a8%88-%e6%94%b9%e9%80%a0%e4%bc%81%e6%a5%ad-%e6%88%90%e7%82%ba%e7%99%bc%e5%b1%95%e7%9a%84-%e6%88%b0%e7%95%a5/): 設計( 設計策略 )能為企業帶來好處嗎?相信答案無庸置疑。但設計對企業來說有多重要?企業的認知就有非常大的差異了,例如認為設計是包裝產品的技能,讓產品賣相更好;設計可幫助企業建立品牌;設計是創新的來源;設計的思維是找出公司問題的思考方式等。簡單來說,設計可由能力、戰術與策略面來影響企業( 設計策略 )。 - [淺談 使用者研究 (上)- 從一個問題開始](https://designtongue.me/%e6%b7%ba%e8%ab%87%e4%bd%bf%e7%94%a8%e8%80%85%e7%a0%94%e7%a9%b6%ef%bc%88%e4%b8%8a%ef%bc%89-%e5%be%9e%e4%b8%80%e5%80%8b%e5%95%8f%e9%a1%8c%e9%96%8b%e5%a7%8b/): 今天,我們對於使用者研究這個詞並不陌生。當你在 Google 打上" 使用者研究 "的時候,你會看到五花八門的方法,與各式各樣相關的課程;甚至已經可以看到不少公司開出像是"使用者經驗研究員","使用者經驗工程師"等類似的相關職位。然而,當細究每個人對於使用者研究的觀點時,卻又發現這件事本身就很值得好好調查。 - [推薦 Medium 的 文字編輯器](https://designtongue.me/%e6%8e%a8%e8%96%a6-medium-%e7%9a%84-%e6%96%87%e5%ad%97%e7%b7%a8%e8%bc%af%e5%99%a8/): 筆者嘗試了幾個 Blog 平台(blogger, tumblr, logdown, Medium),所考慮的因素就是免費、版型多、不需架站;於是嘗試 blogger, tumblr,最後都放棄(設定太複雜,其中 tumblr 的編輯器極為難用),這才讓我堅決地將 “ 文字編輯器 是否好用” 設定為優先考慮因素。 - [Line 預覽貼圖有點小?](https://designtongue.me/line-%e9%a0%90%e8%a6%bd%e8%b2%bc%e5%9c%96%e6%9c%89%e9%bb%9e%e5%b0%8f%ef%bc%9f/): 不知道各位讀者在使用 Line 貼圖時,是否曾經覺得 Line 的 預覽貼圖 有點太小(以4寸螢幕的 iphone5 為例),有時傳出去後(變大一點)才發現貼圖所傳達的內容不是你所想表達的,但為時已晚,對方已讀... XD ,雖然沒什麼大礙,但總希望 Line 可以更好。 - [設計師必懂 (一) - Wireframe 與 Prototype 的不同](https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%bf%85%e6%87%82-wireframe-prototype-%e7%9a%84%e4%b8%8d%e5%90%8c/): 線框稿 (wireframe) 並不等同於原型 (prototype) ! 這兩個術語甚至連有經驗的設計師也常常搞錯。這兩者除了語意上的不同,實質面也具相當的差異,UXPin 的 CEO-Marcin Treder 為我們解釋 ... - [網路購物 - 信用卡篇](https://designtongue.me/%e7%b6%b2%e8%b7%af%e8%b3%bc%e7%89%a9-%e4%bf%a1%e7%94%a8%e5%8d%a1%e7%af%87/): 相信大家都有網購的經驗,確定訂單,填完地址,付款,等收貨。但在這些過程中,一直有個部分困惑著我,那就是 信用卡 付款的資料表單設計。整體看來似乎沒什麼問題(內心 OS:我用那麼久了,也很習慣了),但是你是否想過,如果...,可能會更好! - [電視節目表 + google calendar = ?](https://designtongue.me/%e9%9b%bb%e8%a6%96%e7%af%80%e7%9b%ae%e8%a1%a8-google-calendar-%ef%bc%9d/): 先來聊聊 電視節目表 好了,由以前刊登在報紙上,到現在的網頁版,看一看、比一比,沒什麼兩樣,編排、顯示方式大同小異,這到底是好還是壞?由於目前各電視公司的節目表大多電子化了,以下就讓大家先看一下幾家不同公司的節目表,再來討論好壞與前景。 - [使用者中心設計是什麼?](https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e4%b8%ad%e5%bf%83%e8%a8%ad%e8%a8%88%e6%98%af%e4%bb%80%e9%ba%bc/): 使用者中心設計 (UCD) 的概念與方法早已在設計界發展多年,開發流程導入 UCD 後,不僅可確保設計的高品質,另外也可讓團隊聚焦於使用者真正的需求,避免未來上市後不被市場接受的風險。UCD 看似能以低成本的方式解決企業開發新產品或服務面臨的問題,但這樣的觀念與方法卻不普及於現有企業的實務上 ...... - [為什麼我說 Facebook paper 很直覺](https://designtongue.me/%e7%82%ba%e4%bb%80%e9%ba%bc%e6%88%91%e8%aa%aa-facebook-paper-%e5%be%88%e7%9b%b4%e8%a6%ba/): 話說 Facebook paper app 已經 release 一陣子了,一直想寫相關的文章來介紹它,但一直不知道該怎麼去解釋 paper 真的很好用、很直覺,幾乎替代了 Facebook 原生 app 了。其實網路上大家對於 Facebook paper 的褒貶不一 ... - [貼心的 Vimeo 影音平台](https://designtongue.me/%e8%b2%bc%e5%bf%83%e7%9a%84-vimeo-%e5%bd%b1%e9%9f%b3%e5%b9%b3%e5%8f%b0/): 對我而言, Vimeo 影音平台 是我用來看一些國外動畫、廣告、概念宣傳的一個平台,影片的內容品質都有一定的水準之上。今天的重點主要在於 “同一頁面存在多部影片” 時, Vimeo 設計了細微的小巧思,增加了使用者在觀看影片時的體驗。 - [公車時刻表 app 的使用行為](https://designtongue.me/%e5%85%ac%e8%bb%8a%e6%99%82%e5%88%bb%e8%a1%a8-app-%e7%9a%84%e4%bd%bf%e7%94%a8%e8%a1%8c%e7%82%ba/): 前陣子在網路上很流行一份簡報一個校園公車 App 的 UX 小故事,內容淺顯易懂的說出什麼是使用者經驗,也可以看到這支 公車時刻表 app 在開發的過程中,經過設計思考,慢慢地釐清產品的真正價值與使用者的真實需求。內容提到了一個不錯的方式,用來思考產品的 insight ... - [迎接未來科技](https://designtongue.me/%e8%bf%8e%e6%8e%a5%e6%9c%aa%e4%be%86%e7%a7%91%e6%8a%80/): 看完了以上的介紹,也許你會覺得太誇張或是那科技根本不可能存在,但我們要思考的不是科技不科技,可能不可能,而是 ”它“ 會帶給人類什麼衝擊,造成什麼問題,或是改變了什麼生活方式。 未來科技 很發達,什麼都可能做的到,但人與科技之間的互動呢?是人類要去適應科技?還是科技要符合人性?值得深思。 - [使用者體驗的發展歷史](https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e7%9a%84%e7%99%bc%e5%b1%95%e6%ad%b7%e5%8f%b2/): 筆者將 使用者體驗的發展歷史 簡述為:在工業化為主的時代中,投機貪婪的資本惡徒從不顯露對”人”的關心,而科學家、教育家以及設計師進而挑戰他們,並發揚光大這個新的領域。除此之外,科技技術是一切的觀念也轉為以人性的觀點來應用科技與技術。 - [產品語意](https://designtongue.me/%e7%94%a2%e5%93%81%e8%aa%9e%e6%84%8f/): 產品設計中,造型簡潔似乎是最高原則,但適時加上一點小巧思的造型,對產品則是加分的。今天早上,上班經過了隔壁辦公室,發現門口多了一個可愛的門鈴。為何為了“她”寫一篇 Blog 呢?因為“她”令我想起了大學時代的回憶 --- 產品語意 (Product Semantics)。大家先看看“她”的真面目吧! - [TED - 線上演講新體驗](https://designtongue.me/ted-%e7%b7%9a%e4%b8%8a%e6%bc%94%e8%ac%9b%e6%96%b0%e9%ab%94%e9%a9%97/): 對知識飢渴、熱愛學習與喜歡聽故事的人,絕對耳聞,甚至是忠實觀眾! TED 大會邀請眾多在該領域具貢獻的講者分享關於技術、社會、人文、娛樂及設計等議題,並用”說故事”的方式傳遞給觀眾。主辦者為求這些故事能影響更多的人,推出來及翻譯等服務項目。 - [比特幣 之賭客心理](https://designtongue.me/%e6%af%94%e7%89%b9%e5%b9%a3%e4%b9%8b%e8%b3%ad%e5%ae%a2%e5%bf%83%e7%90%86/): 前陣子 比特幣 十分的熱,幣值一度衝過1:1000美金的行情,此時,就延伸出許多金融商品或是類似運用,其中以點擊廣告為多數,而 freebitco 不需要點擊廣告,每一小時送一次,如果你覺得送太少,可以將 freebitco 送你的比特幣進行槓桿,就猜大或小,你就可能會以小錢贏得大錢。 - [體驗地圖 與 使用者體驗旅程](https://designtongue.me/%e9%ab%94%e9%a9%97%e5%9c%b0%e5%9c%96-%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e6%97%85%e7%a8%8b/): 體驗地圖 是一項十分重要且可藉此了解產品與使用者間互動觀點的設計工具。基本上, 體驗地圖 是以圖像來表示產品能帶給使用者獨特體驗的過程,包含需求、需要、期待和其中過程中的所有體驗。作者為 Silvana Churruca,是一位專業的使用者體驗專家,有著視覺設計、藝術及互動等跨領域的背景。人稱 UX Lady。 - [支付寶登入之驗證碼](https://designtongue.me/%e6%94%af%e4%bb%98%e5%af%b6%e7%99%bb%e5%85%a5%e4%b9%8b%e9%a9%97%e8%ad%89%e7%a2%bc/): 輸入 驗證碼 這東西,現在已經是習以為常的東西了,但是你是否常常還是有使用挫折的感覺呢?究竟是什麼造成使用者的挫折感呢?大多是輸入錯誤 驗證碼 所造成的。但如果驗證碼太過清楚簡單,容易被有心人士利用(機器人代打),那有什麼方法可以取得平衡呢? - [連續劇集數安排](https://designtongue.me/%e9%80%a3%e7%ba%8c%e5%8a%87%e9%9b%86%e6%95%b8%e5%ae%89%e6%8e%92/): 最近觀察了一下幾個比較大型的影音平台,包含风行网、土豆网、优酷等平台,發現了一個還不錯的 影集 UI 小細節,在這跟大家分享。觀看電視劇時,情境大約分兩種: 更新中 & 已完結。 - [wireframe tool for apps](https://designtongue.me/wireframe-tool-for-apps/): 今天要介紹兩款 wireframe tool (POP 屬於 wireframe tool,而 flinto 屬於 prototype 工具),它們的功能都非常齊全、夠用,但使用的時間不太一樣。一款是台灣團隊研發的 POP — Prototyping on Paper,另一款則是 flinto。 - [紅米手機把玩心得](https://designtongue.me/%e7%b4%85%e7%b1%b3%e6%89%8b%e6%a9%9f%e6%8a%8a%e7%8e%a9%e5%bf%83%e5%be%97/): 使用完的第一個心得是:清楚、簡易。包含第一次使用時的導覽與分類,導覽功能對於沒接觸過 andorid 的使用者提供了使用邏輯與基本功能操作,而不用再查閱說明書。就整體而言,分為一般模式與老人模式。 - [koding.com -  login UI](https://designtongue.me/koding-com%e2%80%8a-%e2%80%8alogin-ui/): 這幾天 koding 很夯,因為一周要狂送 250TB ,所以筆者也就去註冊一下,就在 login 時,我注意到了登入欄的 placeholder 有著小小的用心,到底是什麼呢?先想想看,一般網頁使用 placeholder 時會遇到什麼問題? - [Lean UX - 運用敏捷式開發原則於使用者體驗設計上](https://designtongue.me/lean-ux-%e9%81%8b%e7%94%a8%e6%95%8f%e6%8d%b7%e5%bc%8f%e9%96%8b%e7%99%bc%e5%8e%9f%e5%89%87%e6%96%bc%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e8%a8%ad%e8%a8%88%e4%b8%8a/): Lean UX 的實作流程 建議設計師可多向成員展示概念想法,並收集團隊討論時的洞見。取代掉過去開發流程中,設計師獨自作業的情形,同時設計師應該要全面的整合團隊資訊以設計好的使用者體驗。Lean UX 流程與概念的導入,目的在於增加企業營收及成效而非消耗資源。 - [UX - 企業文化](https://designtongue.me/ux-%e4%bc%81%e6%a5%ad%e6%96%87%e5%8c%96/): 記得剛工作沒多久,朋友提出一個問題:“現今企業中做 UX research 與產品開發時做的 research,都有調查使用性、偏好...等等。這兩者之間有什麼不同?” - [風行網 --- tiny detail for nice experience](https://designtongue.me/%e9%a2%a8%e8%a1%8c%e7%b6%b2-tiny-detail-for-nice-experience/): 風行網的細節就在當你將畫面往下滾時,原本影片範圍 focus out,其右下角就會出現子畫面,這個體驗說實在的,真的滿棒的,比如你在看電影時,會看一下影片底下的一些評論,這子畫面可以讓你不會錯過好鏡頭 XD~ 或是提供了心理上的一種踏實感,而不僅僅只聽聲音。 --- # # 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/cart/ --- ### 結帳 - 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/my-account/ --- ### 維護中 ... - 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使用後的體驗心得 設計相關知識,如設計思考、使用者經驗、介面設計、工具或流程教學等 國外好文翻譯與筆者見解分享   聯絡方式 可於臉書... --- ### 關於我們 > 設計大舌頭 是一個長期關注使用者經驗相關的各項議題,包含使用者介面(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 的思維,歡迎大家加入這個討論園地。 未來,我們計畫推出實體、教育及推廣等活動,期待能與各界合作及與粉絲們見面。另外我們也關注新創產業,對各項創新的服務與產品相當感興趣,非常樂意以 ... --- ## 文章 ### 設計師必備!使用者行為熱圖的超強用法大公開 - 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。Nefli... --- ### 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 ” 這本書剛好就是懶惰加沒時間的大舌頭喜愛的,它集結了紅點與金點獎、青春設計節、A+ 創意季與放視大展中的優秀新銳作品,並將概念、設計發展過程與成果描述於書中。看完後,又喚起了大舌頭學生時代對設計的熱血精神與理想! 書上設計展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 ” 這本書剛好就是懶惰加沒時間的大舌頭喜愛的,它集結了紅點與金點獎、青春設計節、A+創意季與放視大展中的優秀新銳作品,並將概念、設計發展過程與成果描述於... --- ### 想換工作?視覺設計師轉職 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 的流程及感受,規劃了一場精彩訪談,而讀者們也能透過訪談內容得知科技公司內部是如何選擇原型工具,以及在設計過程中使用原型能帶來的效益。 (... --- ### UI 設計小技巧 - 電話號碼欄位 > UI 表單設計上有許多小細節,今天這篇 “UI 設計小技巧 - 電話號碼欄位” 就是透過提出一些不好的範例來刺激大家思考 “如何讓表單設計變得更好”?而 電話欄位 在表單設計上十分常見,但卻一直存在著一些操作問題,快來參考本篇所提出來的建議,體檢自家的平台是否犯了一樣的錯誤! - Published: 2016-11-06 - Modified: 2019-04-23 - URL: https://designtongue.me/ui%e8%a8%ad%e8%a8%88-%e5%b0%8f%e6%8a%80%e5%b7%a7-%e9%9b%bb%e8%a9%b1%e6%ac%84%e4%bd%8d/ - 分類: UI/UX, 教學文章 - 標籤: UI, user experience, user interface, UX, 元件, 表單, 電話欄位, 電話號碼 相信大家都有在介面中被要求填入電話號碼的經驗吧!是不是有時會發生格式難以理解而輸入易錯亂?亦或修改困難 ... 等體驗不佳的情境?此時可能還因無法順利完成簡單的任務而責怪自己!其實這些在設計上都能被優化,只要設計師與工程師能多點同理心,考量上更加周延,這些情況絕對能避免的。而在這篇文章中,大舌頭將與大家分享 "表單(form)UI " 中關於 " 電話欄位 " 的設計細節。 (閱讀全文... ) --- ### UX 6: Card Sorting & Navigation > 這篇文章主題為:Card Sorting(卡片分類法)與 Navigation(導航),內容承接之前所寫的文章,建議可以由第一篇開始閱讀,較能了解 UX 的全貌。UX Design Process & User Research, Competitive Analysis & Persona ... - Published: 2016-10-26 - Modified: 2019-04-25 - URL: https://designtongue.me/ux-card-sorting-navi/ - 分類: 教學文章, UI/UX, 心得分享 - 標籤: card sorting, UX, 使用者體驗, 卡片分類法, 導航 這篇文章主題為:Card Sorting(卡片分類法)與 Navigation(導航),內容承接之前所寫的文章,建議可以由第一篇開始閱讀,較能了解 UX 的全貌。 UX 1: UX Design Process & User Research UX 2: Competitive Analysis & Persona UX 3: Define Problem & Ideating UX 4: Feature Prioritization UX 5: Sketching &a... --- ### 設計師 學習 Framer 第三章:運用 Animation 讓原型更生動 > 在 " 設計師 學習 Framer 第二章:從 Sketch 到 Framer " 的最後,我們設計了一個簡單愛心狀按鈕的互動,大家一定都覺得僅是切換的效果,超級死板的對吧!接下來,我們將 學習 Framer 所提供的 Animation 功能,來讓我們的原型更有趣~ - Published: 2016-10-20 - Modified: 2019-04-23 - URL: https://designtongue.me/framer-js-part-03/ - 分類: 教學文章, UI/UX - 標籤: Framer, prototype, prototype tool, Sketch, UI, 互動, 原型, 高擬真原型 在 Part 2:設計師 學習 Framer 第二章:從 Sketch 到 Framer 的最後,我們設計了一個簡單愛心狀按鈕的互動,大家一定都覺得僅是切換的效果,超級死板的對吧!接下來,就讓我們運用 Framer 提供的 Animation 功能,來讓我們的原型更有趣~ (閱讀全文... ) --- ### 設計師 學習 Framer 第二章:從 Sketch 到 Framer > Sketch 是近年來每個 UI UX 設計師必學軟體。因為直覺又精簡的操作,受到大家的喜愛。本篇教學,將著重在如何把 Sketch 裡面的檔案匯入到 Framer,所以還沒有接觸過 Sketch 的朋友可以先花點時間弄懂它。接下來,我們會 學習 Framer 匯入 Sketch 做出一款音樂播放器的介面原型。 - Published: 2016-10-17 - Modified: 2019-04-23 - URL: https://designtongue.me/framer-js-part-02/ - 分類: 教學文章, UI/UX - 標籤: coding, Framer, prototype, Sketch, 原型 Sketch 學習 Framer 系列來到第二章,本篇的教學,將著重在如何把 Sketch 裡面的檔案匯入到 Framer ,所以還沒有接觸過 Sketch 的朋友可以先花點時間弄懂它:)。 Sketch 是近年來每個 UI UX 設計師必學軟體之一,因為直覺又精簡的操作,受到大家的喜愛。   (閱讀全文... ) --- ### 設計師 學習 Framer 第一章:前言與觀念 > Framer 能實現高擬真度,且可運用 Coding 做出許多設計變化。不過也因為需要一些 Coding 的基礎知識,導致許多設計師不敢接觸,個人覺得有點可惜。所以在 "設計師 學習 Framer " 這系列裡,會從設計師的角度跟大家分享一些學習心得,然後盡可能的把 Coding 這部分降到最低,以利大家學習。 - Published: 2016-10-14 - Modified: 2019-04-23 - URL: https://designtongue.me/framer-js-part-01/ - 分類: 教學文章, UI/UX - 標籤: Framer, prototype, 原型, 設計工具, 高擬真 大約去年年中,我開始把 Framer 這套原型製作工具,導入 UI / UX 設計流程中。最主要是它能實現高擬真度,且可運用 Coding 做出許多設計變化(彈性大)。不過,也因為需要一些 Coding 的基礎知識,導致許多設計師不敢接觸,個人覺得有點可惜。所以在 " 設計師 學習 Framer " 這系列裡,我將會從設計師的角度跟大家分享一些學習心得,然後盡可能的把 Coding 這部分降到最低,以利大家學習。 (閱讀全文... ) --- ### 初探 Google 提出的設計敏捷方法(Design Sprint Method) > 設計敏捷方法 (Design Sprint Method)是由 Google 提出,且於內部實踐並受到歡迎。它的概念基礎來自於其他已經在產業界應用的方法,例如敏捷開發、設計思考與 gamestorming。這個方法試圖讓每個設計團隊都能輕易的導入,且能於2-5天內解決或測試設計的挑戰。 - Published: 2016-09-10 - Modified: 2019-04-23 - URL: https://designtongue.me/google-design-sprint-method/ - 分類: UI/UX, 教學文章 - 標籤: Design Sprint Method, Google, Sprint, Sprint Master, 設計敏捷方法, 設計方法, 設計流程 設計敏捷方法 (Design Sprint Method)是由 Google 提出,且於內部實踐並受到歡迎。它的概念基礎來自於其他已經在產業界應用的方法,例如敏捷開發(Agile)、設計思考(Design Thinking)與革新遊戲法(gamestorming)。這個方法試圖讓每個設計團隊都能輕易的導入,且能於 2~5 天內解決設計挑戰或測試設計原型。 本文介紹的內容整理於 Google 在 2015 年公開的電子工具書 - "Design Sprint Methods",這本書簡述這個方法中... --- ### 現今 UI 設計流程 中少不了的 Prototyping ! > 這幾年也越來越多新的 prototyping 工具,那麼多工具到底要如何選?其實每個工具都各有優缺點,一個理想的 prototyping 工具,須容易被整合到 UI 設計流程 ,又要達成有效溝通的目的;而「溝通」與「體驗」就是 prototyping 的本質, - Published: 2016-09-01 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%8f%be%e4%bb%8a-ui-%e8%a8%ad%e8%a8%88%e6%b5%81%e7%a8%8b-%e5%b0%91%e4%b8%8d%e4%ba%86%e7%9a%84-prototyping/ - 分類: UI/UX, 心得分享 - 標籤: prototype, prototyping, 介面設計流程, 原型 關於 prototyping(原型)設計,前陣子剛好在 hpx 的活動中有簡單的分享自己 prototyping 的經驗與想法,而這幾年也越來越多新的 prototyping 工具,對於介面設計師來說是喜憂摻半,喜是又有新的工具可以玩,憂則是又要花時間學新的工具,而且那麼多工具到底要如何選?而且也很難保證這些工具是不是能夠一直更新下去,如果停止更新那不就白花時間了... 其實每個工具都各有優缺點,但就目前的共識是,一個理想的 prototyping 工具,必須是容易被整合到介面的開發流程,同時又要能... --- ### UX designer 的好朋友:一個讓你「好像」瞬間變專業的 checklist > 有鑒於每次 internal review 我家小朋友的設計時,我都會重複的拋出一樣的考古題,我特別為他們做了一個 UX checklist ,讓他們每次在進行 review 前都先確認自己已經完成了 check list 上所有的項目。 - Published: 2016-08-28 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-checklist-for-junior/ - 分類: 心得分享, UI/UX - 標籤: checklist, junior designer, senior designer, UX 最近和某個設計師有段有趣的對話,行走江湖那麼久,很多時候我們因為自己多吃了幾年飯而覺得自己很 senior,事實上其他人卻好像完全不是這麼想 ... 到底該怎麼定義 senior 與 junior 呢? 許多人認為資深跟資淺的差別是在於腦子是不是比較靈光,比較有創意有想法 ... 我卻有不同的想法,憑良心講,很多時候我覺得 junior 比我們這些老人更有創意,因為沒有包袱跟過往經驗的束縛,他們更能提出有意思的 idea,就好像設計師跟凡人的差別從來也不在於設計師比較 creative,而在於設... --- ### Sketch 初心者在設計 UI 前要做的五件事! > 就像廚師大展廚藝前要備菜一樣,產品設計師在做設計前,也應該把需要的材料都準備好,設計才會順利快速。Sketch 是現在 UI 設計師最喜愛的繪圖軟體之一,在開始繪製畫面與展開工作流程前,進入"可持續設計"的狀態是很重要的。在此,分享給讀者 5 個 Sketch 繪製前要做的事情,協助你進入這個狀態裡: - Published: 2016-08-10 - Modified: 2019-04-23 - URL: https://designtongue.me/sketch-%e5%88%9d%e5%bf%83%e8%80%85%e5%9c%a8%e8%a8%ad%e8%a8%88-ui-%e5%89%8d%e8%a6%81%e5%81%9a%e7%9a%84%e4%ba%94%e4%bb%b6%e4%ba%8b%ef%bc%81/ - 分類: 翻譯文章, UI/UX, 心得分享, 教學文章 - 標籤: Sketch, UI, user interface, 介面設計, 繪圖工具 就像廚師大展廚藝前要備菜一樣,產品設計師在做設計前,也應該把需要的材料都準備好,設計才會順利快速。Sketch 是現在 UI 設計師最喜愛的繪圖軟體之一,在開始繪製畫面與展開工作流程前,進入"可持續設計"的狀態是很重要的。在此,設計師 Jon Moore 分享給讀者 5 個 Sketch 繪製前要做的事情,協助你進入這個狀態裡: (閱讀全文... ) --- ### UX 5: Sketching & Testing & Information Architecture > Sketching & Testing - Sketch 是在整個 UX 流程的第三階段 - Placement & Layout Design,去面試 UX Designer 時,很常都會被要求立刻畫出一個 Sketch,可以用下面的小範例練習一下,最後你就能完整個畫出 Visual Alphabet。 - Published: 2016-07-29 - Modified: 2019-04-25 - URL: https://designtongue.me/ux-sketching-testing-ia/ - 分類: UI/UX 這篇文章承接之前所寫的文章,建議可以由第一篇開始閱讀,較能了解 UX 的全貌。 UX 1: UX Design Process & User Research UX 2: Competitive Analysis & Persona UX 3: Define Problem & Ideating UX 4: Feature Prioritization (閱讀全文... ) --- ### 虛擬實境體驗當道,設計師需要知道的 VR 互動方式 > VR (虛擬實境) 與 AR (擴增實境) 發展已久,但近期的應用與風潮才逐漸發燒,其互動設計也未定型,本文帶來現今多款 VR 的互動方式,對於即將或已經著手設計的 VR 設計師應該有所幫助。AR 在互動設計發展史是一個重要的里程碑,發展中每一項里程碑都源自技術和人性的碰撞。 - Published: 2016-07-27 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%99%9b%e6%93%ac%e5%af%a6%e5%a2%83-%e9%ab%94%e9%a9%97%e7%95%b6%e9%81%93-%e8%a8%ad%e8%a8%88%e5%b8%ab%e9%9c%80%e8%a6%81%e7%9f%a5%e9%81%93%e7%9a%84-vr-%e4%ba%92%e5%8b%95%e6%96%b9%e5%bc%8f/ - 分類: UI/UX, 教學文章 - 標籤: Virtual Reality, VR, 虛擬實境 VR (虛擬實境 Virtual Reality) 與 AR (擴增實境 Augmented Reality) 發展已久,但近期的應用與風潮才逐漸發燒,其互動設計也未定型,本文帶來現今多款 VR 的互動方式,對於即將或已經著手設計的 VR 設計師應該有所幫助。AR 在互動設計發展史是一個重要的里程碑,發展中每一項里程碑都源自技術和人性的碰撞。從最初的紙帶打孔,發展到鍵盤與滑鼠,及現在進行式的觸控、語音識別,及已經成熟的 3D 手勢、眼動識別等。甚至,未來還會實現腦波控制與意念識別。每一次的技術革... --- ### 小資族說走就走的機票比價神器 - HelloWings > 一站式 比價 ,你不再需要遊走於不同航空購票平台。不知道大家有沒有購買廉航機票的經驗?尤其是 比價 的過程,因為機票資訊分散,花時間又傷神~ HelloWings 已與 99 間廉價航空公司合作,因此使用者可進行 “一站式” 的比價,而不需要像過去到各航空官網去查看,省了超級多的時間。 - Published: 2016-07-22 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%a9%9f%e7%a5%a8-%e6%af%94%e5%83%b9-%e7%a5%9e%e5%99%a8-hellowings/ - 分類: 體驗文, UI/UX, 心得分享 - 標籤: UI, 平台服務, 旅遊, 比價, 訂票, 體驗 2016年一轉眼,已經過一半!今年的你是否好好地放了個長假、出遠門旅遊?大舌頭認為生活不應該被工作完全佔據,所以打算來個深度自助旅遊。不過,相信各位喜愛規劃自助旅遊的讀者,應該都跟此刻的大舌頭一樣,在尋找合適價位的機票與不同航空機票的搭配上花了大量時間,特別是需要一家一家的查詢、比價 ... 這可是大工程!不易利用瑣碎的空閒時間完成它。 好家在,大舌頭發現一個不錯的平台 - HelloWings,它 "整合" 了多家廉航航空的票價,並以 "視覺化" 的方式呈現,大大的解決上述問題的不便。所以特別... --- ### 設計師的逆襲!翻轉傳統產業的開端 > 今天大舌頭要跟大家介紹 Jimi 最近正在 run 的新平台 - Unipapa 有理百物。這個 電商平台 有什麼值得大舌頭特地寫篇文章來介紹它呢?就是它背後的產業價值!這個模式在電商界算是破壞式的創新,趕緊往下看大舌頭的介紹與分解吧!希望每位讀者都能從 Jimi 身上學到設計及商業的思維。 - Published: 2016-07-19 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab-%e7%9a%84%e9%80%86%e8%a5%b2-%e7%bf%bb%e8%bd%89-%e5%82%b3%e7%b5%b1%e7%94%a2%e6%a5%ad-%e7%9a%84%e9%96%8b%e7%ab%af-%e9%9b%bb%e5%95%86%e5%b9%b3%e5%8f%b0/ - 分類: 創業心得, 團隊訪談, 體驗文 - 標籤: 傳統產業, 商業模式, 工業設計, 產品設計, 電商 還記得上次跟各位讀者介紹的 快到爆股份有限公司 嗎?若還沒看過或是有點遺忘,快速回顧一下前些日子的採訪文:設計師精實創業談 – 天下武功,唯快不破,因為這篇文章與他們的最新計畫息息相關喔!其中,大家是不是對於創辦人 Jimi 印象深刻呢?想不到設計師可以跨足軟硬體領域,甚至還開了公司(當老闆不簡單,還有更多知識需要學習的)!今天大舌頭要跟大家介紹 Jimi 最近正在 run 的新平台 - Unipapa 有理百物。這個 電商平台 有什麼值得大舌頭特地寫篇文章來介紹它呢?就是它背後的產業價值!這個... --- ### 產品訪談時,別問使用者的感覺是真的嗎? > UX 一路走來,學習使用者 訪談 的過程從見山是山、見山不是山、慢慢走回了見山還是山。先講結論,其實直接詢問使用者的『感覺』是可以的,甚至可以透過這種方式挖掘更深層使用者心中的想法,但這種做法在學術界被認為不夠嚴謹,且同時使用者訪談的新手常會因這麼做而犯許多錯誤,所以建議在學習 訪談 的初期避免這種做法。 - Published: 2016-07-19 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%94%a2%e5%93%81-%e8%a8%aa%e8%ab%87-%e6%99%82%e5%88%a5%e5%95%8f-%e4%bd%bf%e7%94%a8%e8%80%85-%e7%9a%84%e6%84%9f%e8%a6%ba%e6%98%af%e7%9c%9f%e7%9a%84%e5%97%8e/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: lean ux, UX, 研究方法, 訪談 UX 一路走來,學習使用者 訪談 的過程從見山是山、見山不是山、慢慢走回了見山還是山。先講結論,其實直接詢問使用者的『感覺』是可以的,甚至可以透過這種方式挖掘更深層使用者心中的想法,但這種做法在學術界被認為不夠嚴謹,且同時使用者訪談的新手常會因這麼做而犯許多錯誤,所以建議在學習 訪談 的初期避免這種做法。 這個議題我將分成三個部分來進行闡述: 一、為何別詢問使用者『感覺』的理由 二、專注於使用者做了什麼,而非想什麼 三、突破傳統學術,其實你可以問使用者怎麼想 (閱讀全文... ) --- ### 對話機器人的8種設計原則 > 到底該如何來設計 對話機器人 呢?在什麼樣的場景下, 對話機器人 是好用的?我們應該設計的像 Slackbot 一樣,簡單易使用?或是像 Facebook M 平台的 Bot ,有能力和使用者做互動?這都是尚待釐清的問題,但非常能確定的是,我們正在找尋如何透過這個新興起的服務媒介,來提供使用者良好的用戶體驗。 - Published: 2016-07-12 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%b0%8d%e8%a9%b1%e6%a9%9f%e5%99%a8%e4%ba%ba-%e7%9a%84-8%e7%a8%ae-%e8%a8%ad%e8%a8%88%e5%8e%9f%e5%89%87/ - 分類: UI/UX, 翻譯文章, 電子商務 - 標籤: bot design, 對話機器人, 談話機器人 儘管對話式介面,現在是如此地備受期待和討論,我們仍然不清楚該如何在實際案例上去實作。但毫無疑問的是,一些具指導性的設計原則,能幫助我們度過這個技術發展階段,並真正設計出用戶願意每天都使用得產品。 老實說,我們現在並不缺乏那些,所謂 對話式介面將會是未來趨勢 的宣傳文章。更不用說常常能看到地,一些關於在設計機器人與使用者互動時的可用性原則。 然而,回過頭來檢視對話式服務的發展,看起來我們現在正需要得就是這些可參考的設計原則。對話機器人的前期嘗試,由於過度依賴一些早期尚未成熟的自然語言處理與人工智慧... --- ### UX 4: Feature Prioritization > 透過 Feature Prioritization 可以免於讓產品充斥過多無用的功能,太複雜的產品會讓使用者覺得挫折甚至是放棄不用產品, 以相機為例子,相機上有很多功能,但大多數消費者都用智能模式居多,其他 Feature 都用不太到;這說明了 80/20 原則,用戶 80% 的時間都花在 20% 的特定功能上 - Published: 2016-07-12 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-feature-prioritization/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: 80/20, Feature, lean startup, MVP, Prioritize, UX 關於 UX,筆者之前有寫過:1) UX 1: UX Design Process & User Research, 2) UX 2: Competitive Analysis & Persona, 3) UX 3: Define Problem & Ideating 等文章,建議先看過前面的,再看這篇會有比較清楚的脈絡。 Feature,顧名思義大家都知道,舉常用的產品 "相機" 為例子,相機上面有很多功能,但我相信大部份的消費者買來之後,最後還是都用智能模式居多,其他大... --- ### UX Research 不被老闆重視,身為 UX 的你該怎麼辦? > UX Research 不被老闆重視,身為 UX 的你該怎麼辦?這篇文章是希望協助那些還在努力說服組織能認知 " 使用者研究 " 重要性的設計師們。你們不孤獨,這樣的現象在新創公司或小型企業裡非常普遍。 - Published: 2016-07-07 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-research-%e4%b8%8d%e8%a2%ab%e8%80%81%e9%97%86%e9%87%8d%e8%a6%96-ux-%e4%bd%a0%e8%a9%b2%e6%80%8e%e9%ba%bc%e8%be%a6/ - 分類: UI/UX, 心得分享, 翻譯文章 - 標籤: ued, User Research, UX, 使用者研究, 使用者體驗 這篇文章撰寫的目的,是希望能協助那些還在努力說服組織能認知 " UX Research " 重要性的設計師們。其實你們不孤獨,因為這樣的現象在新創公司或小型企業裡非常普遍。 我最近參加一場讓女性 UX 與導師對話的聚會,它是由 XX + UX 所主辦,包含了多個快速而深入的一對一會談。當時,我在吊牌上寫上專長為使用者體驗研究 。沒想到,竟然大部分與我對談的設計師都詢問 "如何在快速與敏捷的開發流程中,說服團隊花點時間進行 UX Research (調查、使用性測試、民族誌研究等)"。這讓我感到欣... --- ### WWDC 16 - 設計人應該知道的幾件事 - Published: 2016-07-05 - Modified: 2019-04-23 - URL: https://designtongue.me/wwdc_16_%e8%a8%ad%e8%a8%88%e4%ba%ba_%e6%87%89%e8%a9%b2%e7%9f%a5%e9%81%93%e7%9a%84%e5%b9%be%e4%bb%b6%e4%ba%8b/ - 分類: UI/UX Apple 在年中舉行的 WWDC (世界開發者大會),除了將未來一年軟體更新的做重點介紹外,還有一整週的論壇及 workshop。而每一場論壇的結束後,都會上傳到 Apple 的官方網站上供大家觀看。 我們從今年度(2016)的設計類論壇中挑選幾項有趣的主題,整理後以圖文的方式分享給大家。如果你正有開發的項目,準備進軍全球,這些重點可對產品的設計與推廣上有所價值;而一般的開發者、使用者經驗分析師、介面設計師們,也能在論壇的重點中得到更多的知識。 -- 在 Apple 的產線開放各自 App S... --- ### 快速驗證概念、節省開發成本的方法 - Prototyping > 是否難以呈現你的想法或概念?是否常在創意是否運行之前,開了無數次的開發會議呢?甚至,常不清楚使用者對產品的感受前,就已經耗費大量的精力與成本在製作了呢?如果有以上的問題,建議在開發流程中導入「 Prototyping - 原型」這個概念與工具。 - Published: 2016-06-29 - Modified: 2019-04-23 - URL: https://designtongue.me/prototyping/ - 分類: UI/UX - 標籤: goodpatch, prototype, prototyping, prott, 原型 你是否常在腦中蹦出幾個創新的想法?而你又是如何將這些想法,分享給團隊或提案給上司呢?應該大部分的人都認同,這些想法很難以文字、圖片或簡報的形式呈現,因為要讓人理解你的想法,需要陳述相當多的東西,例如情境、操作或流程等。因此,想要將想法正確與精準的傳達,最好的方式就是要「具體呈現」。 另外,是否常在創意是否運行之前,開了無數次的開發會議呢?甚至,常不清楚使用者對產品的感受前,就已經耗費大量的精力與成本在製作了呢?如果有以上的問題,建議在開發流程中導入「Prototyping - 原型」這個概念與方... --- ### UX 3: Define Problem & Ideating - Published: 2016-06-29 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-define-problem-ideating/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: Define Problem, HMW, Ideating, persona, problem statement, storyboard, user flow, 人物誌, 定義問題, 操作流程, 發想 我這邊是承接之前寫的 UX 1: UX Design Process & User Research UX 2: Competitive Analysis & Persona 建議先看完前面兩篇,對於整體流程會更清楚。 (閱讀全文... ) --- ### 改良的 人物誌 進行方法 - 快速交流人物誌(Persona Speed-Dating) > 人物誌 (Persona)即是呈現一群有相似行為模式、動機、目標與需求的族群原型。它能提供設計團隊與相關權益人,以 "人" 的角度分析與陳訴目標族群的需求與想法。讓我們在設計產品或服務體驗時能參考不同的觀點與脈絡。另外,人物誌能避免做決策時,完全的依賴個人的經驗或假設。 - Published: 2016-06-26 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%94%b9%e8%89%af%e7%9a%84-persona-%e9%80%b2%e8%a1%8c%e6%96%b9%e6%b3%95/ - 分類: UI/UX, 翻譯文章 - 標籤: persona, 人物誌, 使用者體驗, 研究方法 若我們想要快速又精準地瞭解一個人,最快的方法就是面對面的聊天或訪談,對吧!但在產品或服務開發的過程,我們很難與所有的顧客對話,但我們又必須針對他們多樣的需求、目標、看法與體驗等,進行了解、設計與評估。 身為設計團隊的領導者,讓相關權益人(stakeholders)了解顧客需求是我們的職責。我們設計與改進體驗的對象不是針對相關權益人,而是真正會去使用我們產品或服務的使用者。雖然,很單純的,我們覺得這個使用者就是會購買產品的人。但我認為就算如此,員工、管理者或人資們,對他們的需求也有不同的看法。 (... --- ### 重新思考、設計 Nike+ Running app > 使用 Nike Running app 已是 2013 年的事了~這 app 真得挺棒的 - 它提供的功能很到位、有免費的訓練課程,而且它來自於 Nike,Casey Neistat 也是使用者之一。不過,令我感到最驚訝的是 Nike Running app 完全沒變,就如同 2013 年時使用的樣子。 - Published: 2016-06-25 - Modified: 2019-04-23 - URL: https://designtongue.me/rethinking-nike-running-app/ - 分類: APP, UI/UX, 翻譯文章 - 標籤: app, card design, Nike+, redesign, UI, UX 當我搬到挪威,第一件讓我特別注意的就是 - 每個人都在跑步,而且都很認真地看待跑步這件事。一年後,我也給了自己一個承諾 - 從今年五月重新開始跑步! 在購買跑步所需要的裝備前,我載了 App Store 上所有的跑步 app,發現到幾年前的那些 app 至今還在,這些 app 雖然名稱沒換,但 logo 與 app 都改版過了。但是有一個 app 例外!   (閱讀全文... ) --- ### UX 2: Competitive Analysis & Persona > 做完 User Research 之後所要做的步驟包含 Competitive Analysis, Affinity Map 和 Persona。為什麼要做 Competitive Analysis?主要有兩個原因,一個是可以透過別人的產品從中找到靈感,另一個原因則是從其他人的東西內找到切入的機會點。 - Published: 2016-06-23 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-competitive-analysis-persona/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: Affinity Map, Competitive Analysis, persona, UX, UX research 這篇是延續之前所寫的 UX Process & User Research 的文章,做完 User Research 之後所要做的步驟包含 Competitive Analysis, Affinity Map 和 Persona。   (閱讀全文... ) --- ### UX 1: UX Design Process & User Research > 基本上,UX Design 就是盡可能讓整體的流程和體驗更加愉悅。不同的公司或是不同的流程在做 UX 的時候,可能會有些許的不同,但是整體都還是會參照這個流程: 1) 從用戶研究 (User Research) 開始 2) 根據研究來做出東西 3) 測試所做的東西 4) 重複 (Repeat)。 - Published: 2016-06-20 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-design-process-user-research/ - 分類: 心得分享, UI/UX, 教學文章 - 標籤: UI, User Research, UX, 用戶體驗 UX Design Process UX 代表的是 User Experience(用戶體驗),主要著重於了解用戶如何和產品或工具互動的過程,基本上,UX 就是盡可能讓整體的流程和體驗更加愉悅。 不同的公司或是不同的流程在做 UX 的時候,可能會有些許的不同,但是整體都還是會參照這個流程: 1) 從用戶研究 (User Research) 開始 2) 根據研究來做出東西 3) 測試所做的東西 4) 重複 (Repeat)。 (閱讀全文... ) --- ### UI/UX 設計師常有的 思考盲點 - 不說你不會發覺! > 思考盲點 往往會造成許多失誤,就如同身為 UI UX 設計師的我們,雖自詡可以用客觀的方法與心態完成任務,但有時候難免陷入設計師特質所造成的糾結,形成 思考盲點 。這些盲點可能造成一些缺失,小則只影響產品推出時程,大則破壞團隊和諧、造成不良的企業文化或方向錯誤等。 - Published: 2016-06-13 - Modified: 2019-04-23 - URL: https://designtongue.me/uiux-%e5%b8%b8%e6%9c%89%e7%9a%84-%e6%80%9d%e8%80%83%e7%9b%b2%e9%bb%9e/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: UI設計師, UX設計師, 思考盲點, 設計思考 思考盲點 往往會造成許多失誤,就如同身為 UI/UX 設計師的我們,雖自詡可以用客觀的方法與心態完成任務,但有時候難免陷入設計師特質所造成的糾結,形成思考上的盲點。這些盲點可能造成一些缺失,小則只影響產品推出時程,大則破壞團隊和諧、造成不良的企業文化或產品開發方向錯誤等。擔心讀者們也深陷於其中,這次大舌頭就特別整理了一些 UI/UX 設計師在產品開發過程中,最容易有的 思考盲點 ,供大家參考。 (閱讀全文... ) --- ### 生活中的介面設計|報稅篇 > 五月是 報稅 的時節,同時也產生許多民眾的困擾。報稅 的方式由過去親自跑一趟 國稅局,演進到推出各種不同的便民服務,如:安裝軟體,透過 憑證 報稅 外,還有便利商店代收 ... 等。 目前,人手一台智慧型手機已成趨勢,或許新一代的族群在面對 報稅 議題時,馬上會猜想可能有對應的手機應用程式 (App) ... - Published: 2016-06-03 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%94%9f%e6%b4%bb%e4%b8%ad%e7%9a%84-%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88-%e5%a0%b1%e7%a8%85-%e7%af%87/ - 分類: UI/UX, APP, 心得分享 - 標籤: app, UI, UX, 報稅, 政府app 前言:生活中的介面設計 隨著科技進步,我們越來越依賴技術來處理生活大小事務,同時也因為自動化服務的普及,介面友善度成為近期最受關注的一環。 不過,許多生活上必需接觸的介面,卻在傳達設計上,讓使用者產生錯愕。 身為設計師,面對問題並解決是我們的天命!這次文章的主題就是探索生活中遇到的介面傳達問題,同時提出可能的解決方式。 -- 五月是 報稅 的時節,同時也產生許多民眾的困擾。報稅的方式由過去親自跑一趟國稅局,演進到推出各種不同的便民服務,如:安裝軟體,透過憑證 報稅 外,還有便利商店代收... 等。... --- ### 設計師在日本的 UI 專案設計流程 > 不知道大家是否重視設計流程以及參與度。我想以自己的經驗來分享 專案設計流程 以及探討設計流程的參與度對於設計師的影響。我們認為,「1000 次會議比不上一個 Prototype !」設計師必須重視設計流程以及 100% 的參與。 - Published: 2016-05-25 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%9c%a8-%e6%97%a5%e6%9c%ac-%e7%9a%84-ui-%e5%b0%88%e6%a1%88%e8%a8%ad%e8%a8%88%e6%b5%81%e7%a8%8b/ - 分類: APP, UI/UX, 心得分享 - 標籤: app, designer, flow, goodpatch, process, prototype, prott, UI, 日本, 流程 對於很多台灣設計師來說,日本的設計總是那麼得令人憧憬。然而,日本人是如何進行一個從無到有的設計專案呢?在這裡,我想和大家分享一下我所經歷的兩間日本公司的 專案設計流程 ,讓大家一窺究竟。 (閱讀全文... ) --- ### 面試 UI UX 設計師 該注意什麼? > 若在面試時,能看出面試者的特質,就有較大機會挑選到適合且值得培養的人才,並減少企業付出許多隱藏成本。就 面試UI與UX設計師 這個主題,大舌頭探討了學歷、得獎、即戰力、社群力以及設計師特質幾個議題,並提出若干建議。期許能幫助企業找到對適合的設計師人才,而設計師也能從中辨析何項能力需要增進,以及學習到面試的技巧。 - Published: 2016-04-09 - Modified: 2019-04-23 - URL: https://designtongue.me/%e9%9d%a2%e8%a9%a6-ui-ux-%e8%a8%ad%e8%a8%88%e5%b8%ab-%e8%a9%b2%e6%b3%a8%e6%84%8f%e7%94%9a%e9%ba%bc/ - 分類: 心得分享, UI/UX - 標籤: UI設計師, UI設計師課程, UX設計師, 面試, 面試UI/UX設計師 俗話說:請神容易,送神難。其實對企業而言也是一樣,人才雖難尋,但招募進來發現不適合後,要請他/她走才是最困難的。這代表若能在面試時,透過方法或觀察看出面試者的特質,就有較大的機會挑選到適合且值得培養的人才,並減少企業付出許多隱藏成本。換句話說,就是避免未來可能影響組織運作及文化的"壞"人才! 就 面試UI與UX設計師 這個主題,大舌頭探討了學歷、得獎、即戰力、社群力以及設計師特質幾個議題,並提出若干建議。期許能幫助企業找到對適合的設計師人才,而設計師也能從中辨析何項能力需要增進,以及學習到面試的... --- ### 系統思考 - 雜談與讀書筆記 > 推薦 系統思考 這本書的原因是我們在專業或日常思考中都應避免落入見樹不見林的窘境。系統思考 追求的是整體效益,而非部分的最佳化;其特色並非傳統線性思考,而是用更宏觀/動態/時間的方式來看因果反饋迴路。 - Published: 2016-04-05 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%b3%bb%e7%b5%b1%e6%80%9d%e8%80%83-%e9%9b%9c%e8%ab%87%e8%88%87%e8%ae%80%e6%9b%b8%e7%ad%86%e8%a8%98/ - 分類: 心得分享, 日常觀察 - 標籤: 外部轉載, 思考, 系統思考, 讀書心得, 閱讀 本篇文章轉載自 系統思考 - 雜談與讀書筆記 ,作者是 Water Chen。這篇文章主要是作者閱讀 “系統思考” 這本書後的一些筆記、心得與省思。在大環境的快速變動下,我們除了每天吸收爆炸性的資訊流外,要如何才能組織起這些資訊呢?來看看這篇吧(覺得不錯,也可以直接買書來看喔~) 在一個變化太快的年代裡,每隔一段時間就會有人告訴你設計師應該或不該做什麼,但是只有自己才能定位清楚 - 我想成為什麼樣的設計師?設計是一種人類的文化活動,重視需求、溝通理解、美學原理、形貌機能、思想創造。隨人類社會發展... --- ### 米蘭觀察日記 01 - SMS 手機簡訊購買交通票 > 剛到米蘭時的前段日子,就如同到不同國家城市,都需要去了解當地的公共運輸系統。在米蘭,地鐵、公車、輕軌、市內的火車,皆是以相同的票價系統。此篇文章主要分享的是 ATM MILANO(米蘭的交通運輸公司),以 手機簡訊購買交通票 Urban Ticket ... - Published: 2016-03-26 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%b1%b3%e8%98%ad%e8%a7%80%e5%af%9f%e6%97%a5%e8%a8%98-01-sms-%e6%89%8b%e6%a9%9f%e7%b0%a1%e8%a8%8a%e8%b3%bc%e8%b2%b7%e4%ba%a4%e9%80%9a%e7%a5%a8/ - 分類: 日常觀察, UI/UX, 心得分享 - 標籤: 公共運輸系統, 日常觀察, 義大利米蘭, 訂票系統, 車票 筆者再次回到學生的身份,這次將在義大利米蘭生活一陣子。 由於這是一個很難得的體驗,因此特別將米蘭生活中所觀察到的設計點滴記錄下來與各位讀者分享。 (閱讀全文... ) --- ### 設計師最常忽略的 UI 頁面狀態:空白狀態(empty state) > 大家通常都會先設計內容齊全的代表頁面,並在示意圖上呈現最佳排列效果。直到最後(或沒有)才考慮可能遇到的 空白狀態(empty state) 。但重要的是, 空白狀態(empty state) 的呈現確實具有能驅動使用者繼續使用的潛力,我們要把握這個與使用者溝通價值的時機。 - Published: 2016-03-16 - Modified: 2023-02-28 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%9c%80%e5%b8%b8%e5%bf%bd%e7%95%a5%e7%9a%84_ui_%e9%a0%81%e9%9d%a2%e7%8b%80%e6%85%8b_empty_state/ - 分類: UI/UX, APP, 翻譯文章 - 標籤: app, Empty State, UI, 介面設計, 空白狀態 大多 app 平均會失去 77% 的用戶(使用者下載後三天)。更糟的是,在 30 天內, 將近 80% 的用戶不再使用。造成如此低的用戶留存率(retention rates)是因為 app 製作或概念不良嗎?恐怕有其他原因。基本上,使用者會下載許多 app 試用,並在幾天內就會決定該刪除那幾個。這代表怎麼在這個期間內讓使用者上癮,是邁向成功的關鍵。而你的任務就是確保使用者要經常使用你的app,且能心滿意足。但在達到這個目標之前,你必須讓他們在... --- ### 為什麼介面設計中,使用者的 個人頭像 大多是圓形的? > 大家有沒有覺得有越來越多的平台或 APP ,喜歡使用 "圓形" 作為使用者的 " 個人頭像 " 形狀。該不會是近期的設計風潮?還是大部分介面設計師的愛好?或有其他特別的原因呢?大舌頭藉由歸納網路社群中專家的討論,以及問卷調查的結果分析,逐步釐清這個秘密,內容精彩不要錯過喔。 - Published: 2016-03-12 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%82%ba%e4%bb%80%e9%ba%bc-%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88-%e4%b8%ad-%e4%bd%bf%e7%94%a8%e8%80%85%e7%9a%84-%e5%80%8b%e4%ba%ba%e9%a0%ad%e5%83%8f-%e5%a4%a7%e5%a4%9a%e6%98%af%e5%9c%93%e5%bd%a2/ - 分類: UI/UX, APP - 標籤: Avatar, profile picture, UI, UX, 使用者介面, 使用者體驗, 個人圖像, 個人頭像 大家有沒有覺得有越來越多的平台或 App ,喜歡使用 "圓形" 作為使用者的 "個人頭像" 形狀。該不會是近期的設計風潮?還是大部分介面設計師的愛好?或有其他特別的原因呢?大舌頭藉由歸納網路社群中專家的討論,以及問卷調查的結果分析,逐步釐清這個秘密,內容精彩不要錯過喔 ~ (閱讀全文... ) --- ### 如何建立體驗地圖 > 體驗地圖展示了顧客體驗產品或服務的旅程,並且同時檢視你的公司與對手間的關係。從顧客的觀點,將體驗的過程圖像化,可以幫助組織定義策略機會、顧客痛點與產生創新的方案。為什麼要 建立體驗地圖 ?基於研究基礎, 體驗地圖 能幫助組織看到較大格局的願景並且決定關鍵的活動 ... - Published: 2016-03-05 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%a6%82%e4%bd%95-%e5%bb%ba%e7%ab%8b%e9%ab%94%e9%a9%97%e5%9c%b0%e5%9c%96/ - 分類: 服務設計, UI/UX, 翻譯文章 - 標籤: 使用者體驗, 民族誌, 深度訪談, 游擊測試, 用戶研究, 體驗地圖   體驗地圖是一個展現顧客體驗產品或服務的流程,並且可以展現你的公司與競爭對手間的共同點。從顧客的觀點,將體驗的過程圖像化,可以幫助組織定義策略機會、顧客痛點與產生創新的方案。 (閱讀全文... ) --- ### Daily UI 挑戰 - 介面設計不是這麼簡單 > Daily UI 挑戰  - 介面設計不是這麼簡單 - 這篇心得文主要是描述自己參與 100 Days UI Challenge 這活動的經驗及對介面設計的感想,許多練習只著重於「視覺創作」,並不是完整的 UI 作品,這也是我想向大家分享的部分。 - Published: 2016-02-29 - Modified: 2019-04-23 - URL: https://designtongue.me/dailyui-%e6%8c%91%e6%88%b0-%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88-%e4%b8%8d%e6%98%af%e9%80%99%e9%ba%bc%e7%b0%a1%e5%96%ae/ - 分類: UI/UX, 心得分享 - 標籤: 100Days, dailyUI, UI Daily UI 挑戰  - 介面設計不是這麼簡單 - 這篇心得文主要是描述自己參與 100 Days UI Challenge 這活動的經驗及對介面設計的感想,算是自己的心得文,分享給讀者們參考。 我是 Doppler,從事平面視覺設計2年,2015年9月初入介面設計領域;2015年10月參與了設計前輩 Wesley Hwang 發起的 Daily_UI_challenge@taiwan 活動。目前進度已接近第100日,筆者則只製作了87個(趕進度中~),而這些作品我也特地整理並放置於 這裡,... --- ### 未來最重要的 設計師 類型為何?(下) > 邀請 Google、Microsoft、Autodesk、Ideo 與其他知名設計公司之總監,推測未來可能的 設計師類型 與職場需求,接續上篇內容,本文將帶來更多他們的預測。有些職位已存在,有些還需市場改變或技術突破才會普及。但設計師看清未來的發展趨勢,才能提前一步準備好需要的技能或觀念,在職場立於不敗之地 - Published: 2016-02-28 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%9c%aa%e4%be%86%e6%9c%80%e9%87%8d%e8%a6%81%e7%9a%84-%e8%a8%ad%e8%a8%88%e5%b8%ab-%e9%a1%9e%e5%9e%8b%e7%82%ba%e4%bd%95%ef%bc%9f%ef%bc%88%e4%b8%8b%ef%bc%89/ - 分類: UI/UX, 翻譯文章 - 標籤: UI, UX, 未來設計師, 設計師類型 作者邀請了 Google、Microsoft、Autodesk、Ideo 與其他知名設計公司之總監,來推測未來可能的 設計師類型 與職場需求,並接續上篇(未來最重要的 設計師類型 為何?(上))之內容,本文將帶給讀者更多他們的預測。其中有些職位已誕生於某些公司裡,而有些還需市場的改變或技術的突破才會普及。但不管怎麼樣, 設計師 面對瞬息萬變的市場及快速變動的技術,看清未來的發展趨勢,才能提前一步準備好需要的技能或觀念,在職場立於不敗之地。 (閱讀全文... ) --- ### 未來最重要的 設計師類型 為何?(上) > 就軟體業而言,過去職場的需求為能處理平面的設計師,現在反而是 UX 設計師 。不過市場瞬息萬變,未來產業需要的 設計師類型 為何呢?是虛擬角色程式設計師? 跨領域專家?還是人工器官設計師?我們訪問各領域傑出的設計師,最後得到 18 種未來 設計師類型 。 - Published: 2016-02-26 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%9c%aa%e4%be%86%e6%9c%80%e9%87%8d%e8%a6%81%e7%9a%84-%e8%a8%ad%e8%a8%88%e5%b8%ab%e9%a1%9e%e5%9e%8b-%e7%82%ba%e4%bd%95%ef%bc%9f%ef%bc%88%e4%b8%8a%ef%bc%89/ - 分類: UI/UX, 翻譯文章 - 標籤: AR, VR, 擴增實境, 未來設計師, 無人機, 虛擬實境, 設計師 就軟體業而言,過去職場的需求為能處理平面的設計師,現在反而是 UX 設計師。不過市場瞬息萬變,未來產業需要的 設計師 類型為何呢?是虛擬角色程式設計師? 跨領域專家?還是人工器官設計師? 設計發展至今,已成為一個可解決棘手科技與社會問題的學門。而企業也因需解決更複雜的問題而招募更多的設計師,例如自動駕駛或人類生物學等。Artefact(設計顧問公司)的招募人員 Dave Miller 表示 "未來五年,在混和不同領域的產業中,會持續地需要設計這個專業,並視設計為創意創新的工具" ,另外也提到 "... --- ### UX 設計過程中," 簡單 (simplicity) " 一詞不停地被濫用! > 在設計領域,簡單 (simplicity) 真的很重要? 或是一種設計過程中追求的理想?曾經,有位 Logic 101 的教授在課堂上讓大家討論 "乾淨" 這個詞彙,每個人分享的定義都相當不同,因為大家對於它的標準不一。 而我們今天要討論的 "簡單" 字詞,其實也是一樣,每個人對它都有非常不同的定義 ... - Published: 2016-02-24 - Modified: 2019-04-23 - URL: https://designtongue.me/ux-%e8%a8%ad%e8%a8%88%e9%81%8e%e7%a8%8b%e4%b8%ad-%e7%b0%a1%e5%96%ae-%e4%b8%80%e8%a9%9e%e4%b8%8d%e5%81%9c%e5%9c%b0%e8%a2%ab%e6%bf%ab%e7%94%a8/ - 分類: 翻譯文章, UI/UX - 標籤: simplicity, stakeholder, UX, 使用者體驗, 簡單 在設計領域," 簡單 (simplicity) "真的很重要? 或是一種設計過程中追求的理想?曾經,有位 Logic 101 的教授在課堂上讓大家討論 "乾淨" 這個詞彙,每個人分享的定義都相當不同,因為大家對於它的標準不一。 而我們今天要討論的 "簡單" 字詞,其實也是一樣,每個人對它都有非常不同的定義,對設計師亦然。 (閱讀全文... ) --- ### UI/UX 設計師求職 (轉職) 懶人包 > 大舌頭則希望能藉由社群與網路的力量,幫助更多設計師,因此特地整理了一篇轉職(求職)懶人包,希望人人都可以找到那理想的、適合自己的職位與公司。這篇文章中,大舌頭將整理許多關於 UI/UX 設計師求職 的資源,包含了海內外求職平台、職場經驗談、履歷顧問與範例等,希望可以幫助到未來轉職/即將求職的你。 - Published: 2016-02-21 - Modified: 2019-04-23 - URL: https://designtongue.me/uiux-%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%b1%82%e8%81%b7-%e8%bd%89%e8%81%b7-%e6%87%b6%e4%ba%ba%e5%8c%85/ - 分類: 心得分享 - 標籤: UI 履歷, UI 設計師, UIUX 職缺, UX 履歷, UX 設計師, 年後轉職, 求職, 職缺, 設計師, 設計師履歷 匆促告別了的 2015,踏上了新的一年,HELLO,2016!不論你現在是學生或是社會人士,應該已在心中默默地許下在這新的一年中,能 Do Something BIG。而大舌頭第一件 Big Thing 就是,希望能藉由社群與網路的力量,幫助更多設計師。因此特地整理了一篇轉職(求職)懶人包,希望人人都可以找到理想並適合自己的職位與公司。這篇文章中,大舌頭彙整了許多關於 UI/UX 設計師求職 的資源,其中包含了海內外求職平台、職場經驗談、履歷顧問與範例等,希望能幫助到未來轉職/即將求職的你。 (... --- ### 這幾年從事用戶研究(UX research)後的心得筆記 > 有感於使用者經驗(User experience)對設計的影響, 用戶研究 在設計過程中也很常見。筆者公司不管是產品開發或大型服務設計,大多以2-5人進行前期研究,所得結果可用來制定產品走向、主要特點或易用性測試,也可藉此取得團隊共識。筆者記下這兩年進行用戶研究的心得與執行 UX 時重要小訣竅,提供給大家參考。 - Published: 2016-02-13 - Modified: 2019-04-23 - URL: https://designtongue.me/%e9%80%99%e5%b9%be%e5%b9%b4%e5%be%9e%e4%ba%8b-%e7%94%a8%e6%88%b6%e7%a0%94%e7%a9%b6-%e5%be%8c%e7%9a%84%e5%bf%83%e5%be%97%e7%ad%86%e8%a8%98/ - 分類: 心得分享, UI/UX, 日常觀察 - 標籤: survey, user study, UX, 使用者體驗, 就業心得, 開發流程 近年來,使用者經驗(User experience)的觀念逐漸受到大家重視,在設計過程中,進行簡單的 用戶研究 也變得相當常見。在筆者目前所待的公司環境中,不管是產品開發或是大型的服務設計,大多以2-5人的小組方式進行前期研究。而每組團隊由不同專業領域的人士所組成,其中包含了互動設計師(Interaction Designer)、工業設計師(Industrial Designer)等不同領域背景的成員;最後所得的研究結果,則可以用來制定產品未來走向、主要特點(Main Feature)或進行易用... --- ### 當操作錯誤時,為什麼 使用者 總是先責怪自己? > 關心使用者 ,是設計師的任務。用設計語言與手法來教導 使用者 如何使用,將最小價值產品(MVPs)給其使用,並進行測試、訪談,最終設計出最佳解決方案。設計師絕不僅僅是設計漂亮的產品而已,也包含怎麼讓使用者有好的體驗,特別是發生錯誤的時候。我們不應該讓 使用者 自行了解技術或科技,而是讓技術或科技懂他們。 - Published: 2016-02-10 - Modified: 2023-02-28 - URL: https://designtongue.me/how-bad-ux-makes-users-blame-themselves/ - 分類: UI/UX, 翻譯文章 - 標籤: Donald Norman, MVP, self-serving bias, UAT, UCD, User, UX, 使用者, 使用者體驗, 自利性偏差 伴隨著不確定的因素,我們總是無法做得很好。當事情出錯時,我們總想儘快或希望能輕易地了解為什麼會發生,但當 "科技" 這個因素加入後,我們對事物的感知會有所差異,問題也會變得更加複雜。譬如 使用者 操作 UI 時發生的錯誤,我們總是很難找到原因。 連結與關心使用者,是設計師的職責。用設計語言與手法來教導他們如何使用,將最小價值產品(MVPs)給其使用,並進行測試、訪談,最終設計出最佳解決方案。設計師絕不僅僅是設計漂亮的產品而已,也包含怎麼讓使用者有好的體驗,特別是發生錯誤的時候。下段,我將描述遇到... --- ### 使用 sketch 改善網頁前端與設計的標註與合作方式 > 本篇文章主要是以開發人員的角度切入,介紹團隊開發產品時,所常遇到的總總問題與痛點(UI 設計 的標註、協作、溝通 ...),並透過不同軟體間的搭配來改善開發流程所遇到的痛點,這些 UI 設計 工具包含 sketch, Zeplin, inVision,文章中會針對這些軟體做進一步的介紹,讓我們一起來看看吧! - Published: 2016-01-31 - Modified: 2019-04-23 - URL: https://designtongue.me/%e4%bd%bf%e7%94%a8-sketch-%e6%94%b9%e5%96%84%e7%b6%b2%e9%a0%81%e5%89%8d%e7%ab%af%e8%88%87%e8%a8%ad%e8%a8%88%e7%9a%84%e6%a8%99%e8%a8%bb%e8%88%87%e5%90%88%e4%bd%9c%e6%96%b9%e5%bc%8f/ - 分類: 心得分享, APP, UI/UX, 教學文章 - 標籤: inVision, prototype, sketch app, UI 標註, Zeplin, 提昇效率, 痛點, 開發流程 本篇文章轉載自 使用 sketch 改善網頁前端與設計的標註與合作方式,已獲得作者 patw 的授權轉載。文章主要是以開發人員(RD)的角度切入,介紹團隊開發產品時,所常遇到的總總問題與痛點(UI 設計 的標註、協作、溝通 ... ),並透過不同軟體間的搭配來改善開發流程所遇到的痛點,這些 UI 設計 工具包含了繪製 UI 的 sketch,輔助標註 UI 設計 所有元件尺寸的 Zeplin,實現頁面之間互動的 inVision,文章中會針對這些軟體做進一步的介紹,讓我們一起來看看吧! 前言 身為... --- ### 我們都應該了解的 無障礙網頁 概念 - Published: 2016-01-28 - Modified: 2023-03-04 - URL: https://designtongue.me/website-accessibility/ - 分類: UI/UX, 翻譯文章 - 標籤: Accessible, Accessible Website, WCAG 2.0, WebAIM, 無障礙, 無障礙網站, 網頁設計, 通用設計 根據 W3C 對於 無障礙網頁 的敘述,對於身障者而言,網路藉由科技提供前所未有的方式,讓他們可以接收到來自文字、聲音或影像的內容、資訊,象徵著一個獨特的機會。伴隨著教育、政府機關、醫療、娛樂等線上服務的爆炸性成長,無障礙網頁設計無疑是個重要的關鍵,它將決定身障者是否享有相同的使用權(我們眼中視為理中當然的服務)。 在某些情況下,提供 無障礙網頁 的原因是跟法律規範有關。例如:在許多法條相關的書中,要求美國聯邦政府(the U. S. Federal Government)所開發或外包的網站必須提... --- ### 設計師 愛用的社群、部落格 結果大公開 > 平時,大舌頭就相當關心台灣設計產業的發展,也對 設計師 的相關訊息有興趣,因而產生了這個調查計畫。未來會設定較特定或有趣的主題調查,並在粉絲團上發佈此消息,期待各位粉絲能助一臂之力,一起建構這些資料。而這次的主題是想要了解設計師在個人能力展現(作品集製作)與網路影響力(社群與部落格經營)的相關議題。 - Published: 2016-01-24 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab-%e6%84%9b%e7%94%a8%e7%9a%84%e7%a4%be%e7%be%a4%e3%80%81%e9%83%a8%e8%90%bd%e6%a0%bc%e5%a4%a7%e8%aa%bf%e6%9f%a5/ - 分類: UI/UX, 日常觀察 - 標籤: 作品集, 台灣設計師, 設計師, 設計師社群, 設計師調查, 部落格 平時,大舌頭就相當關心台灣設計產業的發展,也對設計師的相關訊息有興趣,因而產生了這個調查計畫。未來會設定較特定或有趣的主題調查,並在粉絲團上發佈此消息,期待各位粉絲能助一臂之力,一起建構這些資料。而這次的主題是想要了解設計師在個人能力展現(作品集製作)與網路影響力(社群與部落格經營)的相關議題。 本問卷使用 Typeform(線上服務)製作,並於設計大舌頭與其他設計相關的粉絲團上發布,調查的期間為 2015 年 12 月 2 號至 12 號。最後,回收問卷數量為 419 份,不過部分問卷因職業別... --- ### 助你衝高下載量的七大 app 設計 思維! > 進行 app 設計 ,有許多要考量的要素,如:較小的螢幕、更短的專注時間(對使用者)等。在理想的狀態下,我們當然希望設計出讓新用戶能輕易操作的介面,並減少無趣或挫折的體驗。那如何打造完美的 app 呢?我們將在文章內提供7點 app 設計 建議,讓你學習如何用正確的觀念與方法,來設計移動裝置介面。 - Published: 2016-01-12 - Modified: 2019-04-23 - URL: https://designtongue.me/7-tips-to-create-awesome-mobile-app-designs/ - 分類: 翻譯文章, APP, UI/UX - 標籤: app 設計, mobile design, UI, UX, 互動設計, 使用者介面, 使用者體驗, 移動裝置設計 進行 app 設計,有許多要考量的要素,如:較小的螢幕、更短的專注時間(對使用者)等。在理想的狀態下,我們當然希望設計出讓新用戶能輕易操作的介面,並減少無趣或挫折的體驗。那如何打造完美的 app 呢?我們將在文章內提供7點建議,讓你學習如何用正確的觀念與方法,來設計移動裝置介面。若你想要更深入的了解移動裝置介面設計,我們補充免費的電子書資源:Mobile UI Patterns 與 Interaction Design Best Practices。 (閱讀全文... ) --- ### 設計師 精實創業 談 - 天下武功,唯快不破 > Jimi 是塞席爾商快到爆股份有限公司的共同創辦人之一,對他的第一印象就是 Work Hard & Play Hard,搞交通工具設計、玩音樂、幫 MLB 設計護具等。為了讓讀者更深入地瞭解 Jimi 與快到爆團隊,這次大舌頭很榮幸訪問到 Jimi,讓我們一起來聽聽 “快到爆” 他們對於 精實創業 的看法吧! - Published: 2016-01-05 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%b2%be%e5%af%a6%e5%89%b5%e6%a5%ad%e8%ab%87-%e5%a4%a9%e4%b8%8b%e6%ad%a6%e5%8a%9f-%e5%94%af%e5%bf%ab%e4%b8%8d%e7%a0%b4/ - 分類: 團隊訪談, APP, UI/UX, 創業心得, 心得分享 - 標籤: app, lean startup, Startup, 創業, 團隊, 硬體, 精實創業, 設計師創業, 軟體 Jimi 是塞席爾商快到爆股份有限公司(下稱快到爆)的共同創辦人之一,大學就讀工業設計系時就展現對設計高度的熱誠與投入(大舌頭學生時期就在無名 follow Jimi,是個小小 fans 啊~)。對他的第一印象就是 Work Hard & Play Hard,搞交通工具設計、玩音樂、幫 MLB 設計護具 ... 等,成為當時的大舌頭學習和欽佩的目標。出社會後,無意間看到了 roolen 加濕機,尋線追查後才發現原來是 Jimi 的公司所設計開發出的產品,大舌頭又默默透過 Facebook 關... --- ### 開發網站不可不知:2015~16年的 網頁設計趨勢 > 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同,相當有趣並值得探討。舉個最近流行的趨勢吧!我們可以看到 RWD 越來越流行,許多網站皆改為此方式來設計,除了對移動裝置用戶更友善外,甚至也影響 Google 的搜尋。接著,就讓我們一起回顧今年的網頁設計風潮,與展望明年可能會流行的趨勢囉。 - Published: 2015-12-29 - Modified: 2019-04-23 - URL: https://designtongue.me/web-design-trends-you-must-know-for-2015-2016/ - 分類: UI/UX, APP, 翻譯文章, 電子商務 - 標籤: UI, UX, Web Design, 使用者介面, 使用者體驗, 網頁設計, 網頁設計趨勢, 設計趨勢 較資深的用戶或設計師應該都還記得,90年代大家特別喜歡使用繁複的 GIF 動態檔來裝飾網頁吧?而現在最流行的網頁風格反而是簡約的扁平化設計。 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同,相當有趣並值得探討。 舉個最近流行的趨勢吧!我們可以看到 響應式網頁設計(RWD)越來越流行,許多網站皆改為此方式來設計,除了對移動裝置用戶更友善外,甚至也影響 Google 的搜尋排行。接著,就讓我們透過 UXPin 針對今年度所見的趨勢整理而成的文章,一起回顧今年的網頁設計風潮與... --- ### 別讓這三個常見的 UX 錯誤 壞了你的好設計 > 身處於科技業的設計師是無法一人扮演產品開發中的所有角色。可是顧客與相關權益人又常對設計流程產生誤解,他們也許不知道後端的程式開發與 UX 設計是不同的學門,甚至認為設計師應該要解決所有網站開發的問題。我們收集了一些大家較常犯的 UX 錯誤 (使用者體驗上),並提供一些方針來避免。 - Published: 2015-12-25 - Modified: 2019-04-23 - URL: https://designtongue.me/3-common-ux-mistakes-killing-good-design/ - 分類: UI/UX, 翻譯文章, 電子商務 - 標籤: UI, UX, 使用者介面, 使用者體驗, 網頁設計 身處於科技業的設計師是無法一人扮演產品開發中的所有角色。可是顧客與相關權益人又常對設計流程產生誤解,他們也許不知道後端的程式開發與 UX 設計是不同的學門,甚至認為設計師應該要解決所有網站開發的問題。當你帶著這些刻板印象踏入到這個相對較新的 UX 領域時,你也可能會犯了一些錯誤。我們收集了一些大家較常犯的 UX 錯誤 (使用者體驗上),並提供一些方針來避免。 (閱讀全文... ) --- ### 微互動 將是2016年 APP 的設計新趨勢 > 也許你已經對如何創造一個很棒的 app、傳遞觸動人心的故事以及提供驚艷的視覺設計很有經驗。但市場競爭日趨激烈,有這樣條件的 app 可能還是無法鶴立雞群,還需要更多能連結使用者感受的元素。那就是我們今天要談的主題 - 微互動(micro-interactions)的設計,以及告訴大家為什麼越來越多人重視它。 - Published: 2015-12-12 - Modified: 2019-04-23 - URL: https://designtongue.me/mobile-design-trends-2016-magical-micro-interactions-designmodo/ - 分類: APP, UI/UX, 翻譯文章 - 標籤: app 設計, micro-interaction, UI, UX, 介面設計, 使用者體驗, 微互動, 設計趨勢 也許你已經對如何創造一個很棒的 app、傳遞觸動人心的故事以及提供驚艷的視覺設計很有經驗。但市場競爭日趨激烈,有這樣條件的 app 可能還是無法鶴立雞群,還需要更多能連結使用者感受的元素。那就是我們今天要談的主題 - 微互動(micro-interactions)的設計,以及告訴大家為什麼越來越多人重視它。 (閱讀全文... ) --- ### 除了 UI UX,還有哪種 設計師?讓科技業大佬告訴你 > 不同產業需要不同專長的 設計師 ,例如,工業設計(汽車、傢俱)、印刷設計(雜誌及其它出刊品)到科技領域(網頁、手機應用程式)等。近年來,由於科技公司興起投入開發與介面相關設計的潮流,許多新的設計職稱也應運而生,像是使用者體驗(UX)設計師或使用者介面(UI) 設計師 等職位 ... - Published: 2015-12-10 - Modified: 2019-04-23 - URL: https://designtongue.me/%e9%99%a4%e4%ba%86ui_ux_%e9%82%84%e6%9c%89%e5%93%aa%e7%a8%ae%e8%a8%ad%e8%a8%88%e5%b8%ab/ - 分類: UI/UX, 翻譯文章 - 標籤: designer, UI, UX, 工作, 設計工作, 設計師 使用者介面、使用者體驗、視覺設計、互動設計、使用者研究員、前端工程師、產品設計師?這麼這麼多稱號,卻又聽起來差不多?到底誰是誰,工作職責又是什麼?Pixelapse 的共同創辦人 Lo Min Ming 藉由 Apple、Facebook、Google 等知名科技公司對設計職位的敘述,帶我們一窺不同職責 設計師 之間的差異吧! (閱讀全文... ) --- ### 2016 IxD Awards 決賽名單 - 跨越軟硬體的服務設計 > 2016 IxD Awards 決賽名單於 11/29 公布了,獎項共分為 "連結 (Connecting)"、"創新 (Disrupting)"、"協助 (Empowering)"、"專注 (Engaging)"、"表達 (Expressing)" 與 "最佳化 (Optimizing)" 六個類別。 - Published: 2015-12-03 - Modified: 2019-04-23 - URL: https://designtongue.me/2016-ixd-awards-%e6%b1%ba%e8%b3%bd%e5%90%8d%e5%96%ae-%e8%b7%a8%e8%b6%8a%e8%bb%9f%e7%a1%ac%e9%ab%94%e7%9a%84%e6%9c%8d%e5%8b%99%e8%a8%ad%e8%a8%88/ - 分類: UI/UX, 心得分享 - 標籤: design awards, IxD, 服務設計 2016 IxD Awards 決賽名單於11月29號公布了,獎項共分為 "連結 (Connecting)"、"創新 (Disrupting)"、"協助 (Empowering)"、"專注 (Engaging)"、"表達 (Expressing)" 與 "最佳化 (Optimizing)" 六個類別。 2016 IxD Awards 決賽名單於11月29號公布了,獎項共分為 "連結 (Connecting)"、"創新 (Disrupting)"、"協助 (Empowering)"、"專注 (Engaging)"、"表達 (Expressing)" 與 "最佳化 (Optimizing)" 六個類別。觀看這次的決賽入圍名單,可以發現不少入圍項目並非侷限於單一硬體或軟體服務,而是為了解決某一種問題所提出的整體方案,這個方案可能跨越線上到線下、軟體到硬體,提供的是一個完整的服務設計理念。以下列舉幾項... --- ### After Effect 轉 svg 動畫 - 神奇的 bodymovin 插件 > 最近發現了一個叫做 bodymovin 的 After Effect 插件能直接將動畫轉成 svg,實在是非常方便。過往如要製作 svg 動畫 通常會由設計師用 AI 之類的軟體製作 svg 圖樣,再交由前端處理動畫,不過處理 svg 動畫 需要面對眾多座標數值,處理起來相當費時,設計師與前端之間需花更多時間溝通。以下介紹 bodymovin 插件。 - Published: 2015-12-02 - Modified: 2019-04-23 - URL: https://designtongue.me/effect-%e8%bd%89-svg-%e5%8b%95%e7%95%ab-%e7%a5%9e%e5%a5%87%e7%9a%84bodymovin%e6%8f%92%e4%bb%b6/ - 分類: UI/UX, 教學文章 - 標籤: AE, After Effect, bodymovin, svg, svg 動畫, UI, 動畫 在製作網頁的過程中,以往遇到太複雜的動畫時我不會用 css 處理,而是直接轉成 gif 檔,但 gif 檔實在是超級大,如今在螢幕尺寸百家爭鳴的生態之下,更需準備多組大小才能讓動畫看起來銳利。對於這話題,Ivan Wei 寫過一篇文章 "Android — 讓 apk 裡的切圖容量減少95%的好方法" 非常詳細的介紹如何運用 svg 處理圖樣 icon,現在我們面對 svg 動畫 而言又有甚麼方案呢? (閱讀全文... ) --- ### 卡片式設計大未來 Part2 > 編按:卡片式設計 有哪些精采案例?Material Design 目前有哪些應用?在未來,可應用的設計範疇除了網頁以外,還可延伸至哪些領域?當你開始進行 卡片式設計 ,你得設法在小小的螢幕內放進各種元素。應用合適的顏色、風格、間距,讓一切看起來很和諧 ... - Published: 2015-11-25 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%8d%a1%e7%89%87%e5%bc%8f%e8%a8%ad%e8%a8%88%e5%a4%a7%e6%9c%aa%e4%be%86part2/ - 分類: UI/UX, 翻譯文章 - 標籤: card design, Material Design, 卡片式 編按:卡片式設計 有哪些精采案例?Material Design 目前有哪些應用?在未來,可應用的設計範疇除了網頁以外,還可延伸至哪些領域?當你開始進行 卡片式設計 ,你得設法在小小的螢幕內放進各種元素。應用合適的顏色、風格、間距,讓一切看起來很和諧 ... 編按:卡片式設計 有哪些精采案例? Material Design 目前有哪些應用?在未來,可應用的設計範疇除了網頁以外,還可延伸至哪些領域?在《 卡片式設計 大未來Part2》將一一說明,並在最後提供幾個相關資源與工具供各位參考。 當你開始進行 卡片式設計,你得設法在小小的螢幕內放進各種元素。應用合適的顏色、風格、間距,讓一切看起來很和諧。此外,別忘了卡片的大小和範圍。雖然有些設計可容許過大的卡片設計,但多數要求思考較小的卡片尺寸設計(如手機)以符合嚴格的框架規範。 工作管理 app - Tr... --- ### 卡片式設計 大未來 Part1 > 在這篇文章裡,我們將討論在網頁 UI 設計師的心目中,卡片式設計的意涵是什麼、優缺點、最佳實務,以及未來 卡片式設計 將如何演進,同時我們在文中也推薦一些網路上的資源給大家。優秀的卡片式設計無非是確切地去實踐最根本的設計原則。請記得,每張卡片的介面功能與其設計是同等重要的。 - Published: 2015-11-25 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%8d%a1%e7%89%87%e5%bc%8f%e8%a8%ad%e8%a8%88%e5%a4%a7%e6%9c%aa%e4%be%86part1/ - 分類: UI/UX, 翻譯文章 - 標籤: card design, Material Design, 卡片式設計 在這篇文章裡,我們將討論在網頁 UI 設計師的心目中,卡片式設計的意涵是什麼、優缺點、最佳實務,以及未來 卡片式設計 將如何演進,同時我們在文中也推薦一些網路上的資源給大家。優秀的卡片式設計無非是確切地去實踐最根本的設計原則。請記得,每張卡片的介面功能與其設計是同等重要的。 你是否常發現網站(如下圖)中有這樣的一塊又一塊的圖形設計?這稱之為「卡片」,近年來 卡片式設計 在網站上越來越常見。但別搞錯了,卡片式設計並非一種流行趨勢或花招,事實上,它正是因為非常實用而受到歡迎! (閱讀全文... ) --- ### Sketch Plugin - Zeplin vs. Sympli > 本篇文章轉載自 Sketch Plugin - Zeplin vs. Sympli 。還在選擇 UI 標註軟體嗎?PM、設計師、工程師之間如何協作?Zeplin? Sympli? 這篇文章主要是介紹 UI 標註與協作工具  Zeplin vs. Sympli 。想知道這兩套的差異?優劣勢各在哪?這篇就是了! - Published: 2015-11-21 - Modified: 2019-04-23 - URL: https://designtongue.me/sketch-plugin-zeplin-vs-sympli/ - 分類: APP, UI/UX, 心得分享 - 標籤: app, Sketch, sketch plugin, Sympli, UI 標註, UI 規範, Zeplin 本篇文章轉載自 Sketch Plugin - Zeplin vs. Sympli ,作者是 Water Chen。這篇文章主要是介紹 UI 的標註與協作工具: Zeplin vs. Sympli (Sketch Plugin)。想知道這兩套的差異?優劣勢各在哪?這篇就是了! Sketch Measure - 早期用 Sketch 做介面的標註工具。 優點:可以選擇要標註哪些資訊,自動算出間距,自訂樣式。 缺點:畫面凌亂,得輸出多張標註圖或請工程師安裝 Sketch. (Mac Only) (閱... --- ### 用設計替地球發聲,香港新銳設計團隊 KACAMA > 在他們的作品中,我們可以看到能傳達理念與企圖改變眾人思維,並兼顧解決問題的結合創作。對於習慣消費性產品的大眾們,香港新銳設計團隊 KACAMA 的設計相當獨到,更顯得珍貴。這次大舌頭很高興能訪談那麼優秀與努力的設計團隊給讀者們,訪談內容有他們如何成立,以及作品的創作理念與過程! - Published: 2015-11-09 - Modified: 2019-04-23 - URL: https://designtongue.me/%e7%94%a8%e8%a8%ad%e8%a8%88%e6%9b%bf%e5%9c%b0%e7%90%83%e7%99%bc%e8%81%b2_%e9%a6%99%e6%b8%af%e6%96%b0%e9%8a%b3%e8%a8%ad%e8%a8%88%e5%9c%98%e9%9a%8a_kacama/ - 分類: 團隊訪談, ideas, 心得分享 - 標籤: KACAMA, 新銳設計師, 產品設計, 香港設計團隊 在設計的學習過程中,我們常聽到設計與藝術不同的各種論點。沒錯,設計相較於藝術,更加講求普及,甚至帶有商業氣息;無法如藝術般發揮扭轉思維的強大力量。不過大舌頭卻在香港的新銳設計團隊(KACAMA)作品中,看到了能傳達理念與企圖改變眾人思維,並兼顧解決問題的結合創作。對於習慣消費性產品的大眾們,他們的設計確實獨到,也顯得珍貴。這次大舌頭很高興能訪談那麼優秀與努力的設計團隊給讀者們,大家可細細品味他們的作品!   (閱讀全文... ) --- ### 我在介面設計領域學習的過程 > 本篇文章轉載自 介面設計 的兩三事,作者是 Water Chen。文章中提及了作者在介面(UI)學習的心得點滴,分享給正在這領域中摸索的設計師們!從2013年6月大學畢業至今,工作時間也累積了兩年又三個月。一年三個月的時間在 ASUS 接觸了車用、電視的介面;六個月的時間在阿里巴巴,專注於天貓 APP ... - Published: 2015-11-08 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%88%91%e5%9c%a8%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e9%a0%98%e5%9f%9f%e5%ad%b8%e7%bf%92%e7%9a%84%e9%81%8e%e7%a8%8b/ - 分類: APP, UI/UX, 心得分享 - 標籤: app, 天貓, 實習, 心得, 阿里巴巴實習 本篇文章轉載自 https://medium. com/@Water_Chen/介面設計的兩三事,作者是 Water Chen。文章中提及了作者在介面學習的心得點滴,分享給正在這領域中摸索的設計師們! 從2013年6月大學畢業至今,工作時間也累積了兩年又三個月。一年三個月的時間在 ASUS 接觸了車用、電視的介面;六個月的時間在阿里巴巴,專注於天貓 Mobile APP;即將滿半年的時間在友人的新創團隊負責設計工作。 一眨眼,2015年就快要結束了,我想總結一下這個工作的流程。 以下容許我用視覺設... --- ### iOS 轉 Android 的 APP 設計指南 > Apple 與 Google 在移動裝置上的體驗完全不同,各有擁護的粉絲。就設計師的職責而言,必須深度了解不同系統的 UI 設計規範與使用者體驗(UX)差異,才能設計好的 APP。也因此,設計師 Min Song 提供 iOS 轉 Android 的 APP 設計上手指南。 - Published: 2015-10-31 - Modified: 2019-04-23 - URL: https://designtongue.me/ios-%e8%bd%89-android-%e7%9a%84-app%e8%a8%ad%e8%a8%88-%e6%8c%87%e5%8d%97/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: Android, app 設計, UI, UX, 使用者體驗 Apple 與 Google 在移動裝置上的體驗完全不同,各有擁護的粉絲。在 Android用戶越來越多之下,企業紛紛推出 Android 版的 APP。就設計師的職責而言,必須深度了解不同系統的設計規範與使用者體驗差異,才能針對該系統設計出好的 APP。也因此,設計師 Min Seung Song 提供了 iOS 轉 Android 的 APP 設計上手指南。 (閱讀全文... ) --- ### UI 設計師 學習程式 語言經驗談(二) > 學會基礎的 HTML/CSS 後,很重要的幾件事就是:1. CSS hack 2. CSS 優化與維護性(SASS/css sprite)3. CSS Framework 4. 版本控制(git)。不論 學習程式 的結果如何,你與 RD 間的溝通可更順暢,因為你試著使用 RD 的思考角度去看待你們之間的爭執點。 - Published: 2015-10-20 - Modified: 2019-04-23 - URL: https://designtongue.me/ui%e8%a8%ad%e8%a8%88%e5%b8%ab-%e5%ad%b8%e7%bf%92%e7%a8%8b%e5%bc%8f-%e7%b6%93%e9%a9%97%e8%ab%87-b/ - 分類: 心得分享, UI/UX, 教學文章 - 標籤: css, CSS hack, css sprite, git, HTML, SASS, scss, 程式學習 距離上一篇:UI 設計師 學習程式 語言經驗談(一)大約有五個月了吧?!有沒有持續勤加練習呢?是否遇到什麼樣的困難?如果 學習程式 一切都順利,代表你天份異稟、有潛力。話不多說,我們今天就繼續往下一階段了~今天這篇聊到的內容可能會比較"硬",而且需要更多的學習成本,所以打算以啟發的角度來分享我的 學習程式 歷程。 (閱讀全文... ) --- ### 如何在 Hackathon 中快速設計出 Capso App > Capso 雛形於台灣黑客松期間製作出來。三個月過後,Capso Team 持續開發並加了更多功能上架至 App Store。這篇文章由團隊成員 Jeremy Lin 及 Vic Li 提供經驗分享,暢談如何在短短不到兩天的 Hackathon 中快速制訂配色與造型設計,進而交給工程師開發出 Prototype - Published: 2015-10-09 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%a6%82%e4%bd%95%e5%9c%a8-hackathon-%e4%b8%ad%e5%bf%ab%e9%80%9f%e8%a8%ad%e8%a8%88%e5%87%ba-capso-app/ - 分類: APP, UI/UX, 心得分享 - 標籤: app, capso, hackathon, UI, UX Capso - 解開各個地點的秘密 Capso 可以將美好的片刻錄製下來做為你的寶藏,並在裡面存放秘密埋藏於某地,讓人們去探索。你也可以循著他人分享的影片與藏寶圖,展開一場解開各地點秘密的旅程,並認識埋藏地點秘密的新朋友。 (閱讀全文... ) --- ### 如何成為好的 UX 領導者(UX Leader) > 無論各位 UX 設計師處的環境或擔任的職位為何?作業方式是團隊或單兵作戰?其實都該不斷的提升自己的水平。而眾能力中,領導統御能力對組織、 UX 團隊 、任務與個人尤其重要,它通常扮演著事情能不能成功的要素之一。本篇內容精彩, UX 領導者 一定必看。本文編譯自 How To Become A UX Leader - Published: 2015-10-05 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%a6%82%e4%bd%95%e6%88%90%e7%82%ba%e5%a5%bd%e7%9a%84-ux-%e9%a0%98%e5%b0%8e%e8%80%85/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: UI, UX, UX leader, 使用者體驗, 管理, 經理人, 翻譯文 無論各位 UX 設計師處的環境或擔任的職位為何?作業方式是團隊或單兵作戰?其實都該不斷的提升自己的水平。而眾能力中,領導與統御能力對組織、任務與個人尤其重要,它通常扮演著事情能不能成功的要素之一。本篇文章將帶來資深 UX 設計師帶兵作戰的寶貴意見,絕對能帶給大家許多提醒與省思。 此篇原作者為 Robert Hoekman Jr,他是擁有豐富經驗的 UX 專家,曾服務於多間公司,如 Adobe、MySpace、Dodge、Craftsman、American Heart Association、S... --- ### 超級瑪莉3D世界的起承轉合 - 林田耕一的設計哲學 > 遊戲設計, UI, UX, 產品設計, 超級瑪莉, 林田耕一, 超級瑪莉3D世界的起承轉合 - 林田耕一的設計哲學 - Published: 2015-08-10 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%b6%85%e7%b4%9a%e7%91%aa%e8%8e%893d%e4%b8%96%e7%95%8c%e7%9a%84%e8%b5%b7%e6%89%bf%e8%bd%89%e5%90%88-%e6%9e%97%e7%94%b0%e8%80%95%e4%b8%80%e7%9a%84%e8%a8%ad%e8%a8%88%e5%93%b2%e5%ad%b8/ - 分類: UI/UX, 心得分享 - 標籤: UX/UI, 心得分享, 林田耕一, 產品設計, 設計哲學, 超級瑪莉, 遊戲設計 隨者超級瑪莉推出不同的系列版本,玩家也有了全新的體驗。以超級瑪莉3D世界(Super Mario 3D World)這款遊戲來說,裡面有會動的跳板、翻轉的格子、觸發的陷阱等等,世界觀極為複雜、創新和耐人尋味。然而遊戲設計師到底是怎麼辦到的呢? 超級瑪莉3D世界的開發者林田耕一(Koichi Hayashida)在一次 專訪 中提到了他的《起、承、轉、合》 設計理念。 超級瑪莉從小到大陪我長大,每次有新版本出來都會迫不及待去買。最近看到了 一篇文章 說任天堂的遊戲設計師在最初設計馬力歐是在網格紙上設計的,近期也把這種方法開放給玩家用,玩家可以直接用《Super Mario Maker》 編輯自己的地圖。看到這種作法小時候剛拿到新遊戲的興奮感又回來了,也讓我非常好奇遊戲設計師到底是怎麼規劃和定位超級瑪莉的? (閱讀全文... ) --- ### 萌奇筆初體驗,看我怎麼捕捉世界的顏色 > 萌奇筆 是全球第一款兒童吸色的觸控筆。它能藉由儀器來捕捉物體的代表色,並在專屬的 app 中帶入該色並進行繪畫。顏色的認知與應用並非孩子天生的能力,須透過學習與嘗試來了解。透過科技的協助,將會是孩子認識顏色非常好的啟蒙方式之一,同時也能強化親子的互動,加深彼此的感情。 - Published: 2015-08-09 - Modified: 2019-04-23 - URL: https://designtongue.me/%e8%90%8c%e5%a5%87%e7%ad%86%e5%88%9d%e9%ab%94%e9%a9%97%ef%bc%8c%e7%9c%8b%e6%88%91%e6%80%8e%e9%ba%bc%e6%8d%95%e6%8d%89%e4%b8%96%e7%95%8c%e7%9a%84%e9%a1%8f%e8%89%b2/ - 分類: 體驗文, UI/UX, 心得分享 - 標籤: mozbii, UX, 使用者體驗, 兒童, 硬軟整合, 萌奇筆, 設計專利 萌奇筆 是全球第一款兒童吸色的觸控筆。它能藉由儀器來捕捉物體的代表色,並在專屬的 app 中帶入該色並進行繪畫。顏色的認知與應用並非孩子天生的能力,須透過學習與嘗試來了解。透過科技的協助,將會是孩子認識顏色非常好的啟蒙方式之一,同時也能強化親子的互動,加深彼此的感情。 大家都知道大舌頭最喜歡體驗應用科技的最新產品或服務。而最近大舌頭就收到朋友送的一份硬軟整合產品 - 萌奇筆(MOZBII,是由台灣新創團隊打造的喔)!由於它的功能真的太有趣,並且帶來許多創新的互動想像,所以特別將體驗與大家分享。 在介紹萌奇筆的功能、外觀、互動方式與應用前,有一點相當重要,那就是這項產品是專為3至12歲的兒童所設計。所以下文中,大舌頭會以3至12歲兒童的角度,以及家長與孩子互動的方式來分析產品設計的特點。 (閱讀全文... ) --- ### Gogoro X 設計大舌頭 – 看 app 如何改善機車的使用經驗 > 隨著 Gogoro 城市新探 BETA PROGRAM 的結束,在熱血過後,還剩下什麼呢?沒錯,就是體驗!不知道各位對於上篇大舌頭介紹的騎乘經驗是不是已有些初步認識了呢?而這篇將針對 Gogoro app 的體驗與延伸應用做個簡單介紹,讓大家可以更瞭解 Gogoro app 的 UI 互動性與未來發展的可能性。 - Published: 2015-08-05 - Modified: 2019-04-23 - URL: https://designtongue.me/gogoro-x-%e8%a8%ad%e8%a8%88%e5%a4%a7%e8%88%8c%e9%a0%ad-%e7%9c%8b-app-%e5%a6%82%e4%bd%95%e6%94%b9%e5%96%84%e6%a9%9f%e8%bb%8a%e7%9a%84%e4%bd%bf%e7%94%a8%e7%b6%93%e9%a9%97/ - 分類: 體驗文, APP, ideas, UI/UX, 心得分享 - 標籤: app, app UI, BETA PROGRAM, gogoro, gogoro app, pilot, Smartscooter, UI, 城市新探, 體驗文 隨著 Gogoro 城市新探 BETA PROGRAM 的結束,在熱血過後,還剩下什麼呢?沒錯,就是體驗!不知道各位對於上篇大舌頭介紹的騎乘經驗是不是已有些初步認識了呢?而這篇將針對 Gogoro app 的體驗與延伸應用做個簡單介紹,讓大家可以更瞭解 Gogoro app 的 UI 互動性與未來發展的可能性。 隨著 Gogoro 城市新探 BETA PROGRAM 活動的結束,過程中大舌頭除了熱血外,還留下什麼回憶呢?沒錯,就是獨特的體驗!不知道各位由上篇的騎乘經驗分享文(Gogoro X 設計大舌頭 – 當未來機車進入生活體驗時),對 Gogoro 是否已有初步的認識了呢?而這次,大舌頭將針對 Gogoro app 的體驗與延伸應用做個簡單介紹,讓大家可更瞭解 Gogoro app 的 UI 互動方式與未來發展的可能性。   (閱讀全文... ) --- ### 如何讓介面中的動畫設計較容易被實現? > 如何讓 介面中的動畫設計 較容易被實現?一般而言設計師交接給工程師製作時,除了輸出的圖檔之外還會有一份設計文件,用來交代畫面上的間距、文字、顏色等等資訊,有很多文章都在講解如何寫一份好的設計文件,例如這一篇。隨者設計發展,動畫的重要性也逐漸受到重視 ...... - Published: 2015-07-24 - Modified: 2019-04-23 - URL: https://designtongue.me/animation-design-to-production/ - 分類: UI/UX, 心得分享, 教學文章 - 標籤: UI, UX, UX/UI, 使用體驗, 動畫, 動畫設計, 設計工具, 設計流程, 設計觀察 一般而言設計師交接給工程師製作時,除了輸出的圖檔之外還會有一份設計文件,用來交代畫面上的間距、文字、顏色等等資訊,有很多文章都在講解如何寫一份好的設計文件,例如這一篇。 隨者設計發展,動畫的重要性也逐漸受到重視,設計大舌頭也特別寫了一篇文章說明動畫效果的重要性: 2015 動畫效果會是介面設計的趨勢嗎?。然而動畫效果較不容易用設計文件說明。 一般而言設計師交接給工程師製作時,除了輸出的圖檔之外還會有一份設計文件,用來交代畫面上的間距、文字、顏色等等資訊,有很多文章都在講解如何寫一份好的設計文件,例如這一篇。 隨者設計發展,動畫的重要性也逐漸受到重視,設計大舌頭也特別寫了一篇文章說明動畫效果的重要性: 2015 動畫效果會是介面設計的趨勢嗎?。然而動畫效果較不容易用設計文件說明。 通常設計師會透由原型(prototype)來表達動畫效果,運用像 After Effect、Framer. js、Origami 等等工具製作,但這些工具的產... --- ### 保護智慧財產不求人,介面設計師三分鐘看懂 設計專利 > 設計師所創造出來的設計價值,已跳脫增加產品銷售、改善生活、帶來更好的 UX 等傳統效益。所以設計師在知識領域的增進,需跨出單純"做設計"的小框框;同時也應多關注新聞動態,了解專利對產業的影響。甚至在設計前透過設計專利檢索,來降低未來產品推出被訴侵權或迴避的機會,也許還能由 設計專利 的檢索中得到設計靈感! - Published: 2015-07-22 - Modified: 2019-04-23 - URL: https://designtongue.me/%e4%bf%9d%e8%ad%b7%e6%99%ba%e8%b2%a1%e4%b8%8d%e6%b1%82%e4%ba%ba%ef%bc%8c%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%b8%ab%e4%b8%89%e5%88%86%e9%90%98%e7%9c%8b%e6%87%82%e8%a8%ad%e8%a8%88%e5%b0%88%e5%88%a9/ - 分類: 電子商務, UI/UX, 教學文章, 智慧產權 - 標籤: design patent, GUI, icon, Patentcloud, Patentcloud.com, UI, 中台專利雲, 圖形化使用者介面, 專利雲, 設計專利, 電腦圖像 早期,大多數企業並不重視設計專利,認為很容易被迴避。直到 APPLE 對競爭對手發動設計專利訴訟戰,並透過舉證成功的牽制對手後,才逐漸扭轉大家看待 設計專利 的價值觀。然而,專利訴訟在商業戰略上的思考與應用層面,並不是設計師該處理的項目。但由上述的例子來看,設計師所創造出來的設計價值,已跳脫增加產品銷售、改善生活、帶來更好的 UX 等傳統效益(當然這還是很重要,並且是設計師們最關注的)。所以設計師在知識領域的增進,需跨出單純"做設計"的小框框;同時也應多關注新聞動態,了解專利對產業的影響。甚至在... --- ### Gogoro X 設計大舌頭 - 當未來機車進入生活體驗時 > 設計大舌頭入選了 gogoro 舉辦的城市新探 BETA PROGRAM pilot 選拔活動,所以有1000小時的體驗期。大舌頭也沒忘了粉絲們,決定把騎乘過程分享給大家!有鑒於已有相當多針對性能、造型、大數據與商業模式的分享,本篇將著重於人與機車互動的 ”體驗” 過程。出發吧 - gogoro X 設計大舌頭 - Published: 2015-07-20 - Modified: 2019-04-23 - URL: https://designtongue.me/gogoro-x-%e8%a8%ad%e8%a8%88%e5%a4%a7%e8%88%8c%e9%a0%ad-%e7%95%b6%e6%9c%aa%e4%be%86%e6%a9%9f%e8%bb%8a%e9%80%b2%e5%85%a5%e7%94%9f%e6%b4%bb%e9%ab%94%e9%a9%97%e6%99%82/ - 分類: 體驗文, UI/UX, 心得分享 - 標籤: BETA PROGRAM, gogoro, GoStation, Smartscooter, user experience, UX, 城市新探, 智慧機車, 設計大舌頭 設計大舌頭入選了 gogoro 舉辦的城市新探 BETA PROGRAM pilot 選拔活動,所以有1000小時的體驗期(真的超爽 der~)。大舌頭也沒忘了粉絲們,決定把騎乘過程分享給大家!有鑒於已有相當多針對性能、造型、大數據與商業模式的分享文,本篇將著重於人與機車互動的 ”體驗” 過程。出發吧 - gogoro X 設計大舌頭 根據維基百科,第一部機車誕生於1769年,經過了200多年,現代機車當然與過去大不相同,但近代的創新大多著重於造型、性能與舒適度的部分,很難看到破壞式的創新。然而,在互聯與物聯網的時代下,甚麼產業都可能被顛覆,而我們很可能在近期就可以一探未來機車的模樣,那就是 Gogoro! (閱讀全文... ) --- ### 打造軟體好體驗,需要 UX 設計師的5大能力! > UX 設計師也成為近年來成長快速與火熱的職業之一。依小編的觀察,大多公司的 UX 設計師職缺所描述的工作內容皆為過去 UI 設計師所負責的。這代表大多數的公司僅了解 UX 的重要性,卻不知 UX 的方法、工具與流程,以及 UX 設計師應具備何種能力。而本文,將介紹大家 UX 設計師的5大能力 ... - Published: 2015-06-26 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%89%93%e9%80%a0%e8%bb%9f%e9%ab%94%e5%a5%bd%e9%ab%94%e9%a9%97%ef%bc%8c%e9%9c%80%e8%a6%81ux%e8%a8%ad%e8%a8%88%e5%b8%ab%e7%9a%845%e5%a4%a7%e8%83%bd%e5%8a%9b/ - 分類: UI/UX, 翻譯文章 - 標籤: ued, UX, UX Designer, 使用者體驗, 使用者體驗設計師, 用戶體驗 UX 設計師也成為近年來成長快速與火熱的職業之一。依小編的觀察,大多公司的 UX 設計師職缺所描述的工作內容皆為過去 UI 設計師所負責的。這代表大多數的公司僅了解 UX 的重要性,卻不知UX的方法、工具與流程,以及 UX 設計師應具備何種能力。而本文,將介紹大家 UX 設計師的5大能力! 因網路與手持裝置普及,使得軟體業蓬勃發展。在各方激烈競爭下,重視 UX 成了讓產品獨一物二、黏著度更高以及出眾的策略,而 UX 設計師也成為近年來成長快速與火熱的職業之一。不過,依小編的觀察,大多公司的 UX 設計師職缺所描述的工作內容皆為過去 UI 設計師所負責的。這代表大多數的公司僅了解 UX 的重要性,卻不知 UX 的方法、工具與流程,以及 UX 設計師應具備何種能力。如此,可能導致公司雖致力追求好的 UX,但因招募的人才方向錯誤而不能達到預期的改變。因此,小編想起了 Steve Psom... --- ### 查詢 3+2 郵遞區號 有那麼難嗎? > 查詢 3+2 郵遞區號 有那麼難嗎?筆者昨天在網上看了 TEDxNTUST上的影片,其中一位講者 Mosky 的演講內容提到他發起的自由軟體 project - ZIP Code tw,它是一個自動帶出郵遞區號的輸入方式,由於實在太好用了,所以特別介紹給大舌頭的讀者~ - Published: 2015-06-07 - Modified: 2019-04-23 - URL: https://designtongue.me/%e6%9f%a5%e8%a9%a2-32-%e9%83%b5%e9%81%9e%e5%8d%80%e8%99%9f-%e6%9c%89%e9%82%a3%e9%ba%bc%e9%9b%a3%e5%97%8e%ef%bc%9f/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: Open Source, taiwan, zip code, 郵遞區號, 開放原始碼 查詢 3+2 郵遞區號 有那麼難嗎?筆者昨天在網上看了 TEDxNTUST上的影片,其中一位講者 Mosky 的演講內容提到他發起的自由軟體 project - ZIP Code tw,它是一個自動帶出郵遞區號的輸入方式,由於實在太好用了,所以特別介紹給大舌頭的讀者~ 查詢 3+2 郵遞區號 有那麼難嗎?筆者昨天在網上看了 TEDxNTUST 上的影片,其中一位講者 Mosky 的演講內容提到他發起的自由軟體 project - ZIP Code tw,它是一個自動帶出郵遞區號的輸入方式,由於實在太好用了,所以特別介紹給大舌頭的讀者~ (閱讀全文... ) --- ### 我用 Sketch 設計 Android app 的工作流程 > 我用 Sketch 設計 Android app 的工作流程,剛接觸的人可以找來看看。其實如果會用 Photoshop 和 illustrator,要上手 Sketch 並不難,只是要改掉一直想按 V 鍵切換成選取工具的習慣而已。新版的 Sketch 已經內建了 Material Design 的樣版。 - Published: 2015-05-31 - Modified: 2020-04-07 - URL: https://designtongue.me/%e6%88%91%e7%94%a8-sketch-%e8%a8%ad%e8%a8%88-android-app-%e7%9a%84%e5%b7%a5%e4%bd%9c%e6%b5%81%e7%a8%8b/ - 分類: APP, UI/UX, 心得分享, 教學文章 - 標籤: Android, inVision, Material Design, Sketch, Sketch 3, UI, Zeplin, 設計流程 要動筆寫這篇文章時,突然想到前陣子被問: 「通常... 設計師不是都比較喜歡用 iPhone 的嗎?你為什麼喜歡 Android?」 我喜歡 Android 的原因很多,這篇文章不談,以免分享文變戰文 XD。而事實上,的確因為 iOS 的各方面優質設計,讓很多設計師為它打造各種美輪美奐的應用。所以當我們在閱讀 UI 教學、app 設計的心得時,往往也是 iOS 的資源會比較多。 既然我愛 Android,那就來幫綠色機器人寫寫文章,拋出我的磚,希望可以有更多的 Andr​​oid 好設計。... --- ### 「十年磨一劍」騰訊的 用戶體驗 發展 > 悠識 舉辦的 MIX2015 論壇,請到 騰訊 第一位專職 交互設計師:陳妍,分享騰訊的 用戶體驗 發展,讓我們了解如同騰訊等級的大公司,體驗設計 是怎樣被執行。相較於中國另外兩大巨頭公司的主要盈利模式,百度靠廣告、阿里靠電商服務,騰訊產品導入 用戶體驗 至今已十年,因此講者以「十年磨一劍」作為此次分享主軸。 - Published: 2015-05-27 - Modified: 2019-04-23 - URL: https://designtongue.me/%e5%8d%81%e5%b9%b4%e7%a3%a8%e4%b8%80%e5%8a%8d-%e9%a8%b0%e8%a8%8a-%e7%9a%84-%e7%94%a8%e6%88%b6%e9%ab%94%e9%a9%97-%e7%99%bc%e5%b1%95/ - 分類: 心得分享, UI/UX, 電子商務 - 標籤: MIX2015, 使用者體驗, 騰訊 使用者體驗、使用者研究一詞近來炒得正熱,似乎每個公司一定要徵幾個相關職位,UI/UX 設計師等職缺如雨後春筍般接連冒出,究竟這些職缺工作內容是否與職稱頭銜相符,相信身為設計人都心裡有數。悠識舉辦的 MIX2015 論壇,請到騰訊第一位專職交互設計師:陳妍,分享騰訊的 用戶體驗 發展,讓我們了解如同騰訊等級的大公司,體驗設計是怎樣被執行。 MIX 2015 行動體驗設計論壇 - 用戶需求驅動創新設計 日期:2015/05/15 主辦:悠識 UserXper 主講人:陳妍 / 騰訊 用戶研究與體驗設... --- ### UI 設計師 學習程式 語言經驗談(一) > 由標題就可以看出,這篇是一則從不會寫 code 到能寫出稍微像樣的網頁勵志文(誤~)。 因為想與開發團隊溝通順暢,所以開始接觸前端語言(HTML 與 CSS),沒想到因此掉入了一連串的無底深淵~我們都知道在 學習程式 前,首要準備好教材。筆者綜合同事們的意見,找到了一本基礎的翻譯書籍...... - Published: 2015-05-20 - Modified: 2019-04-23 - URL: https://designtongue.me/ui%e8%a8%ad%e8%a8%88%e5%b8%ab-%e5%ad%b8%e7%bf%92%e7%a8%8b%e5%bc%8f-%e7%b6%93%e9%a9%97%e8%ab%87-a/ - 分類: 心得分享, UI/UX, 教學文章 - 標籤: code, css, HTML, UI, 前端, 程式學習, 設計師 由標題就可以看出,這篇是一則從不會寫 code 到能寫出稍微像樣的網頁勵志文(誤~)。 因為想與開發團隊溝通順暢,所以開始接觸前端語言(HTML 與 CSS),沒想到因此掉入了一連串的無底深淵~我們都知道在學習新知識前,首要準備好教材。筆者綜合同事們的意見,找到了一本基礎的翻譯書籍...... 由標題就可以看出,這篇是一則從不會寫 code 到能寫出稍微像樣的網頁勵志文(誤~)。 首先筆者先介紹一下自己的背景,大學與研究所都是工業設計背景。大學時專注於實體產品的設計,而研究所開始接觸通用設計、高齡人機介面、感知心理學等領域。畢業後,因為開始對非實體的設計感到興趣(UI 與 UX 等),就直接投入資訊業當個小小 UI Designer 了。不過隔行如隔山,事情絕對不會是傻人(筆者)想像的那麼簡單,結合過去所學的設計理論到實務應用總是會有一段陣痛期。 圖片截圖:www. adhamdanna... --- ### 評價社群趕走業配文 --- ratedom app > 設計大舌頭的小編們,最近試著設計一款新形態的評價社群,希望能夠把誕生想法到上線的過程分享給大家。 簡單來說,我們想要打造一個全新的評價社群,透過簡單的操作讓使用者快速分享給朋友。 目前將這個平台名稱暫定為 ratedom ,若有興趣的人可以透過[這個管道來申請 beta版,成為 ratedom 首批使用者喔! - Published: 2015-04-29 - Modified: 2019-04-25 - URL: https://designtongue.me/%e8%a9%95%e5%83%b9%e7%a4%be%e7%be%a4%e8%b6%95%e8%b5%b0%e6%a5%ad%e9%85%8d%e6%96%87-ratedom-app/ - 分類: APP, beta, ideas, UI/UX - 標籤: app, beta, cool3C, rate, ratedom, 創業, 癮科技, 社群, 評價 設計大舌頭的小編們,最近試著設計一款新形態的評價社群,希望能夠把誕生想法到上線的過程分享給大家。 簡單來說,我們想要打造一個全新的評價社群,透過簡單的操作讓使用者快速分享給朋友。 目前將這個平台名稱暫定為 ratedom ,若有興趣的人可以透過[這個管道來申請 beta版,成為 ratedom 首批使用者喔! 工讀生走開,業配文閃開   設計大舌頭的小編們,最近試著設計一款新形態的評價社群,希望能夠把誕生想法到上線的過程分享給大家。同時,也嘗試不同於傳統的開發模式,也就是在前期即結合行銷、社群與使用者的回饋,打造出滿足需求與體驗獨特的產品。所以未來設計大舌頭會同步開發進度,將過程分享給讀者們!也希望能接收到大家熱烈的意見,協助這個新社群的誕生。話不多說,就讓我們看首篇--概念發想篇吧! (閱讀全文... ) --- ### 不會寫程式的設計師如何驗證自己的概念呢? > 最近 精實創業 的風潮席捲全球,尤其是資訊業,因為相較於其他產業,資訊業的創業資本門檻較低,初期大概僅需要花費自己的時間與硬體費用(筆電等)。但我不會寫程式怎麼辦?有一個不錯的方法:" fake door( 假門 ) ",意指用 " 假產品 " 來測試市場對這產品(概念)是否有興趣,使用者族群有多少。 - Published: 2015-04-23 - Modified: 2019-04-25 - URL: https://designtongue.me/%e4%b8%8d%e6%9c%83%e5%af%ab%e7%a8%8b%e5%bc%8f%e7%9a%84%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%a6%82%e4%bd%95%e9%a9%97%e8%ad%89%e8%87%aa%e5%b7%b1%e7%9a%84%e6%a6%82%e5%bf%b5%e5%91%a2%ef%bc%9f/ - 分類: APP, ideas, UI/UX - 標籤: css, designer, GoogleAnalytics, Startup, UI, 假門, 創業, 程式, 設計師 創業火箭要起飛   最近 精實創業 的風潮席捲全球,尤其是資訊業,因為相較於其他產業,資訊業的創業資本門檻較低,初期大概僅需要花費自己的時間與硬體費用(筆電等)。在創業界中,有本神書已經風靡了多年,沒看過的人,不要說你想創業(... 誤),那就是 精實創業:用小實驗玩出大事業 / The Lean Startup。 (閱讀全文... ) --- ### 掌握第一手蘋果 設計專利 資訊 > 讀者們想要閱讀 設計專利 資訊與動態的可能原因很多,例如想從中看出企業可能推出的產品及技術、新產品的外觀或界面設計、做競爭對手調研或單純的求知慾等。本篇要介紹一個專利檢索的平台 - 專利雲,並教導大家怎麼進行初階的專利檢索與關注企業的最新 設計專利 ( 如:蘋果、小米、Google 或 Sony )。 - Published: 2015-04-01 - Modified: 2019-04-24 - URL: https://designtongue.me/%e6%8e%8c%e6%8f%a1%e7%ac%ac%e4%b8%80%e6%89%8b%e8%98%8b%e6%9e%9c%e8%a8%ad%e8%a8%88%e5%b0%88%e5%88%a9%e8%b3%87%e8%a8%8a/ - 分類: 智慧產權, UI/UX, 教學文章, 電子商務 - 標籤: design patent, patent search platform, Patentcloud, 專利檢索, 專利雲, 自動監控, 設計專利 在與產業、創業、投資、科技及設計相關的媒體報導中發現,有越來越多與專利有關的介紹,可見在新一輪的智慧經濟產業中,專利的運營佈局扮演著重要的角色,同時也代表大家希望接觸這類主題的資訊。而讀者們想要閱讀 設計專利 資訊與動態的可能原因很多,例如想從中看出企業可能推出的產品及技術、新產品的外觀或界面設計、做競爭對手調研或單純的求知慾等。   (閱讀全文... ) --- ### 了解使用者體驗 (UX) 的第一堂課 > 軟體界,好的使用者體驗(user experience)所帶來的效益已被廣泛認同;同時在開發流程中,UX 研究所佔的角色也越來越重要。其實 了解使用者體驗 並非設計師的專利,它更需要的是跨領域的人才,並整合各領域的知識、工具與經驗!以上的內容,僅僅只是使用者體驗的初階知識 ... - Published: 2015-02-23 - Modified: 2019-04-24 - URL: https://designtongue.me/%e4%ba%86%e8%a7%a3%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97-ux-%e7%9a%84%e7%ac%ac%e4%b8%80%e5%a0%82%e8%aa%b2/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: Design Thinking, UI, User, user experience, user interface, UX, 使用者介面, 使用者體驗, 設計思考 軟體界,好的使用者體驗(user experience, UX)所帶來的效益已被廣泛認同;同時在開發流程中,UX 研究所佔的角色也越來越重要。其實,做 UX 並非設計師的專利,它更需要的是跨領域的人才,並整合各領域的知識、工具與經驗!例如,某設計師非常專精於網頁的視覺設計上,但要轉執行 UX 研究又得下一番苦功,甚至要重新調整心態。 (閱讀全文... ) --- ### 2015 動畫效果會是介面設計的趨勢嗎? > 動畫效果 對使用者而言,是帶來獨特體驗的重要手法之一。所以我們除了關心使用者體驗、視覺設計與功能之外,也要開始注重它。2015 年的動畫效果主要有兩大趨勢,其中之一是將有更多改善傳統介面與流程的動畫工具出現,另外就是瀏覽器或裝置上的效能提升。 - Published: 2015-02-07 - Modified: 2019-04-25 - URL: https://designtongue.me/2015-%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c%e6%9c%83%e6%98%af%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e7%9a%84%e8%b6%a8%e5%8b%a2%e5%97%8e%ef%bc%9f/ - 分類: UI/UX, 翻譯文章 - 標籤: animation, app, design, Interaction, mobile, trend, UI, 交互設計, 介面設計, 動畫 動畫效果對使用者而言,是帶來獨特體驗的重要手法之一。所以我們除了關心使用者體驗、視覺設計與功能之外,也要開始注重它。2015 年的動畫效果主要有兩大趨勢,其中之一是將有更多改善傳統介面與流程的動畫工具出現,另外就是瀏覽器或裝置上的效能提升。 動畫效果對使用者而言,是帶來獨特體驗的重要手法之一。所以我們除了關心使用者體驗、視覺設計與功能之外,也要開始注重它。2015 年的動畫效果主要有兩大趨勢,其中之一是將有更多改善傳統介面與流程的動畫工具出現,另外就是瀏覽器或裝置上的效能提升。 (閱讀全文... ) --- ### 老闆不要再打槍!把網站設計成這樣是有道理的 > 每當熬夜過後的 網站設計 提案,總是最怕被老闆或業主無情的打槍了!打槍的理由有道理就算了,若面對會讓你暗自翻白眼的主觀控述,你會怎麼看待?會吵一頓架?還是默默的將苦吞肚呢? 其實我們應該換個角度想,既然接受了這個案件或任務,就應主動扮演起「說服者」與「協調者」的角色,以專業的態度負起「溝通」的責任。 - Published: 2014-12-29 - Modified: 2019-04-25 - URL: https://designtongue.me/%e8%80%81%e9%97%86%e4%b8%8d%e8%a6%81%e5%86%8d%e6%89%93%e6%a7%8d%e6%8a%8a%e7%b6%b2%e7%ab%99%e8%a8%ad%e8%a8%88%e6%88%90%e9%80%99%e6%a8%a3%e6%98%af%e6%9c%89%e9%81%93%e7%90%86%e7%9a%84/ - 分類: 電子商務, UI/UX, 翻譯文章 - 標籤: RWD, UCD, UI, user experience, user interface, UX, Web Design, 介面設計, 使用者中心設計, 使用者體驗, 網頁設計, 響應式設計 每當熬夜過後的 網站設計 提案,總是最怕被老闆或業主無情的打槍了!打槍的理由有道理就算了,若面對會讓你暗自翻白眼的主觀控述,你會怎麼看待?會吵一頓架?還是默默的將苦吞肚呢? 其實我們應該換個角度想,既然接受了這個案件或任務,就應主動扮演起「說服者」與「協調者」的角色,以專業的態度負起「溝通」的責任。 每當熬夜過後的設計提案,總是最怕被老闆或業主無情的打槍了! 打槍的理由有道理就算了,若面對會讓你暗自翻白眼的主觀控述,你會怎麼看待? 會吵一頓架? 還是默默的將苦吞肚呢?   (閱讀全文... ) --- ### 由手機軟硬體發展探討使用者習慣 > 硬體、軟體、人、環境四個因素都是動態的且持續互相影響的。科技的發達已經大大改變了我們的環境與生活,軟體的發展讓過去硬體為主的供應鏈產生了莫大的衝擊,然而市場趨勢與需求主導了硬體的發展。人可能會因為科技的發展而改變生活型態、使用行為,也可能因為人的行為驅動軟硬體發展,兩者之間互相影響著,很奇妙又有趣。 - Published: 2014-12-14 - Modified: 2019-04-24 - URL: https://designtongue.me/%e7%94%b1%e6%89%8b%e6%a9%9f%e8%bb%9f%e7%a1%ac%e9%ab%94%e7%99%bc%e5%b1%95%e6%8e%a2%e8%a8%8e%e4%bd%bf%e7%94%a8%e8%80%85%e7%bf%92%e6%85%a3/ - 分類: APP, UI/UX, 日常觀察 - 標籤: Knock Code, Pressy, UX, 使用者經驗, 大尺寸螢幕, 硬體, 軟體 硬體、軟體、人、環境四個因素都是動態的且持續互相影響的。科技的發達已經大大改變了我們的環境與生活,軟體的發展讓過去硬體為主的供應鏈產生了莫大的衝擊,然而市場趨勢與需求主導了硬體的發展。人可能會因為科技的發展而改變生活型態、使用行為,也可能因為人的行為驅動軟硬體發展,兩者之間互相影響著,很奇妙又有趣,讀者們可以靜靜觀察這些改變,也許會有些洞見在裡頭(iphone6 的推出使得牛仔褲口袋需要加大)。 近幾年來,由於智慧型手機快速地發展,使得軟體扮演著更重要的角色,硬體相對於顯得弱勢,這一切的變化就在短短幾年,帶來的衝擊不僅僅在於產業鏈,使用者的 life style 也因此而改變且持續著。 筆者最近觀察了一些軟硬體的應用,發現這些發展都跟使用者習慣有關。今天就在這邊跟大家分享一些案例。 (閱讀全文... ) --- ### Google 告訴你 : 網路廣告 怎麼放效益最高 ! - Published: 2014-12-10 - Modified: 2021-09-17 - URL: https://designtongue.me/google-%e5%91%8a%e8%a8%b4%e4%bd%a0-%e7%b6%b2%e8%b7%af%e5%bb%a3%e5%91%8a%e6%80%8e%e9%ba%bc%e6%94%be%e6%95%88%e7%9b%8a%e6%9c%80%e9%ab%98/ - 分類: UI/UX, 教學文章, 翻譯文章, 電子商務 - 標籤: e-commerce, Google adwords, Google分析, viewable impression, 廣告投放位置, 電子商務 每個投放 網路廣告 的業主,最重視的就是它的效益如何。換句話說,就是投入的廣告預算能對目標族群發揮多大的影響力。因此,廣告的收費機制也逐漸改變,由過去曝光數(impression)轉向可見度曝光數(viewable impression)的方式收費。這兩者的差異在於曝光數僅是衡量廣告出現的次數,但有可能因位置擺放或瀏覽器尺寸較小的關係,使用者無法看到該廣告;相反的,可見度曝光數即是計算使用者在視窗內看到廣告的次數。 (閱讀全文... ) --- ### 你更新了嗎?現在 Line 可以打字貼圖了~ > 現在 Line 可以 打字貼圖 了~貼圖在聊天過程中極為重要,因為貼圖的表情、動作可以適度表達一些情感,讓彼此在聊天的過程中,多添加了一點情緒的成分(它的比重大於文字),因此如何讓使用者可以快速找到合適的貼圖就變得很重要。 以前 msn 的時代,貼圖可以設快捷鍵或文字,當你打了那個字或詞,字就會轉換成圖 ... - Published: 2014-12-08 - Modified: 2019-04-24 - URL: https://designtongue.me/%e4%bd%a0%e6%9b%b4%e6%96%b0%e4%ba%86%e5%97%8e%ef%bc%9f%e7%8f%be%e5%9c%a8-line-%e5%8f%af%e4%bb%a5%e6%89%93%e5%ad%97%e8%b2%bc%e5%9c%96%e4%ba%86%ef%bd%9e/ - 分類: APP, UI/UX, 日常觀察 - 標籤: Line, UI, UX, 使用者經驗, 貼圖 現在 Line 可以打字貼圖了~貼圖在聊天過程中極為重要,因為貼圖的表情、動作可以適度表達一些情感,讓彼此在聊天的過程中,多添加了一點情緒的成分(它的比重大於文字),因此如何讓使用者可以快速找到合適的貼圖就變得很重要。 以前 msn 的時代,貼圖可以設快捷鍵或文字,當你打了那個字或詞,字就會轉換成圖 ... 貼圖在聊天過程中極為重要,因為貼圖的表情、動作可以適度表達一些情感,讓彼此在聊天的過程中,多添加了一點情緒的成分(它的比重大於文字),因此如何讓使用者可以快速找到合適的貼圖就變得很重要。 以前 msn 的時代,貼圖可以設快捷鍵或文字,當你打了那個字或詞,字就會轉換成圖,這方法也不錯,只是有時候會造成你不想傳圖但圖一直出現(如某張圖你設成”愛“,所以當你打到“愛”字時,❤ 的圖就會取代文字,但也許當時情況不適合傳圖來表達)。   (閱讀全文... ) --- ### 如何增加連結的 點擊率 呢? > 增加 點擊率 的方式?連結區塊之所以更容易點擊原因主要是連結區塊(link block)的點擊目標面積大於文字連結(link)與按鈕(button),使用者不需要精準的指向目標即可達到點擊的目的。 - Published: 2014-11-26 - Modified: 2019-04-24 - URL: https://designtongue.me/%e5%a6%82%e4%bd%95%e5%a2%9e%e5%8a%a0%e9%80%a3%e7%b5%90%e7%9a%84%e9%bb%9e%e6%93%8a%e7%8e%87%e5%91%a2%ef%bc%9f/ - 分類: UI/UX, 翻譯文章, 電子商務 - 標籤: Link block, UI, 使用者介面, 點擊率 增加 點擊率 的方式?連結區塊之所以更容易點擊原因主要是連結區塊(link block)的點擊目標面積大於文字連結(link)與按鈕(button),使用者不需要精準的指向目標即可達到點擊的目的。 本篇文章翻譯自 How Link Blocking Can Increase Your Click-through Rate by anthony。User research 已證明當目標越明顯(大),則越容易且快速地被點擊(click)。簡單來說就是,如果你將文字連結(link)用按鈕(button)的形式呈現,將會增加其 點擊率 ;但是如果你將按鈕改成連結區塊(link block),其點 擊率 的成長甚至更明顯。 (閱讀全文... ) --- ### 3 種過氣的 UX patterns > 以下文章將著重於三個 2014 年十分常見的 UX pattern,這些 pattern 在設計過程中,設計師可能想都不用想就直接使用,也許我們需要思考一下!這三個 UX pattern 分別是:1. Large Background Images 2. Text as Images 3. Mega Menus - Published: 2014-10-29 - Modified: 2019-04-25 - URL: https://designtongue.me/3-%e7%a8%ae%e9%81%8e%e6%b0%a3%e7%9a%84-ux-patterns/ - 分類: UI/UX, 翻譯文章 - 標籤: Large Background Image, mega menu, Text as Image, UI, UX, UX pattern 以下文章將著重於三個 2014 年十分常見的 UX pattern,這些 pattern 在設計過程中,設計師可能想都不用想就直接使用,也許我們需要思考一下!這三個 UX pattern 分別是:1. Large Background Images 2. Text as Images 3. Mega Menus 以下文章將著重於三個 2014 年十分常見的 UX pattern,這些 pattern 在設計過程中,設計師可能想都不用想就直接使用,也許我們需要思考一下! 這三個 UX pattern 分別是: 1. Large Background Images 2. Text as Images 3. Mega Menus (閱讀全文... ) --- ### 電子商務網站介面 設計寶典 (三) > 電子商務網站介面 設計寶典第三集報到!! 我相信前兩集的內容若能融會貫通,在武林界已非泛泛之輩!但第三集有更多密技可以提升內力,讓你功力更上一層樓!! 馬上閱讀~31.好的視覺階層,閱讀壓力少一半設定好的視覺階層(visual hierarchy),可以幫助使用者辨識介面上資訊的重要程度。視覺階層要怎麼呈現呢? - Published: 2014-10-21 - Modified: 2019-04-26 - URL: https://designtongue.me/%e9%9b%bb%e5%ad%90%e5%95%86%e5%8b%99%e7%b6%b2%e7%ab%99%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%af%b6%e5%85%b8-%e4%b8%89/ - 分類: UI/UX, 教學文章, 翻譯文章, 電子商務 - 標籤: conversion rate, CR, e-commerce, UI, user experience, user interface, 使用者介面, 使用者體驗, 轉換率, 電子商務 電子商務網站介面設計寶典第三集報到!! 我相信前兩集的內容若能融會貫通,在武林界已非泛泛之輩!但第三集有更多密技可以提升內力,讓你功力更上一層樓!! 馬上閱讀~31.好的視覺階層,閱讀壓力少一半設定好的視覺階層(visual hierarchy),可以幫助使用者辨識介面上資訊的重要程度。視覺階層要怎麼呈現呢? 電子商務網站介面設計寶典第三集報到!!我相信前兩集的內容若能融會貫通,在武林界已非泛泛之輩!但第三集有更多密技可以提升內力,讓你功力更上一層樓!馬上來閱讀,提昇功力吧! (閱讀全文... ) --- ### 電子商務網站介面 設計寶典 (二) > 電子商務網站介面設計寶典(一)續集終於來了!!第二集帶來更多"小撇步",讓你在設計電商平台時無往不利。21.在元素變化時增加動態效果,取代唐突的出現介面上的元素為了符合使用者的使用情境與方式,它們有時會出現顯示、隱藏、移動或轉移等變化,其目的最主要就是協助使用者理解介面的互動方式。 - Published: 2014-10-20 - Modified: 2019-04-26 - URL: https://designtongue.me/%e9%9b%bb%e5%ad%90%e5%95%86%e5%8b%99%e7%b6%b2%e7%ab%99%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%af%b6%e5%85%b8-%e4%ba%8c/ - 分類: UI/UX, 教學文章, 翻譯文章, 電子商務 - 標籤: conversion rate, CR, e-commerce, UI, user experience, user interface, 使用者介面, 使用者體驗, 網站轉換率, 電子商務 電子商務網站介面設計寶典(一)續集終於來了!!第二集帶來更多"小撇步",讓你在設計電商平台時無往不利。21.在元素變化時增加動態效果,取代唐突的出現介面上的元素為了符合使用者的使用情境與方式,它們有時會出現顯示、隱藏、移動或轉移等變化,其目的最主要就是協助使用者理解介面的互動方式。 不好意思讓讀者久等了,受大家歡迎的 電子商務網站介面設計寶典(一) 續集終於來了!!第二集帶來更多 "小撇步",讓你在設計電商平台時無往不利。 (閱讀全文... ) --- ### 電子商務網站介面 設計寶典 (一) > 電子商務平台經營成功的要素,除了要有好的商業模式外,介面設計也相當重要。優異的使用者介面需有高度的網站轉換率(conversion rate) 且好用易上手。設計大舌頭將會陸續翻譯這些專業的 電子商務網站介面 指南( 本篇為前 20 項 ),提供大家做參考,請持續追蹤我們喔! - Published: 2014-10-19 - Modified: 2019-04-26 - URL: https://designtongue.me/%e9%9b%bb%e5%ad%90%e5%95%86%e5%8b%99%e7%b6%b2%e7%ab%99%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88%e5%af%b6%e5%85%b8-%e4%b8%80/ - 分類: UI/UX, 教學文章, 翻譯文章, 電子商務 - 標籤: Call to Actions, conversion rate, e-commerce, UI, user experience, user interface, UX, Web Design, 使用者介面, 使用者體驗, 網站轉換率, 網頁設計, 電子商務 電子商務平台經營成功的要素,除了要有好的商業模式外,介面設計也相當重要。優異的使用者介面需有高度的網站轉換率 (conversion rate) 且好用易上手。 Jakub Linowski 列出了超過 55 項的設計寶典,活用這些指南肯定可讓您的平台具備商業效益與好的使用者體驗。此外,作者的網站會不斷的新增內容,設計大舌頭將會陸續翻譯這些專業的 電子商務網站介面 指南 (本篇為前 20 項),提供大家做參考,請持續追蹤我們喔! (閱讀全文... ) --- ### 6個小技巧,讓使用者體驗馬上好! > 使用者體驗這個名詞已經被說爛了,大家應該都知道它有多重要!但你真的知道怎麼應用在你的網站或 app 上嗎?今天提供 6 個小技巧, 讓使用者體驗馬上好 - Published: 2014-10-15 - Modified: 2019-04-25 - URL: https://designtongue.me/6%e5%80%8b%e5%b0%8f%e6%8a%80%e5%b7%a7%ef%bc%8c%e8%ae%93%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e9%a6%ac%e4%b8%8a%e5%a5%bd/ - 分類: UI/UX, 教學文章, 翻譯文章, 電子商務 - 標籤: UI design, user experience, user interface, UX, Web Design, 使用者體驗, 界面設計, 網頁設計 使用者體驗這個名詞已經被說爛了,大家應該都知道它有多重要! 但你真的知道怎麼應用在你的網站或 app 上嗎?今天提供 6 個小技巧,讓產品使用者體驗馬上好!     (閱讀全文... ) --- ### 別鬧了,你還在用這8個過時的元素和工具設計網站嗎? > 現今人們使用網路的"行為"與"設備"跟過去有相當大的不同,造成網頁設計的技術不斷的演進,設計的概念與手法也因應調整。過去相當流行的技術與設計元素,有些已經被淘汰了或正在凋零。今天介紹的這8大過時的網頁設計元素,我認為會逐漸的消失,但不管怎麼樣,能讓使用者體驗越來越好是最重要的事情。 - Published: 2014-09-29 - Modified: 2019-04-25 - URL: https://designtongue.me/%e5%88%a5%e9%ac%a7%e4%ba%86%ef%bc%8c%e4%bd%a0%e9%82%84%e5%9c%a8%e7%94%a8%e9%80%998%e5%80%8b%e9%81%8e%e6%99%82%e7%9a%84%e5%85%83%e7%b4%a0%e5%92%8c%e5%b7%a5%e5%85%b7%e8%a8%ad%e8%a8%88%e7%b6%b2%e7%ab%99/ - 分類: UI/UX, 教學文章, 翻譯文章, 電子商務 - 標籤: carousel, Flash, m site, Skeuomorphism, UX, Web Design, 下拉式選單, 使用者體驗, 手機板網站, 擬物風格, 網頁設計 現今人們使用網路的"行為"與"設備"跟過去有相當大的不同,造成網頁設計的技術不斷的演進,設計的概念與手法也因應調整。過去相當流行的技術與設計元素,有些已經被淘汰了或正在凋零。今天介紹的這8大設計網頁的元素與工具,我認為會逐漸的消失,但不管怎麼樣,能讓使用者體驗越來越好是最重要的事情。 現今人們使用網路的"行為"與"設備"跟過去有相當大的不同,造成網頁設計的技術不斷的演進,設計的概念與手法也因應調整。過去相當流行的技術與設計元素,有些已經被淘汰了或正在凋零。今天介紹的這8大設計網頁的元素與工具,我認為會逐漸的消失,但不管怎麼樣,能讓使用者體驗越來越好是最重要的事情。   (閱讀全文... ) --- ### 19 個常見的 UX Q&A > 在 19 common UX problems and how to fix them 一文中,將討論一些目前在熱門網頁或應用中常見的欄位設計模式與細節。01. 使用者可以輕易的檢舉或回報網頁內容由於社群的內容大多是由網友所提供的,其中勢必會出現一些不當的內容,而社群平台就需要提供讓使用者回報的功能,維持社群平 - Published: 2014-09-24 - Modified: 2019-04-26 - URL: https://designtongue.me/19-%e5%80%8b%e5%b8%b8%e8%a6%8b%e7%9a%84-ux-qa/ - 分類: UI/UX, 翻譯文章 - 標籤: UI, UX, WebDesign, 介面設計, 使用者經驗, 設計模式, 譯文 在 19 common UX problems and how to fix them 一文中,將討論一些目前在熱門網頁或應用中常見的欄位設計模式與細節。01. 使用者可以輕易的檢舉或回報網頁內容由於社群的內容大多是由網友所提供的,其中勢必會出現一些不當的內容,而社群平台就需要提供讓使用者回報的功能,維持社群平 在 19 common UX problems and how to fix them 一文中,將討論一些目前在熱門網頁或應用中常見的欄位設計模式與細節。 (閱讀全文... ) --- ### 製作 404錯誤頁面 的小撇步 > 網站內容的經營面來說,花精力來設計 404 錯誤頁面 ,絕對是好的策略。 通常 404 錯誤頁面 的出現,代表可能是使用者輸入錯的網址,或者是您搬移或刪除了這個頁面的內容。對您來說,絕對不會希望使用者已經如此接近您而且想跟您互動,卻因為無法給予正確的導引(至正常的網頁)而放棄吧!? - Published: 2014-09-21 - Modified: 2019-04-26 - URL: https://designtongue.me/%e8%a3%bd%e4%bd%9c404%e9%8c%af%e8%aa%a4%e9%a0%81%e9%9d%a2%e7%9a%84%e5%b0%8f%e6%92%87%e6%ad%a5/ - 分類: UI/UX, 翻譯文章 - 標籤: 404 page, 404錯誤頁面, UI, UX, 使用者介面, 使用者體驗 網站內容的經營面來說,花精力來設計 404 錯誤頁面 ,絕對是好的策略。 通常 404 錯誤頁面 的出現,代表可能是使用者輸入錯的網址,或者是您搬移或刪除了這個頁面的內容。對您來說,絕對不會希望使用者已經如此接近您而且想跟您互動,卻因為無法給予正確的導引(至正常的網頁)而放棄吧!? 當伺服器無法找到使用者所收尋的頁面,會主動傳遞 404 這個錯誤代碼。而你的網站呈現 404 這個錯誤代碼的設計,會影響使用者心理是充滿挫折,或因驚喜而原諒錯誤。最糟的情況是,因設計不理想而失去用戶;反之,則可能得到忠誠的用戶。 聽起來好像很嚴重,但不要緊張,404 錯誤頁面相較於網站設置相對容易。只要團隊有優良的制訂內容策略的專家、設計師與開發者,就可以輕易的產出具策略謀劃、驚豔設計與部屬的 404 錯誤頁面了。 (閱讀全文... ) --- ### 了解使用者需求的利器 - 同理心地圖 (What Is an Empathy Map?) > 同理心地圖 是一個幫助團隊深度了解顧客並從中得到見解的工具。它的功能有點像是人物誌(persona),可針對特定族群使用者來描述。 同理心地圖 是由 Dave Gray 所創造,且迅速的在各種需要快速開發的團隊中流行。基本上 同理心地圖 包含六大區塊,分別描述目標族群的各種感受 ... - Published: 2014-09-01 - Modified: 2019-04-25 - URL: https://designtongue.me/%e4%ba%86%e8%a7%a3%e4%bd%bf%e7%94%a8%e8%80%85%e9%9c%80%e6%b1%82%e7%9a%84%e5%88%a9%e5%99%a8-%e5%90%8c%e6%83%85%e5%bf%83%e5%9c%b0%e5%9c%96/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: Empathy Map, lean ux, 使用者需求, 使用者體驗工具, 同理心地圖, 敏捷開發, 設計方法, 顧客需求 想要增進產品或服務的使用者體驗嗎?準備打造前所未有的創新體驗嗎?在做這些大事之前,應該先問問自己是否真的已經了解顧客的一切資訊(需求、心理、生理、痛苦與期待等),才有機會讓產品或服務命中目標族群之需求,降低投資的風險。要怎麼了解使用者的需求?我們介紹一款簡單、快速、適合跨領域合作與低成本的工具 - 同理心地圖 (empathy map),想了解的讀者千萬不要錯過,請繼續往下看。 (閱讀全文... ) --- ### 20 個超強導航列 (Navigation) 設計 > 網站中的導航列 (navigation) 設計相當重要,因為它可能影響到網站是否能成功。主要的原因在於,使用者會透過導航列來找尋他們想要得到的資訊,換句話說,導航列的架構設計其實就代表著網站對使用者友善的程度。所以在設計與開發網站時,導航列的架構、視覺與互動設計極需深思熟慮。 - Published: 2014-08-15 - Modified: 2019-04-26 - URL: https://designtongue.me/20-%e5%80%8b%e8%b6%85%e5%bc%b7%e5%b0%8e%e8%88%aa%e5%88%97-navigation-%e8%a8%ad%e8%a8%88/ - 分類: UI/UX, 教學文章 - 標籤: Navigation, UI, user experience, UX, 使用者介面, 使用者體驗, 導航列, 網頁設計 網站中的導航列 (navigation) 設計相當重要,因為它可能影響到網站是否能成功。主要的原因在於,使用者會透過導航列來找尋他們想要得到的資訊,換句話說,導航列的架構設計其實就代表著網站對使用者友善的程度。所以在設計與開發網站時,導航列的架構、視覺與互動設計極需深思熟慮。 網站中的導航列 (navigation) 設計相當重要,因為它可能影響到網站是否能成功。主要的原因在於,使用者會透過導航列來找尋他們想要得到的資訊,換句話說,導航列的架構設計其實就代表著網站對使用者友善的程度。所以在設計與開發網站時,導航列的架構、視覺與互動設計極需深思熟慮。 (閱讀全文... ) --- ### 使用者經驗由生活細節做起(下) > 延續上一篇使用者經驗由生活細節做起(上),今天繼續來聊聊日本 生活小細節 吧!PS: 剛好在 Facebook 上看到這段話:不懂生活,很難真的落實使用者體驗,而生活卻是需要由各類層面彙集。 - Published: 2014-07-16 - Modified: 2019-04-25 - URL: https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e7%b6%93%e9%a9%97%e7%94%b1%e7%94%9f%e6%b4%bb%e7%b4%b0%e7%af%80%e5%81%9a%e8%b5%b7%ef%bc%88%e4%b8%8b%ef%bc%89/ - 分類: 心得分享, 日常觀察 - 標籤: UX, 使用者經驗, 旅遊, 日本, 生活細節, 設計 延續上一篇 使用者經驗由生活細節做起(上),今天繼續來聊聊日本 生活小細節 吧!PS: 剛好在 Facebook 上看到這段話:不懂生活,很難真的落實 使用者體驗,而生活卻是需要由各類層面彙集。 延續上一篇使用者經驗由生活細節做起(上),今天繼續來聊聊日本 生活小細節 吧! PS: 剛好在 Facebook 上看到這段話: 不懂生活,很難真的落實使用者體驗,而生活卻是需要由各類層面彙集。 (閱讀全文... ) --- ### 使用者經驗由生活細節做起(上) > 最近到了日本慢遊,住進日本當地社區,與房東(日本人)相處了一陣子。就在這段期間裡,小編仔細觀察了日本人的生活、設計、態度等,許多點點滴滴地生活細節都讓我十分驚豔!因此今天就在設計大舌頭與你們分享吧!在看文章時,先看看這篇日本没有用户体验——从日本的生活品质看设计。 - Published: 2014-07-03 - Modified: 2019-04-25 - URL: https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e7%b6%93%e9%a9%97%e7%94%b1%e7%94%9f%e6%b4%bb%e7%b4%b0%e7%af%80%e5%81%9a%e8%b5%b7%ef%bc%88%e4%b8%8a%ef%bc%89/ - 分類: 心得分享, 日常觀察 - 標籤: UX, 使用者經驗, 旅遊, 日本, 生活細節, 設計 最近到了日本慢遊,住進日本當地社區,與房東(日本人)相處了一陣子。就在這段期間裡,小編仔細觀察了日本人的生活、設計、態度等,許多點點滴滴地生活細節都讓我十分驚豔!因此今天就在設計大舌頭與你們分享吧!在看文章時,先看看這篇日本没有用户体验——从日本的生活品质看设计。 最近到了日本慢遊,住進日本當地社區,與房東(日本人)相處了一陣子。就在這段期間裡,小編仔細觀察了日本人的生活、設計、態度等,許多點點滴滴地生活細節都讓我十分驚豔!因此今天就在設計大舌頭與你們分享吧! 在看文章時,先看看這篇日本没有用户体验——从日本的生活品质看设计。 (閱讀全文... ) --- ### 用設計改造企業,成為發展的戰略 > 設計( 設計策略 )能為企業帶來好處嗎?相信答案無庸置疑。但設計對企業來說有多重要?企業的認知就有非常大的差異了,例如認為設計是包裝產品的技能,讓產品賣相更好;設計可幫助企業建立品牌;設計是創新的來源;設計的思維是找出公司問題的思考方式等。簡單來說,設計可由能力、戰術與策略面來影響企業( 設計策略 )。 - Published: 2014-06-23 - Modified: 2019-04-26 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88-%e6%94%b9%e9%80%a0%e4%bc%81%e6%a5%ad-%e6%88%90%e7%82%ba%e7%99%bc%e5%b1%95%e7%9a%84-%e6%88%b0%e7%95%a5/ - 分類: UI/UX, 翻譯文章 - 標籤: Design Strategy, Design Thinking, 設計思維, 設計策略 設計能為企業帶來好處嗎?相信答案無庸置疑。但設計對企業來說有多重要?企業的認知就有非常大的差異了,例如認為設計是包裝產品的技能,讓產品賣相更好;設計可幫助企業建立品牌;設計是創新的來源;設計的思維是找出公司問題的思考方式等。簡單來說,設計可由能力、戰術與策略面來影響企業( 設計策略 )。 設計能為企業帶來好處嗎?相信答案無庸置疑。但設計對企業來說有多重要?企業的認知就有非常大的差異了,例如:認為設計是包裝產品的技能,讓產品賣相更好;設計可幫助企業建立品牌;設計是創新的來源;設計的思維是找出公司問題的思考方式 ... 等。簡單來說,設計可由能力、戰術、策略面來影響企業。 (閱讀全文... ) --- ### 淺談 使用者研究 (上)- 從一個問題開始 > 今天,我們對於使用者研究這個詞並不陌生。當你在 Google 打上" 使用者研究 "的時候,你會看到五花八門的方法,與各式各樣相關的課程;甚至已經可以看到不少公司開出像是"使用者經驗研究員","使用者經驗工程師"等類似的相關職位。然而,當細究每個人對於使用者研究的觀點時,卻又發現這件事本身就很值得好好調查。 - Published: 2014-06-22 - Modified: 2019-04-26 - URL: https://designtongue.me/%e6%b7%ba%e8%ab%87%e4%bd%bf%e7%94%a8%e8%80%85%e7%a0%94%e7%a9%b6%ef%bc%88%e4%b8%8a%ef%bc%89-%e5%be%9e%e4%b8%80%e5%80%8b%e5%95%8f%e9%a1%8c%e9%96%8b%e5%a7%8b/ - 分類: UI/UX, 心得分享, 日常觀察, 服務設計 - 標籤: UI, UX, 使用者經驗, 使用者體驗 今天,我們對於使用者研究這個詞並不陌生。當你在 Google 打上" 使用者研究 "的時候,你會看到五花八門的方法,與各式各樣相關的課程;甚至已經可以看到不少公司開出像是"使用者經驗研究員","使用者經驗工程師"等類似的相關職位。然而,當細究每個人對於使用者研究的觀點時,卻又發現這件事本身就很值得好好調查。 幾年前的五月下旬,當時身為碩一新鮮人的我與過去大學的好友相約,一起回到世貿的新一代設計展場上逛逛,除了想重溫一下大學生的熱情外,也特別繞到自己的母校的位置去,想要看看許久不見的學弟妹們。 正當在一邊與學弟妹討論著設計作品之際,遇到了以前熟識的老師,彼此馬上熱絡地聊了起來。老師笑著問我們在研究所的生活如何? 有沒有學到什麼東西? 日子過的怎麼樣? 我們興奮的馬上說起了在各自學校看到的新事物,並提到了服務設計與使用者經驗相關的課程等等... 。剎那間老師卻突然板起了面孔,犀利的問了一句: " 我實在不懂為什... --- ### 推薦 Medium 的 文字編輯器 > 筆者嘗試了幾個 Blog 平台(blogger, tumblr, logdown, Medium),所考慮的因素就是免費、版型多、不需架站;於是嘗試 blogger, tumblr,最後都放棄(設定太複雜,其中 tumblr 的編輯器極為難用),這才讓我堅決地將 “ 文字編輯器 是否好用” 設定為優先考慮因素。 - Published: 2014-05-07 - Modified: 2019-04-29 - URL: https://designtongue.me/%e6%8e%a8%e8%96%a6-medium-%e7%9a%84-%e6%96%87%e5%ad%97%e7%b7%a8%e8%bc%af%e5%99%a8/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: logdown, medium, 介面設計, 使用者經驗, 文字編輯器, 易用性, 部落格平台 想寫部落格前,必須找一個最合適的平台,在開始寫設計大舌頭 (designtongue) 前,筆者嘗試了好幾個 Blog 編輯平台(均為免費、不需架站),包含了 blogger, tumblr, logdown, Medium,所考慮的唯一因素只希望是免費、版型很多、不需自己架站;於是使用了 blogger 然後 tumblr,而最後兩者都放棄,其原因是 ... Blog 的品質影響因素包含了 “內容” 與 “排版”,而 文字編輯器 的操作、易用性也是影響排版的主因。 在開始寫設計大舌頭 (designtongue) 前,筆者嘗試了好幾個 Blog 編輯平台(均為免費、不需架站),包含了 google blogger, tumblr, logdown, Medium,所考慮的唯一因素只希望是免費、版型很多、不需自己架站;於是使用了 google blogger 然後 tumblr,而最後兩者都放棄,其原因是: google blogger 與 tumbl... --- ### Line 預覽貼圖有點小? > 不知道各位讀者在使用 Line 貼圖時,是否曾經覺得 Line 的 預覽貼圖 有點太小(以4寸螢幕的 iphone5 為例),有時傳出去後(變大一點)才發現貼圖所傳達的內容不是你所想表達的,但為時已晚,對方已讀... XD ,雖然沒什麼大礙,但總希望 Line 可以更好。 - Published: 2014-05-01 - Modified: 2019-04-25 - URL: https://designtongue.me/line-%e9%a0%90%e8%a6%bd%e8%b2%bc%e5%9c%96%e6%9c%89%e9%bb%9e%e5%b0%8f%ef%bc%9f/ - 分類: APP, UI/UX, 心得分享, 日常觀察 - 標籤: Line, UX, 使用者經驗, 貼圖預覽功能 不知道各位讀者在使用 Line 貼圖時,是否曾經覺得 Line 的 預覽貼圖 有點太小(以4寸螢幕的 iphone5 為例),有時傳出去後(變大一點)才發現貼圖所傳達的內容不是你所想表達的,但為時已晚,對方已讀... XD ,雖然沒什麼大礙,但總希望 Line 可以更好。 不知道各位讀者在使用 Line 貼圖時,是否曾經覺得 Line 的 預覽貼圖 有點太小(以4寸螢幕的 iphone5 為例),有時傳出去後(變大一點)才發現貼圖所傳達的內容不是你所想表達的,但為時已晚,對方已讀 ... XD ,雖然沒什麼大礙,但總希望 Line 可以更好。示意如下: (閱讀全文... ) --- ### 設計師必懂 (一) - Wireframe 與 Prototype 的不同 > 線框稿 (wireframe) 並不等同於原型 (prototype) ! 這兩個術語甚至連有經驗的設計師也常常搞錯。這兩者除了語意上的不同,實質面也具相當的差異,UXPin 的 CEO-Marcin Treder 為我們解釋 ... - Published: 2014-04-30 - Modified: 2020-03-05 - URL: https://designtongue.me/%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%bf%85%e6%87%82-wireframe-prototype-%e7%9a%84%e4%b8%8d%e5%90%8c/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: mockup, prototype, UE, UI, user experience, UX, UX tool, wireframe, 使用者中心設計, 使用者介面, 使用者體驗 什麼是 wireframe? 什麼是 prototype? 兩者一樣嗎?線框稿 (wireframe) 並不等同於原型 (prototype) ! 這兩個術語甚至連有經驗的設計師也常常搞錯。這兩者除了語意上的不同,實質面也具相當的差異,線框稿是一個低擬真度來呈現產品,原型是屬於中到高度擬真 ... 線框稿 (wireframe) 並不等同於原型 (prototype) ! 這兩個術語甚至連有經驗的設計師也常常搞錯。這兩者除了語意上的不同,實質面也具相當的差異,UXPin 的 CEO-Marcin Treder 為我們解釋: (閱讀全文... ) --- ### 網路購物 - 信用卡篇 > 相信大家都有網購的經驗,確定訂單,填完地址,付款,等收貨。但在這些過程中,一直有個部分困惑著我,那就是 信用卡 付款的資料表單設計。整體看來似乎沒什麼問題(內心 OS:我用那麼久了,也很習慣了),但是你是否想過,如果...,可能會更好! - Published: 2014-04-27 - Modified: 2019-04-29 - URL: https://designtongue.me/%e7%b6%b2%e8%b7%af%e8%b3%bc%e7%89%a9-%e4%bf%a1%e7%94%a8%e5%8d%a1%e7%af%87/ - 分類: UI/UX, 心得分享, 日常觀察, 電子商務 - 標籤: redesign, UI, UX, 使用者介面, 信用卡表單 信用卡支付也很成熟了,但在電商平台的支付流程設計上,還是有改上的地方。相信大家都有網購的經驗,確定訂單,填完地址,付款,等收貨。但在這些過程中,一直有個部分困惑著我,那就是 信用卡 付款的資料表單設計。整體看來似乎沒什麼問題(內心 OS:我用那麼久了,也很習慣了),但是你是否想過,如果 ...,可能會更好!本篇就來探討如何讓信用卡的 UI 設計更好呢? 信用卡支付也很成熟了,但在電商平台的支付流程設計上,還是有改上的地方!相信大家都有網購的經驗,確定訂單,填完地址,付款,等收貨。但在這些過程中,一直有個部分困惑著我,那就是 信用卡 付款的資料表單設計。 輸入信用卡相關資料 (閱讀全文... ) --- ### 電視節目表 + google calendar = ? > 先來聊聊 電視節目表 好了,由以前刊登在報紙上,到現在的網頁版,看一看、比一比,沒什麼兩樣,編排、顯示方式大同小異,這到底是好還是壞?由於目前各電視公司的節目表大多電子化了,以下就讓大家先看一下幾家不同公司的節目表,再來討論好壞與前景。 - Published: 2014-04-24 - Modified: 2019-04-29 - URL: https://designtongue.me/%e9%9b%bb%e8%a6%96%e7%af%80%e7%9b%ae%e8%a1%a8-google-calendar-%ef%bc%9d/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: UI, UX, 介面設計, 使用者經驗, 物聯網, 節目表 電視節目表 UI UX 怎麼設計?先來研究目前市面上的產品,我也整理出一些設計節目表的必要元素:分成三大區塊:早、中、晚。使用者可以快速篩選並 focus on his target area. 正在播放也是必須清楚標示出來。使用者可以快速知道正在播放的節目名,並以這個節目為分水嶺,已播 / 未播。當天 / 一週節目表的切換。快速切換可以提供使用者清楚明白節目一週的播放行程。 先來聊聊 電視節目表 好了,由以前刊登在報紙上,到現在的網頁版,看一看、比一比,沒什麼兩樣,編排、顯示方式大同小異,這到底是好還是壞? 由於目前各電視公司的節目表大多電子化了,以下就讓大家先看一下幾家不同公司的節目表,再來討論好壞與前景。 (閱讀全文... ) --- ### 使用者中心設計是什麼? > 使用者中心設計 (UCD) 的概念與方法早已在設計界發展多年,開發流程導入 UCD 後,不僅可確保設計的高品質,另外也可讓團隊聚焦於使用者真正的需求,避免未來上市後不被市場接受的風險。UCD 看似能以低成本的方式解決企業開發新產品或服務面臨的問題,但這樣的觀念與方法卻不普及於現有企業的實務上 ...... - Published: 2014-04-17 - Modified: 2019-04-29 - URL: https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e4%b8%ad%e5%bf%83%e8%a8%ad%e8%a8%88%e6%98%af%e4%bb%80%e9%ba%bc/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: UCD, UE, ued, user experience, User-centered design, UX, 使用者中心設計, 使用者體驗 使用者中心設計 (UCD) 的概念與方法早已在設計界發展多年,開發流程導入 UCD 後,不僅可確保設計的高品質,另外也可讓團隊聚焦於使用者真正的需求,避免未來上市後不被市場接受的風險。UCD 看似能以低成本的方式解決企業開發新產品或服務面臨的問題,但這樣的觀念與方法卻不普及於現有企業的實務上,直到使用者體驗(User Experience)變成大家耳熟能響的概念與注重的要素後,大家才慢慢了解 UCD,因為使用者體驗的概念與方法是建構於 UCD 的學門基礎上。 使用者中心設計 (UCD) 的概念與方法早已在設計界發展多年,開發流程導入 UCD 後,不僅可確保設計的高品質,另外也可讓團隊聚焦於使用者真正的需求,避免未來上市後不被市場接受的風險。UCD 看似能以低成本的方式解決企業開發新產品或服務面臨的問題,但這樣的觀念與方法卻不普及於現有企業的實務上,直到使用者體驗(User Experience)變成大家耳熟能響的概念與注重的要素後,大家才慢慢了解 UCD,因為使用者體驗的概念與方法是建構於 UCD 的學門基礎上。如果還不了解 UCD 概念的讀者,沒關... --- ### 為什麼我說 Facebook paper 很直覺 > 話說 Facebook paper app 已經 release 一陣子了,一直想寫相關的文章來介紹它,但一直不知道該怎麼去解釋 paper 真的很好用、很直覺,幾乎替代了 Facebook 原生 app 了。其實網路上大家對於 Facebook paper 的褒貶不一 ... - Published: 2014-04-03 - Modified: 2019-04-27 - URL: https://designtongue.me/%e7%82%ba%e4%bb%80%e9%ba%bc%e6%88%91%e8%aa%aa-facebook-paper-%e5%be%88%e7%9b%b4%e8%a6%ba/ - 分類: APP, UI/UX, 心得分享, 日常觀察, 體驗文 - 標籤: app, Facebook paper, gesture, Interaction, UI, UX Facebook paper 已經 release 一陣子了,但是一直不知道該怎麼去解釋 paper 真的很好用、很直覺,幾乎替代了原生 app 了。其實網路上大家對於 paper 的褒貶不一,見解都不一樣,但只有自己體驗過,才真正可以知道 paper 是否好用。 話說 Facebook paper 已經 release 一陣子了,一直想寫相關的文章來介紹它,但是一直不知道該怎麼去解釋 paper 真的很好用、很直覺,幾乎替代了 Facebook 原生 app 了。其實網路上大家對於 paper 的褒貶不一,見解都不一樣,但只有自己體驗過、操作過,才真正可以知道 paper 是否好用。 (閱讀全文... ) --- ### 貼心的 Vimeo 影音平台 > 對我而言, Vimeo 影音平台 是我用來看一些國外動畫、廣告、概念宣傳的一個平台,影片的內容品質都有一定的水準之上。今天的重點主要在於 “同一頁面存在多部影片” 時, Vimeo 設計了細微的小巧思,增加了使用者在觀看影片時的體驗。 - Published: 2014-03-30 - Modified: 2019-04-27 - URL: https://designtongue.me/%e8%b2%bc%e5%bf%83%e7%9a%84-vimeo-%e5%bd%b1%e9%9f%b3%e5%b9%b3%e5%8f%b0/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: UI, UX, vimeo, 使用者體驗, 影音平台 對我而言, Vimeo 影音平台 是我用來看一些國外動畫、廣告、概念宣傳的一個平台,影片的內容品質都有一定的水準之上。今天的重點主要在於 “同一頁面存在多部影片” 時, Vimeo 設計了細微的小巧思,增加了使用者在觀看影片時的體驗。 對我而言, Vimeo 影音平台 是我用來看一些國外動畫、廣告、概念宣傳的一個平台,影片的內容品質都有一定的水準之上。相對於 Youtube, Vimeo 有更美觀的操作環境與上傳介面,相關比較 Google 上有很多文章,這邊就不多說了。 今天的重點主要在於 “同一頁面存在多部影片” 時, Vimeo 設計了細微的小巧思,增加了使用者在觀看影片時的體驗。 (閱讀全文... ) --- ### 公車時刻表 app 的使用行為 > 前陣子在網路上很流行一份簡報一個校園公車 App 的 UX 小故事,內容淺顯易懂的說出什麼是使用者經驗,也可以看到這支 公車時刻表 app 在開發的過程中,經過設計思考,慢慢地釐清產品的真正價值與使用者的真實需求。內容提到了一個不錯的方式,用來思考產品的 insight ... - Published: 2014-03-27 - Modified: 2019-04-27 - URL: https://designtongue.me/%e5%85%ac%e8%bb%8a%e6%99%82%e5%88%bb%e8%a1%a8-app-%e7%9a%84%e4%bd%bf%e7%94%a8%e8%a1%8c%e7%82%ba/ - 分類: APP, ideas, UI/UX, 日常觀察 - 標籤: app, ideas, UX, 公車 最近很流行一份簡報:一個校園公車 App 的 UX 小故事,內容淺顯易懂的說出什麼是使用者經驗,也可以看到這支 公車時刻表 app 在開發的過程中,經過設計思考,慢慢地釐清產品的真正價值與使用者的真實需求。內容提到了一個不錯的方式,用來思考產品的 insight 前陣子在網路上很流行一份簡報一個校園公車 App 的 UX 小故事,內容淺顯易懂的說出什麼是使用者經驗,也可以看到這支 公車時刻表 app 在開發的過程中,經過設計思考,慢慢地釐清產品的真正價值與使用者的真實需求。內容提到了一個不錯的方式,用來思考產品的 insight ,如下: (誰)__ 需要一個方法來 __ , 因為在他的世界裡,( product insignt )__ 很重要。 就以這支 等公車 app 舉例而言, product insignt 就是 **還要等多久**,而不是僅僅提... --- ### 迎接未來科技 > 看完了以上的介紹,也許你會覺得太誇張或是那科技根本不可能存在,但我們要思考的不是科技不科技,可能不可能,而是 ”它“ 會帶給人類什麼衝擊,造成什麼問題,或是改變了什麼生活方式。 未來科技 很發達,什麼都可能做的到,但人與科技之間的互動呢?是人類要去適應科技?還是科技要符合人性?值得深思。 - Published: 2014-03-21 - Modified: 2019-04-26 - URL: https://designtongue.me/%e8%bf%8e%e6%8e%a5%e6%9c%aa%e4%be%86%e7%a7%91%e6%8a%80/ - 分類: ideas, UI/UX, 日常觀察 - 標籤: future, UX, 使用者情境, 使用者體驗, 未來, 穿戴式科技 看完了以上的介紹,也許你會覺得太誇張或是那科技根本不可能存在,但我們要思考的不是科技不科技,可能不可能,而是 ”它“ 會帶給人類什麼衝擊,造成什麼問題,或是改變了什麼生活方式。 未來科技 很發達,什麼都可能做的到,但人與科技之間的互動呢?是人類要去適應科技?還是科技要符合人性?值得深思。 前陣子看了一篇文章 The Future,文章中提到了 Her 與 The Infinity Augmented Reality Concept Video 這兩種未來可能會發生的情境,這幾天 Google 也推出「 Android Wear 」作業系統,是一個和智慧型手機上一樣的、互通的可穿戴式裝置 Android 平台。看完了以上的介紹,也許你會覺得太誇張或是那科技根本不可能存在,但我們要思考的不是科技不科技,可能不可能,而是 ”它“ 會帶給人類什麼衝擊,造成什麼問題,或是改變了什麼生活方式... --- ### 使用者體驗的發展歷史 > 筆者將 使用者體驗的發展歷史 簡述為:在工業化為主的時代中,投機貪婪的資本惡徒從不顯露對”人”的關心,而科學家、教育家以及設計師進而挑戰他們,並發揚光大這個新的領域。除此之外,科技技術是一切的觀念也轉為以人性的觀點來應用科技與技術。 - Published: 2014-03-18 - Modified: 2019-04-27 - URL: https://designtongue.me/%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e7%9a%84%e7%99%bc%e5%b1%95%e6%ad%b7%e5%8f%b2/ - 分類: UI/UX, 翻譯文章 - 標籤: Designing for People, Donald Norman, Henry Dreyfuss, UE, ued, user experience, UX, Xerox, 使用者體驗 使用者體驗之發展歷史就是在工業化為主的時代中,投機貪婪的資本惡徒從不顯露對 ”人“ 的關心,而科學家、教育家以及設計師進而挑戰他們,並發揚光大這個新的領域。除此之外,科技技術是一切的觀念也轉為以人性的觀點來應用科技與技術。至今,使用者體驗領域仍發展的相當快速,甚至在學界也成立相關學門,培養專業的人才。 筆者將使用者體驗之發展歷史簡述為:在工業化為主的時代中,投機貪婪的資本惡徒從不顯露對 ”人“ 的關心,而科學家、教育家以及設計師進而挑戰他們,並發揚光大這個新的領域。除此之外,科技技術是一切的觀念也轉為以人性的觀點來應用科技與技術。 (閱讀全文... ) --- ### 產品語意 > 產品設計中,造型簡潔似乎是最高原則,但適時加上一點小巧思的造型,對產品則是加分的。今天早上,上班經過了隔壁辦公室,發現門口多了一個可愛的門鈴。為何為了“她”寫一篇 Blog 呢?因為“她”令我想起了大學時代的回憶 --- 產品語意 (Product Semantics)。大家先看看“她”的真面目吧! - Published: 2014-03-13 - Modified: 2019-04-26 - URL: https://designtongue.me/%e7%94%a2%e5%93%81%e8%aa%9e%e6%84%8f/ - 分類: 日常觀察 - 標籤: UX, 產品語意 產品設計中,造型簡潔似乎是最高原則,但適時加上一點小巧思的造型,對產品則是加分的。如何將產品語意(Product Semantics)適度的表達出來呢?身為設計師,必須考慮使用者,包含族群、環境、共同記憶、文化...等,這些都可以增加使用者與產品的互動,也增加了產品的生命力。 產品設計中,造型簡潔似乎是最高原則,但適時加上一點小巧思的造型,對產品則是加分的。今天早上,上班經過了隔壁辦公室,發現門口多了一個可愛的門鈴。這個門鈴有什麼特別呢?為何為了 “她” 寫一篇 Blog 呢?因為 “她” 令我想起了大學時代的回憶 --- 產品語意 (Product Semantics)。大家就先看看 “她” 的真面目吧! 今日女主角   (閱讀全文... ) --- ### TED - 線上演講新體驗 > 對知識飢渴、熱愛學習與喜歡聽故事的人,絕對耳聞,甚至是忠實觀眾! TED 大會邀請眾多在該領域具貢獻的講者分享關於技術、社會、人文、娛樂及設計等議題,並用”說故事”的方式傳遞給觀眾。主辦者為求這些故事能影響更多的人,推出來及翻譯等服務項目。 - Published: 2014-03-13 - Modified: 2019-04-29 - URL: https://designtongue.me/ted-%e7%b7%9a%e4%b8%8a%e6%bc%94%e8%ac%9b%e6%96%b0%e9%ab%94%e9%a9%97/ - 分類: 體驗文, UI/UX, 日常觀察 - 標籤: TED, UE, ued, UI, user experience, user interface, UX, 使用者介面 TED 大會邀請眾多在該領域具貢獻的講者分享關於技術、社會、人文、娛樂及設計等議題,並用”說故事”的方式傳遞給觀眾。主辦者為求這些故事能影響更多的人,推出來及翻譯等服務項目。今天,筆者在官網上看到諸多精彩的設計小細節,迫不及待的想要分享給大家:播放影片再按下暫停,並將滑鼠移置影片上,此時影片上會出現演講主題及資訊,不但有提供觀眾資訊的功能外,活用設計與排板技巧也讓影片質感提升! 對知識飢渴、熱愛學習與喜歡聽故事的人,絕對耳聞 ,甚至是忠實觀眾!TED 大會邀請眾多在該領域具貢獻的講者分享關於技術、社會、人文、娛樂及設計等議題,並用 ”說故事” 的方式傳遞給觀眾。主辦者為求這些故事能影響更多的人,推出來 及翻譯等服務項目。 今天,筆者在官網上看到諸多精彩的設計小細節,迫不及待的想要分享給大家: (閱讀全文... ) --- ### 比特幣 之賭客心理 > 前陣子 比特幣 十分的熱,幣值一度衝過1:1000美金的行情,此時,就延伸出許多金融商品或是類似運用,其中以點擊廣告為多數,而 freebitco 不需要點擊廣告,每一小時送一次,如果你覺得送太少,可以將 freebitco 送你的比特幣進行槓桿,就猜大或小,你就可能會以小錢贏得大錢。 - Published: 2014-03-11 - Modified: 2019-04-26 - URL: https://designtongue.me/%e6%af%94%e7%89%b9%e5%b9%a3%e4%b9%8b%e8%b3%ad%e5%ae%a2%e5%bf%83%e7%90%86/ - 分類: 心得分享, 日常觀察, 電子商務 - 標籤: BitCoin, UX, 商業模式, 比特幣, 賭客心理 前陣子 比特幣 十分的熱,幣值一度衝過1:1000美金的行情,此時,就延伸出許多金融商品或是類似運用,其中以點擊廣告為多數,讓許多不挖礦的人都可以賺到比特幣。在眾多的廣告平台中,讓我印象最深刻的就是 freebitco, freebitco 不需要點擊廣告,每一小時送一次,最低獎金 2.08 uBTC,最高獎金 208 mBTC,如果你覺得太少,還可以進行槓桿,以小贏大。 前陣子 比特幣 十分的熱,幣值一度衝過1:1000美金的行情,此時,就延伸出許多金融商品或是類似運用,其中以點擊廣告為多數,讓許多不挖礦的人都可以賺到比特幣。在眾多的廣告平台中,讓我印象最深刻的就是 freebitco, freebitco 不需要點擊廣告,每一小時送一次,最低獎金 2. 08 uBTC,最高獎金 208 mBTC,如果你覺得太少,可以將 freebitco 送你的比特幣進行槓桿,就猜大或小,你就可能會以小錢贏得大錢。 (閱讀全文... ) --- ### 體驗地圖 與 使用者體驗旅程 > 體驗地圖 是一項十分重要且可藉此了解產品與使用者間互動觀點的設計工具。基本上, 體驗地圖 是以圖像來表示產品能帶給使用者獨特體驗的過程,包含需求、需要、期待和其中過程中的所有體驗。作者為 Silvana Churruca,是一位專業的使用者體驗專家,有著視覺設計、藝術及互動等跨領域的背景。人稱 UX Lady。 - Published: 2014-03-11 - Modified: 2019-04-26 - URL: https://designtongue.me/%e9%ab%94%e9%a9%97%e5%9c%b0%e5%9c%96-%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e6%97%85%e7%a8%8b/ - 分類: UI/UX, 教學文章, 翻譯文章 - 標籤: journey map, ued, UX Design, UX tool, 使用者體驗, 服務設計, 體驗地圖 體驗地圖 (Experience maps)是一項十分重要且可藉此了解產品、服務與使用者間互動觀點的設計工具。基本上,體驗地圖 是以圖像化的方式來表示產品、服務能帶給使用者獨特體驗的過程,包含需求、需要、期待和其中過程中的所有體驗。選擇適合的規劃圖類型是呈現體驗地圖的重要關鍵之一,適合的規劃圖與圖上的視覺元素可以成功並清晰的了解與設計使用者體驗。 體驗地圖 (Experience maps)是一項十分重要且可藉此了解產品、服務與使用者間互動觀點的設計工具。基本上,體驗地圖 是以圖像化的方式來表示產品、服務能帶給使用者獨特體驗的過程,包含需求、需要、期待和其中過程中的所有體驗。描述 ”體驗過程“ 的工具有很多,其彼此間的相似、相異點如下: 將資訊視覺化 大部分的體驗地圖上擁有相同的呈現要素,但針對不同主題,可呈現不同的焦點 體驗地圖可呈現單一或是多面項的內容 (閱讀全文... ) --- ### 支付寶登入之驗證碼 > 輸入 驗證碼 這東西,現在已經是習以為常的東西了,但是你是否常常還是有使用挫折的感覺呢?究竟是什麼造成使用者的挫折感呢?大多是輸入錯誤 驗證碼 所造成的。但如果驗證碼太過清楚簡單,容易被有心人士利用(機器人代打),那有什麼方法可以取得平衡呢? - Published: 2014-03-10 - Modified: 2019-04-26 - URL: https://designtongue.me/%e6%94%af%e4%bb%98%e5%af%b6%e7%99%bb%e5%85%a5%e4%b9%8b%e9%a9%97%e8%ad%89%e7%a2%bc/ - 分類: UI/UX, 心得分享, 日常觀察, 電子商務 - 標籤: alipay, CAPTCHA, UI, UX, 支付寶, 驗證碼 輸入 驗證碼 這東西,現在已經是習以為常的東西了,但是你是否常常還是有使用挫折的感覺呢?究竟是什麼造成使用者的挫折感呢?大多是輸入錯誤驗證碼所造成的。但如果驗證碼太過清楚簡單,容易被有心人士利用(機器人代打),那有什麼方法可以取得平衡呢? 輸入 驗證碼 這東西,現在已經是習以為常的東西了,但是你是否常常還是有使用挫折的感覺呢?究竟是什麼造成使用者的挫折感呢?大多是輸入錯誤驗證碼所造成的。但如果驗證碼太過清楚簡單,容易被有心人士利用(機器人代打),那有什麼方法可以取得平衡呢? (閱讀全文... ) --- ### 連續劇集數安排 > 最近觀察了一下幾個比較大型的影音平台,包含风行网、土豆网、优酷等平台,發現了一個還不錯的 影集 UI 小細節,在這跟大家分享。觀看電視劇時,情境大約分兩種: 更新中 & 已完結。 - Published: 2014-03-07 - Modified: 2019-04-26 - URL: https://designtongue.me/%e9%80%a3%e7%ba%8c%e5%8a%87%e9%9b%86%e6%95%b8%e5%ae%89%e6%8e%92/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: UI, UX, 优酷, 土豆网, 影集, 风行网 最近觀察了一下幾個比較大型的影音平台,包含风行网、土豆网、优酷等平台,發現了一個還不錯的 影集 UI 小細節,在這跟大家分享。觀看電視劇(追劇)時,情境大約分兩種: 影集正更新中 & 影集已完結。 最近觀察了一下幾個比較大型的影音平台,包含 风行网、土豆网、优酷 等平台,發現了一個還不錯的 影集 UI 小細節,在這跟大家分享。觀看電視劇(追劇)時,情境大約分兩種: 影集正更新中 & 影集已完結。 (閱讀全文... ) --- ### wireframe tool for apps > 今天要介紹兩款 wireframe tool (POP 屬於 wireframe tool,而 flinto 屬於 prototype 工具),它們的功能都非常齊全、夠用,但使用的時間不太一樣。一款是台灣團隊研發的 POP — Prototyping on Paper,另一款則是 flinto。 - Published: 2014-03-07 - Modified: 2019-04-26 - URL: https://designtongue.me/wireframe-tool-for-apps/ - 分類: APP, UI/UX, 心得分享 - 標籤: app, flinto, POP, prototype, UI, wildframe 今天要介紹兩款 wireframe tools(POP 屬於 wireframe tool,而 flinto 屬於 prototype 工具),它們的功能都非常齊全、夠用,但使用的時間不太一樣。一款是台灣團隊研發的 POP — Prototyping on Paper,另一款則是 flinto。 無論是 web 或 app , wireframe tool 是設計師與 RD 或客戶討論一定要使用到的工具,尤其是以 Design Driven 與講求效率的公司所必備的,因為 wireframe tool 有快速、真實感的特性! 今天要介紹兩款 wireframe tools(POP 屬於 wireframe tool,而 flinto 屬於 prototype 工具),它們的功能都非常齊全、夠用,但使用的時間不太一樣。一款是台灣團隊研發的 POP — Prototyping on Pape... --- ### 紅米手機把玩心得 > 使用完的第一個心得是:清楚、簡易。包含第一次使用時的導覽與分類,導覽功能對於沒接觸過 andorid 的使用者提供了使用邏輯與基本功能操作,而不用再查閱說明書。就整體而言,分為一般模式與老人模式。 - Published: 2014-03-07 - Modified: 2019-04-26 - URL: https://designtongue.me/%e7%b4%85%e7%b1%b3%e6%89%8b%e6%a9%9f%e6%8a%8a%e7%8e%a9%e5%bf%83%e5%be%97/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: MIUI, UI, UX, 紅米 使用完的第一個心得是:清楚、簡易。包含第一次使用時的導覽與分類,導覽功能對於沒接觸過 andorid 的使用者提供了使用邏輯與基本功能操作,而不用再查閱說明書。就整體而言,分為一般模式與老人模式。 最近 紅米手機 在市場上炒得沸沸揚揚的,我想饑餓行銷還是有它的魅力在!剛好尾牙時,朋友抽中了一支紅米,就借過來玩玩看,體驗一下 MIUI。就整體而言,分為一般模式與老人模式。   一般模式: 使用完的第一個心得是:清楚、簡易。包含第一次使用時的導覽與分類,導覽功能對於沒接觸過 andorid 的使用者提供了使用邏輯與基本功能操作,而不用再查閱說明書。以下是簡單的幾個不錯的例子供大家參考: (閱讀全文... ) --- ### koding.com -  login UI > 這幾天 koding 很夯,因為一周要狂送 250TB ,所以筆者也就去註冊一下,就在 login 時,我注意到了登入欄的 placeholder 有著小小的用心,到底是什麼呢?先想想看,一般網頁使用 placeholder 時會遇到什麼問題? - Published: 2014-03-05 - Modified: 2019-04-26 - URL: https://designtongue.me/koding-com%e2%80%8a-%e2%80%8alogin-ui/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: Koding, login, placeholder, UI, UX 這幾天 koding 很夯,因為一周要狂送 250TB ,所以筆者也就去註冊一下,就在 login 時,我注意到了登入欄的 placeholder 有著小小的用心,到底是什麼呢?先想想看,一般網頁使用 placeholder 時會遇到什麼問題? 這幾天 koding 很夯,因為一周要狂送 250TB ,所以筆者也就去註冊一下,就在 login 時,我注意到了登入欄的 placeholder 有著小小的用心,到底是什麼呢?先想想看,一般網頁使用 placeholder 時會遇到什麼問題? (閱讀全文... ) --- ### Lean UX - 運用敏捷式開發原則於使用者體驗設計上 > Lean UX 的實作流程 建議設計師可多向成員展示概念想法,並收集團隊討論時的洞見。取代掉過去開發流程中,設計師獨自作業的情形,同時設計師應該要全面的整合團隊資訊以設計好的使用者體驗。Lean UX 流程與概念的導入,目的在於增加企業營收及成效而非消耗資源。 - Published: 2014-03-02 - Modified: 2019-04-26 - URL: https://designtongue.me/lean-ux-%e9%81%8b%e7%94%a8%e6%95%8f%e6%8d%b7%e5%bc%8f%e9%96%8b%e7%99%bc%e5%8e%9f%e5%89%87%e6%96%bc%e4%bd%bf%e7%94%a8%e8%80%85%e9%ab%94%e9%a9%97%e8%a8%ad%e8%a8%88%e4%b8%8a/ - 分類: UI/UX, 翻譯文章 - 標籤: lean ux, ued, UI, user experience, UX, 使用者體驗, 用戶體驗, 精實設計, 精益設計 Lean UX 的實作流程 建議設計師可多向成員展示概念想法,並收集團隊討論時的洞見。取代掉過去開發流程中,設計師獨自作業的情形,同時設計師應該要全面的整合團隊資訊以設計好的使用者體驗。 大多 UX 方法論指出設計使用者體驗之流程需包含許多步驟,例如建立規格文檔、線框圖、原型及網站地圖等。這些在流程中強調的步驟往往也需花費大量的時間,甚至在開發過程中毫無幫助。此外,介面、使用者需求及使用者體驗的改變速度都遠大於我們想像,為因應這樣的趨勢產生了 Lean UX 的概念。 Lean UX 的精神在於減少 UX 方法論中時間與人力的浪費,也讓設計師們更專注於工作上,無需擔憂繁瑣的文件。 (閱讀全文... ) --- ### UX - 企業文化 > 記得剛工作沒多久,朋友提出一個問題:“現今企業中做 UX research 與產品開發時做的 research,都有調查使用性、偏好...等等。這兩者之間有什麼不同?” - Published: 2014-02-21 - Modified: 2019-04-29 - URL: https://designtongue.me/ux-%e4%bc%81%e6%a5%ad%e6%96%87%e5%8c%96/ - 分類: UI/UX, 心得分享 - 標籤: UX, UX research, 企業文化, 品牌 我個人看法是之前產品開發時做的 research 是 comsumer centered,實體產品的 comsumer 就是 user,主要在於了解什麼原因造成使用者購買。但現今網路社會發達,在 EC 網站或 APP store 裡,user 已經不等於 consumer,有良好的體驗之後 user 才可能會變成 comsumer,因此 UX research 重點就是在於了解如何有良好的體驗再促成 user 繼續購買行為。 記得剛工作沒多久,朋友提出一個問題: ”現今企業中做 UX research 與產品開發時做的 research,都有田野調查、使用性測試、訪談 ... 等等。這兩者之間有什麼不同?“   (閱讀全文... ) --- ### 風行網 --- tiny detail for nice experience > 風行網的細節就在當你將畫面往下滾時,原本影片範圍 focus out,其右下角就會出現子畫面,這個體驗說實在的,真的滿棒的,比如你在看電影時,會看一下影片底下的一些評論,這子畫面可以讓你不會錯過好鏡頭 XD~ 或是提供了心理上的一種踏實感,而不僅僅只聽聲音。 - Published: 2014-02-18 - Modified: 2019-04-26 - URL: https://designtongue.me/%e9%a2%a8%e8%a1%8c%e7%b6%b2-tiny-detail-for-nice-experience/ - 分類: UI/UX, 心得分享, 日常觀察 - 標籤: UI, UX, 子畫面, 風行網 風行網是對岸一個基於互聯網視頻的一個平台 wiki,UI 設計細節就在當你將畫面往下滾時,原本影片範圍 focus out,其右下角就會出現子畫面,這個體驗說實在的,真的滿棒的,比如你在看電影時,會看一下影片底下的一些評論,這子畫面可以讓你不會錯過好鏡頭 XD~ 或是提供了心理上的一種踏實感,而不僅僅只聽聲音。 風行網是對岸一個基於互聯網視頻的一個平台 wiki,提供了電視劇、電影、綜藝、動漫等,提供的廣度很廣,有些冷門片或是時代久遠的電影,都可能可以在這平台找到。 今天發現了一個小小細節,很不錯,如下圖: 觀看影片時 (閱讀全文... ) ---