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

製作 APP 的介紹影片,該注意哪些要點呢?

APP 產品推出市場時,大多會透過短片進行宣傳,短片可以在短時間之內讓使用者快速了解產品的特色與精神,而且方便分享傳播。以 Google 的 APP 為例,幾乎每個 APP 都會有一個介紹影片。

APP 介紹影片通常用來講述設計問題、設計的特點以及如何操作使用。那麼,怎樣才是一個好的介紹影片呢?從我們替客戶製作 APP 介紹影片的經驗與 Google APP的影片中,我們提出了 7 點對於 APP 介紹影片製作的看法。

Continue reading

設計 “ 找工作 APP ” 的概念與流程分享

大多人力銀行的 ” 找工作 ” app 都還是走傳統九宮格、網頁的設計模式,老實說,這樣的設計已經不符合現代,且美感也差了一大截,更不用說好不好用了。

剛好有機會可以重新規劃人力銀行的 ” 找工作 ” app,當時我就決定要讓找工作這件事也要有美感。不過,對於 90 % 都是文字的產品來說是個大挑戰。另外在體驗上當然不能像飲料換包裝而已,必須要有實質提升,例如減少頁面、簡化流程及操作、提升使用效率、在頁面更少及使用平均時間不變下,相較舊版平均瀏覽頁數提升 30 % 等。以下就分享 “找工作” app 的設計思維,希望能給大家不一樣的想法。

SHEJI.AI:我們以為改變在未來 2年內都不會發生,卻沒想到,在 10個月前已經悄悄開始

Continue reading