完形心理學!?讓我們了解“介面設計師”為什麼這樣設計

— 說服客戶與老闆、跟工程師溝通、強化設計概念的有感心理學 —

情況 1 : 為何要留那麼多空白? 害我還要滾動滑鼠(掀桌)
情況 2 : 為什麼不能直接用一頁展現? 把客戶的需求塞滿不就完工啦! (無言)
情況 3: 這種設計好像不錯,但是為什麼要這樣做? (直覺大神告訴我這樣設計,但我說不出來為什麼..)

雖然世界上有許多 GUI 已經走得又長又遠又厲害,但別以為這種古代人對話不會出現,一直以來我們只是習慣這些 GUI 被如此呈現,但為何要這樣設計我們卻不一定知道。

由於 完形心理學 歸納出人類大腦認知之普遍性的規則,因此無論是不是 UI/UX 設計師都很適合閱讀本篇文章。但還是想特別強調,若任職於傳統科技公司,需要對上說服老闆,需要平行說服(資深)工程師,那請把它收進最愛;而習慣套用設計好的 UI 套件,但不知道為何這樣設計的 IT 工程師,也可以透過本文來強化自己的產品說服力。

Continue reading

2017 十大最佳 互動設計原型 作品欣賞

高擬真的 互動設計原型 工具 ProtoPie 一歲啦!一年的時間裡,ProtoPie 的名字陸陸續續出現在 DribbbleBehance站酷等設計作品網站。作為 ProtoPie 開發團隊,我們自己都沒有想到這款工具可以做出這麼多炫酷的效果來!優秀作品如此眾多,單只我們自己欣賞就太可惜了,所以這篇作品分享文就誕生了!

我們挑選優秀作品的標準是:1) 獨創性  2) 創新性  3) 擬真度  4) 使用者友好度

Continue reading

B2B 的產品執行 易用性測試 所帶來的價值

在分享了產品經理的UX導入血淚史之後,很驚訝地收到了悠識數位的 Richard 臉書私訊我,希望可針對我的經驗有更多的交流(加了好友之後才發現,Richard 是資深前輩啊!悠識數位首席體驗架構師!)

很神奇地,Richard 問我,「這位 UX 設計師之前是不是做 UI 設計的呢?」賓果!簡直偵探,到底他的什麼行為會有這樣的猜測呢?讓人很好奇,我想聽聽他的想法。

所以今天就在悠識的某個活動結束後,去找 Richard 聊天(我是行動派)。以下是今天的對談紀錄加上我自己消化後的心得。

Continue reading

利用心理學與科學,完美克服介面上“內容加載”的等待感

介面內容的載入,一直都是令體驗設計師頭痛的議題,如何讓載入更加愉悅更是努力的方向。然而在,網路上我一直沒看到有人分享加載 detail 的文章,只有類似加載出現後如何降低用戶情緒的主題。如果我們換個方式想呢?透用一些巧妙方式讓載入畫面減少出現,甚至不出現?這樣用戶的體驗是不是會更好呢!否則往往設計得不錯,但因為細節上配合得不夠好,導致體驗不如預期。

在此跟各位分享之前在 app 列表載入方面的設計方式,各位在搜尋結果列表應該常遇到往下滑就要等待內容載入,因此我就一直在想怎麼才能達到順暢滑動,沒有加載等待的體驗設計,現在就來跟大家分享基礎篇,之後有空在跟大家說說進階篇。

Continue reading

支付寶互動與 UI 設計師專訪:如何打造市場所需的產品

大陸的市場規模與獨特性,讓企業能給予設計團隊更多資源與嘗試空間,因而在軟體產業 UX 的發展上,更能朝著專業化、組織化、規模化的發展。大陸的眾多服務中, 支付寶 在台灣也是頗有名氣,甚至許多人已經在使用了。所以這次真的很榮幸的可以訪問支付寶的設計師-陳璇與牧川,除了能了解大陸產品設計師的職能與權責外,更重要的也希望藉由訪談一探大陸開發產品的經驗。

Continue reading

快速迭代能做好產品?能維持好的使用者體驗?

以下的文字,由筆者湯六 (Tom Liou) 參與 2017 TalkUX 論壇,自行錄音並繕打而成的逐字稿,且該文章經由 ProtoPie 同意授權發布。由於當天現場我的手機拿去錄音,沒有多餘的設備可拍照,所以文章中的 slide 圖片由該場講者「韓學穎」授權提供,特此感謝之。

該講座為 TalkUX 第一天的其中一場講座,講者為 ProtoPie 市場部人員「韓學穎」,她所分享的題目是「從 Lean UXMicrointeraction」(以下開始為逐字稿正文)。

Continue reading

飲料換包裝設計,但在超商卻找不到?是行銷手法?還是另有原因呢?

九月下旬,統一木瓜、西瓜牛奶推出新 包裝設計,與知名插畫家合作,並透過網紅進行宣傳。不過,為何各大超商架上卻看不見新包裝亮相呢?

Nuomi諾米,台灣極具特色的插畫家之一。是桌遊台北大空襲的負責視覺、旅人島的作者,創作大玩立體建築與透視風格。此次 Nuomi 與統一合作 — — 麻吉冰果室新包裝成品令人驚艷,木瓜牛奶和西瓜牛奶各出一款,平面透過包裝角度偏轉後,拍起照看起來就像立體的一樣。

Continue reading

視覺設計 與 UI 設計 邏輯相違背時,該如何取捨?

本文除了一起欣賞2017台北客家主 視覺設計 外,也用 UIUX 的角度分析:『當平面設計和使用者介面的習慣產生衝突時,設計師該如何做取捨呢?』

近幾年,台灣設計美學越來越精彩,政府及各單位開始和業界重磅設計師合作,打造出許多好作品,促成行銷和設計的雙贏局面。最近出色的 視覺設計 像是『2017台北國慶主視覺』、『2017 世界音樂節』及『2017台北客家義民嘉年華』,都讓人印象很深刻。 Continue reading

企業導入 UX 很難嗎? 一段 PM 的血淚史分享

之前做產品經理(PM)時,公司決定導入UX 的職位、設計與文化。當時我是第一次接觸 UX 的觀念(不只是我,整個公司都是第一次),在與 UX 設計師 合作專案時,發生了許多的互動磨合的片段,簡直可用血淚史來形容。至今,許多問題我心中還是沒有標準答案,因此把整個過程記錄下來分析與檢討,同時思考如果再來一次,我會怎麼做。

Continue reading

UI 對話框 的設計大有學問,看設計師如何思考

作者 usagimaru 目前在 Goodpatch 身兼 Application Designer 和 Interface developer,對於 UI 設計和 Interaction 都有涉略,並將其應用在 App 設計開發當中。在 Goodpatch 經手過「さんちの手帖」「VEGERY」「JINS MEME OFFICE v1」等三隻 iOS App 的開發。

本篇作者平時就常撰寫以開發者角度來觀察使用者介面的文章,這次將以「文字用語」為主題,試著剖析 iOS 中的 對話框 設計。大舌頭強烈建議讀者可以從頭到尾看完喔,對初階設計師來說,可以讓思考更加全面;對於非設計師而言,可以了解為什麼設計真的是門專業,以及為什麼需要花那麼多時間囉~

原文由 Goodpatch 投稿提供 -從「取消的取消」問題思考如何設計對話框

Continue reading

你可能不知道的 – 關於 iOS 切圖那點事

講在前面:其實這一系列文章原本想取名叫「與看不出圖片糊掉的工程師戰鬥系列」,開玩笑的 (逃)~好啦!我只是想先跟各位夥伴說 … 文中所提到的習慣跟技巧都是以個人經驗為主,並不代表「這麼做就一定是正確的」!同事間能一起開開心心、快快樂樂工作的方法肯定就是好方法。如果內容有錯誤或是需要修正的地方,歡迎各位前輩給予指教,讓我們大家一起加油!

本篇文章中將提及的內容包含:

  • ICON 的切圖該如何處理?
  • PDF 圖檔要注意些什麼?
  • PNG 圖檔要注意些什麼?
  • 按鈕的切圖該如何處理?
  • 設計師常常忽略的那點事

Continue reading