亞斯伯格與卡珊德拉
亞斯伯格與卡珊德拉

相信各位有發現,Blog 更新次數越來越低,這幾年我的憂鬱症越來越嚴重了。

就因為症狀越來越嚴重,老公和我一起去了身心科看診。才踏入診間聊沒三分鐘,醫師就要老公填寫亞斯伯格量表、給我一份憂鬱症量表。回診確定老公是亞斯伯格患者後我們做了許多功課、爬了非常多的文章。

Adobe XD 製圖版面尺寸
Adobe XD 製圖版面尺寸

粉絲團有學生跑來問:「老師~為什麼 Adobe XD 預設的手機尺寸和官方文件數值不一樣啊!?我要聽哪個的?」

呃…這和解析度有關…

從公共設計看新北市門牌選色
從公共設計看新北市門牌選色

新北市政府這篇換門牌的 貼文 引起很大的討論聲音。尤其是「配色」方面得到許多負面評價,就來看看這幾個顏色出了什麼問題吧!

大學生的 UI 設計選修課(6)人物誌
大學生的 UI 設計選修課(6)人物誌

我認為人物誌可能是個被用到爛導致大眾對它的信賴感越來越低的一種研究方法…可信度大概就像是簽約初期所訂的開發時程一樣吧。

團隊合作中技術反而不是最重大的問題,如何讓團隊所有成員對專案產品有共識的難度絕對比技術高。光是讓所有人理解 「我們的產品賣給誰?最後是誰在用?」 就是個困難了。

大學生的 UI 設計選修課(5)分析文章
大學生的 UI 設計選修課(5)分析文章

之前在 大學生的 UI 設計選修課(4) 中講了親和圖 4 步驟中的前 2 個步驟:整理手上資料,找出關鍵片段,建立「卡片」。檢視卡片,將卡片分類成許多小群組,依據分類將小群組命名。還有兩個步驟。

  1. 找出小群組間的關聯性,將小群組整合成大群組並命名。
  2. 重新檢視整張圖,說明與解釋,撰寫分析文章。

有時候 UX 研究執行到後來,困難的都不是邏輯能力低下或是想像力乾涸,反而是中文能力太差。尤其是第 4 步,腦子裡詞彙不夠…殫精竭慮湊不出合適的句子。(文末有推薦書籍)

Fortnum & Mason 22 種茶心得
Fortnum & Mason 22 種茶心得

前年在英國玩時因為 Fortnum & Mason 茶很有名但不知道買那款好,看到有盒裝綜合包就全買回家了,240 包不知道要喝到啥時。

先說結論:我會回購 Green Tea with Elderflower 接骨木花綠茶、Queen Anne Blend 安妮女王紀念茶、Strawberry 草莓茶、Peach 桃子茶。

大學生的 UI 設計選修課(4)親和圖
大學生的 UI 設計選修課(4)親和圖

做了使用者訪談後拿到好幾人份的回應,要怎麼從中整理出較中立的資訊?

親和圖是一種很有效的方法,但非常耗腦耗時耗口水,而且對於初次接觸的新手不太友善,範圍太大什麼可能性都有,討論不完的感覺。

(親和圖這個研究方法需要較長的篇幅說明,拆分為上、下 2 篇文章。)

大學生的 UI 設計選修課(3)使用者測試、使用者訪談
大學生的 UI 設計選修課(3)使用者測試、使用者訪談

我覺得所有的 UX 研究方法中,使用者測試和訪談能最快讓初學者了解「開發者想的和使用者做的根本不一樣」。學生親身體驗記錄者和受測者的角色,更能用雙方面的角度來看待「UI」和「UX」。

之後再來教怎麼發現問題、怎麼解決問題,會比較聽得進去。

大學生的 UI 設計選修課(2)使用者、任務、行為
大學生的 UI 設計選修課(2)使用者、任務、行為

考量到視覺設計相關科系在學校極少會教到使用者的「行為」,所以本週課程打算講分析工作角色、工作任務、層級工作分析法,讓學生知道「使用者」、「任務」、「行為」是三個很大很深的坑。

大學生的 UI 設計選修課(1)課綱
大學生的 UI 設計選修課(1)課綱

這學期我在大學兼了 2 學分的選修課,說是設計系大三生的 UI 課,實際上有一半在講使用者經驗研究。沒有講使用者經驗就教學生直接動手畫 UI…我相信視覺設計是他們的強項,不需要我來錦上添花,所以這次準備的課程內容大都在訓練他們的「邏輯」。

RWD 怎麼畫 Wireframe?
RWD 怎麼畫 Wireframe?

之前曾經去演講過的學校,有學生傳訊問了關於 RWD 設計的問題。

  1. 設計師在繪製 RWD 網站的 Wireframe 時,會繪製 PC 和 Mobile 兩個版本嗎?或是直接使用軟體去做版本之間的切換呢?

  2. 若是沒有軟體可以直接使用的話,那又要如何繪製兩種版本的 Wireframe 呢?

px、pt、dp、sp 大混戰
px、pt、dp、sp 大混戰

dpi、ppi、px、pt、dp、sp 之類的名詞釋義網路文章已經有很多,但全部混在一起運用到 Mockup 上時該怎麼處理?

這個問題其實我也爬了滿久的文,沒翻到有比較完整的說法,所以自己整理了一篇。