就像廚師大展廚藝前要備菜一樣，產品設計師在做設計前，也應該把需要的材料都準備好，設計才會順利快速。Sketch 是現在 UI 設計師最喜愛的繪圖軟體之一，在開始繪製畫面與展開工作流程前，進入”可持續設計”的狀態是很重要的。在此，設計師 Jon Moore 分享給讀者 5 個 Sketch 繪製前要做的事情，協助你進入這個狀態裡：
教學文章
在這邊與大家分享各式各樣的設計教學，包含 prototype 的製作、css、sketch 等 …
虛擬實境體驗當道，設計師需要知道的 VR 互動方式
VR (虛擬實境 Virtual Reality) 與 AR (擴增實境 Augmented Reality) 發展已久，但近期的應用與風潮才逐漸發燒，其互動設計也未定型，本文帶來現今多款 VR 的互動方式，對於即將或已經著手設計的 VR 設計師應該有所幫助。AR 在互動設計發展史是一個重要的里程碑，發展中每一項里程碑都源自技術和人性的碰撞。從最初的紙帶打孔，發展到鍵盤與滑鼠，及現在進行式的觸控、語音識別，及已經成熟的 3D 手勢、眼動識別等。甚至，未來還會實現腦波控制與意念識別。每一次的技術革新及產品升級，都會帶來人機互動方式的變化。但不管怎麼樣，最核心的還是要符合人體的自然動作，讓人們以最舒適的方式獲取資訊。
產品訪談時，別問使用者的感覺是真的嗎？
UX 一路走來，學習使用者 訪談 的過程從見山是山、見山不是山、慢慢走回了見山還是山。先講結論，其實直接詢問使用者的『感覺』是可以的，甚至可以透過這種方式挖掘更深層使用者心中的想法，但這種做法在學術界被認為不夠嚴謹，且同時使用者訪談的新手常會因這麼做而犯許多錯誤，所以建議在學習 訪談 的初期避免這種做法。
這個議題我將分成三個部分來進行闡述：
一、為何別詢問使用者『感覺』的理由
二、專注於使用者做了什麼，而非想什麼
三、突破傳統學術，其實你可以問使用者怎麼想
Continue reading
UX 4: Feature Prioritization
關於 UX，筆者之前有寫過：1) UX 1: UX Design Process & User Research, 2) UX 2: Competitive Analysis & Persona, 3) UX 3: Define Problem & Ideating 等文章，建議先看過前面的，再看這篇會有比較清楚的脈絡。
Feature，顧名思義大家都知道，舉常用的產品 “相機” 為例子，相機上面有很多功能，但我相信大部份的消費者買來之後，最後還是都用智能模式居多，其他大部份的 Features 都沒有用到；這說明了一個法則，就是之前很紅的 80/20 原則，用戶 80% 的時間都花在 20% 的特定功能上，當然相機還有更多值得發掘的功能，但可能僅會被少數的人使用。
UX 3: Define Problem & Ideating
我這邊是承接之前寫的
建議先看完前面兩篇，對於整體流程會更清楚。
UX 2: Competitive Analysis & Persona
這篇是延續之前所寫的 UX Process & User Research 的文章，做完 User Research 之後所要做的步驟包含 Competitive Analysis, Affinity Map 和 Persona。
UX 1: UX Design Process & User Research
UX Design Process
UX 代表的是 User Experience（用戶體驗），主要著重於了解用戶如何和產品或工具互動的過程，基本上，UX 就是盡可能讓整體的流程和體驗更加愉悅。
不同的公司或是不同的流程在做 UX 的時候，可能會有些許的不同，但是整體都還是會參照這個流程： 1) 從用戶研究 (User Research) 開始 2) 根據研究來做出東西 3) 測試所做的東西 4) 重複 (Repeat)。 Continue reading
使用 sketch 改善網頁前端與設計的標註與合作方式
本篇文章轉載自 使用 sketch 改善網頁前端與設計的標註與合作方式，已獲得作者 patw 的授權轉載。文章主要是以開發人員（RD）的角度切入，介紹團隊開發產品時，所常遇到的總總問題與痛點（UI 設計 的標註、協作、溝通 …），並透過不同軟體間的搭配來改善開發流程所遇到的痛點，這些 UI 設計 工具包含了繪製 UI 的 sketch，輔助標註 UI 設計 所有元件尺寸的 Zeplin，實現頁面之間互動的 inVision，文章中會針對這些軟體做進一步的介紹，讓我們一起來看看吧！
前言
身為一名網站前端工程師，關於「工程師與設計師如何進行合作，進而能完成更好的作品」一直是個讓我感興趣的議題。當然這個議題範圍相當廣泛，從規格規範、工作流程、彼此的換位思考，到各式能提昇效率的工具等等。
去年認識了幾位網頁設計領域相關的朋友，在工作之餘的分享小聚中，得知「Sketch app」這個好用的應用程式，它似乎能改善工程師與設計師合作時遇到的許多痛點。今年才來介紹 Sketch 是有些 Lag，不過還是紀錄一下我的試用過程吧。
After Effect 轉 svg 動畫 – 神奇的 bodymovin 插件
在製作網頁的過程中，以往遇到太複雜的動畫時我不會用 css 處理，而是直接轉成 gif 檔，但 gif 檔實在是超級大，如今在螢幕尺寸百家爭鳴的生態之下，更需準備多組大小才能讓動畫看起來銳利。對於這話題，Ivan Wei 寫過一篇文章 “Android — 讓 apk 裡的切圖容量減少95%的好方法” 非常詳細的介紹如何運用 svg 處理圖樣 icon，現在我們面對 svg 動畫 而言又有甚麼方案呢？ Continue reading
iOS 轉 Android 的 APP 設計指南
Apple 與 Google 在移動裝置上的體驗完全不同，各有擁護的粉絲。在 Android用戶越來越多之下，企業紛紛推出 Android 版的 APP。就設計師的職責而言，必須深度了解不同系統的設計規範與使用者體驗差異，才能針對該系統設計出好的 APP。也因此，設計師 Min Seung Song 提供了 iOS 轉 Android 的 APP 設計上手指南。
UI 設計師 學習程式 語言經驗談（二）
距離上一篇：UI 設計師 學習程式 語言經驗談（一）大約有五個月了吧？！有沒有持續勤加練習呢？是否遇到什麼樣的困難？如果 學習程式 一切都順利，代表你天份異稟、有潛力。話不多說，我們今天就繼續往下一階段了～今天這篇聊到的內容可能會比較”硬”，而且需要更多的學習成本，所以打算以啟發的角度來分享我的 學習程式 歷程。
如何成為好的 UX 領導者（UX Leader）
無論各位 UX 設計師處的環境或擔任的職位為何？作業方式是團隊或單兵作戰？其實都該不斷的提升自己的水平。而眾能力中，領導與統御能力對組織、任務與個人尤其重要，它通常扮演著事情能不能成功的要素之一。本篇文章將帶來資深 UX 設計師帶兵作戰的寶貴意見，絕對能帶給大家許多提醒與省思。
此篇原作者為 Robert Hoekman Jr，他是擁有豐富經驗的 UX 專家，曾服務於多間公司，如 Adobe、MySpace、Dodge、Craftsman、American Heart Association、Seth Godin 與 WordPress.com 等。並處理過上百件案子及面對許多客戶，累積了大量的寶貴經驗，在此分享給讀者們。以下，將以作者第一人稱的角度論譯。