高擬真的 互動設計原型 工具 ProtoPie 一歲啦！一年的時間裡，ProtoPie 的名字陸陸續續出現在 Dribbble、Behance、站酷等設計作品網站。作為 ProtoPie 開發團隊，我們自己都沒有想到這款工具可以做出這麼多炫酷的效果來！優秀作品如此眾多，單只我們自己欣賞就太可惜了，所以這篇作品分享文就誕生了！
我們挑選優秀作品的標準是：1) 獨創性 2) 創新性 3) 擬真度 4) 使用者友好度
Author: 外部轉載
B2B 的產品執行易用性測試所帶來的價值
在分享了 產品經理的UX導入血淚史 之後，很驚訝地收到了悠識數位的 Richard 臉書私訊我，希望可針對我的經驗有更多的交流（加了好友之後才發現，Richard 是資深前輩啊！悠識數位首席體驗架構師！）。很神奇地，Richard 問我，「這位 UX 設計師之前是不是做 UI 設計的呢？」賓果！簡直偵探，到底他的什麼行為會有這樣的猜測呢？讓人很好奇，我想聽聽他的想法。所以今天就在悠識的某個活動結束後，去找 Richard 聊天（我是行動派）。以下是今天的對談紀錄加上我自己消化後的心得。
利用心理學與科學，完美克服介面上“內容加載”的等待感
介面內容的載入，一直都是令體驗設計師頭痛的議題，如何讓載入更加愉悅更是努力的方向。然而在，網路上我一直沒看到有人分享加載 detail 的文章，只有類似加載出現後如何降低用戶情緒的主題。如果我們換個方式想呢？透用一些巧妙方式讓載入畫面減少出現，甚至不出現？這樣用戶的體驗是不是會更好呢！否則往往設計得不錯，但因為細節上配合得不夠好，導致體驗不如預期。
在此跟各位分享之前在 app 列表載入方面的設計方式，各位在搜尋結果列表應該常遇到往下滑就要等待內容載入，因此我就一直在想怎麼才能達到順暢滑動，沒有加載等待的體驗設計，現在就來跟大家分享基礎篇，之後有空在跟大家說說進階篇。
支付寶互動與 UI 設計師專訪：如何打造市場所需的產品
大陸的市場規模與獨特性，讓企業能給予設計團隊更多資源與嘗試空間，因而在軟體產業 UX 的發展上，更能朝著專業化、組織化、規模化的發展。大陸的眾多服務中， 支付寶 在台灣也是頗有名氣，甚至許多人已經在使用了。所以這次真的很榮幸的可以訪問支付寶的設計師-陳璇與牧川，除了能了解大陸產品設計師的職能與權責外，更重要的也希望藉由訪談一探大陸開發產品的經驗。
快速迭代能做好產品？能維持好的使用者體驗？
以下的文字，由筆者湯六 (Tom Liou) 參與 2017 TalkUX 論壇，自行錄音並繕打而成的逐字稿，且該文章經由 ProtoPie 同意授權發布。由於當天現場我的手機拿去錄音，沒有多餘的設備可拍照，所以文章中的 slide 圖片由該場講者「韓學穎」授權提供，特此感謝之。
該講座為 TalkUX 第一天的其中一場講座，講者為 ProtoPie 市場部人員「韓學穎」，她所分享的題目是「從 Lean UX 到 Microinteraction」(以下開始為逐字稿正文)。
製作 iPhoneX 的互動原型該注意哪些事項？
iPhoneX 和其他 iPhone 的 原型設計 有何不同？
iPhoneX 的出現給 UI/UX 和互動設計師帶來不少的挑戰。於是我相邀 Jae-seong Jeong，一位來自韓國的優秀 UI/UX 設計師，就 iPhoneX 的高擬真原型設計做了一番探討。不久前，他製作的 iPhoneX 互動原型獲得了Uplabs iOS 設計類中得票最高的作品。 Continue reading
飲料換包裝設計，但在超商卻找不到？是行銷手法？還是另有原因呢？
九月下旬，統一木瓜、西瓜牛奶推出新 包裝設計，與知名插畫家合作，並透過網紅進行宣傳。不過，為何各大超商架上卻看不見新包裝亮相呢？
Nuomi諾米，台灣極具特色的插畫家之一。是桌遊台北大空襲的負責視覺、旅人島的作者，創作大玩立體建築與透視風格。此次 Nuomi 與統一合作 — — 麻吉冰果室新包裝成品令人驚艷，木瓜牛奶和西瓜牛奶各出一款，平面透過包裝角度偏轉後，拍起照看起來就像立體的一樣。
視覺設計 與 UI 設計 邏輯相違背時，該如何取捨？
本文除了一起欣賞2017台北客家主 視覺設計 外，也用 UIUX 的角度分析：『當平面設計和使用者介面的習慣產生衝突時，設計師該如何做取捨呢？』
近幾年，台灣設計美學越來越精彩，政府及各單位開始和業界重磅設計師合作，打造出許多好作品，促成行銷和設計的雙贏局面。最近出色的 視覺設計 像是『2017台北國慶主視覺』、『2017 世界音樂節』及『2017台北客家義民嘉年華』，都讓人印象很深刻。 Continue reading
企業導入 UX 很難嗎？ 一段 PM 的血淚史分享
之前做產品經理（PM）時，公司決定導入UX 的職位、設計與文化。當時我是第一次接觸 UX 的觀念（不只是我，整個公司都是第一次），在與 UX 設計師 合作專案時，發生了許多的互動磨合的片段，簡直可用血淚史來形容。至今，許多問題我心中還是沒有標準答案，因此把整個過程記錄下來分析與檢討，同時思考如果再來一次，我會怎麼做。
UI 對話框 的設計大有學問，看設計師如何思考
作者 usagimaru 目前在 Goodpatch 身兼 Application Designer 和 Interface developer，對於 UI 設計和 Interaction 都有涉略，並將其應用在 App 設計開發當中。在 Goodpatch 經手過「さんちの手帖」「VEGERY」「JINS MEME OFFICE v1」等三隻 iOS App 的開發。
本篇作者平時就常撰寫以開發者角度來觀察使用者介面的文章，這次將以「文字用語」為主題，試著剖析 iOS 中的 對話框 設計。大舌頭強烈建議讀者可以從頭到尾看完喔，對初階設計師來說，可以讓思考更加全面；對於非設計師而言，可以了解為什麼設計真的是門專業，以及為什麼需要花那麼多時間囉～
原文由 Goodpatch 投稿提供 -從「取消的取消」問題思考如何設計對話框
你可能不知道的 – 關於 iOS 切圖那點事
講在前面：其實這一系列文章原本想取名叫「與看不出圖片糊掉的工程師戰鬥系列」，開玩笑的 (逃)～好啦！我只是想先跟各位夥伴說 … 文中所提到的習慣跟技巧都是以個人經驗為主，並不代表「這麼做就一定是正確的」！同事間能一起開開心心、快快樂樂工作的方法肯定就是好方法。如果內容有錯誤或是需要修正的地方，歡迎各位前輩給予指教，讓我們大家一起加油！
本篇文章中將提及的內容包含：
- ICON 的切圖該如何處理？
- PDF 圖檔要注意些什麼？
- PNG 圖檔要注意些什麼？
- 按鈕的切圖該如何處理？
- 設計師常常忽略的那點事
製作 APP 的介紹影片，該注意哪些要點呢？
APP 產品推出市場時，大多會透過短片進行宣傳，短片可以在短時間之內讓使用者快速了解產品的特色與精神，而且方便分享傳播。以 Google 的 APP 為例，幾乎每個 APP 都會有一個介紹影片。
APP 介紹影片通常用來講述設計問題、設計的特點以及如何操作使用。那麼，怎樣才是一個好的介紹影片呢？從我們替客戶製作 APP 介紹影片的經驗與 Google APP的影片中，我們提出了 7 點對於 APP 介紹影片製作的看法。