產品設計師 到倫敦求職的經驗分享

ㄍ到倫敦找工作的一些小記錄,給自己留個紀念,也或許能幫助到正在找工作的朋友。我是數位 產品設計師  (UI / UX / IxD 類別,懶得名詞釋義,而且誤用已成趨勢),拿 T5 度假打工簽,基本上我投履歷大概有一半到三分之一的機率收到回覆有面試機會,所以其實我沒有真的海投,可能是因為有工作經驗加上作品集,讓人有好的印象。

Continue reading

如何設計有 “大量資料(data heavy)” 的介面?

我們應該常聽到老闆說:要把我們產品設計的越簡單越好!這句話看似沒錯,但時常雙方都會過度誤解 “簡單” 的意義,認為所有產品都應該第一眼就會用,而且畫面就該簡單到不行,但對某些產品,有時候過度的簡化或省略,反而造成不良的體驗,例如需要一目瞭然、方便比較、或有大量資料( data heavy )的產品。

那這類產品我們該如何進行設計呢?以下為 WebEngage 的行銷自動化產品設計案例:
Continue reading

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

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

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

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

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

Continue reading

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

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

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

Continue reading

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

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

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

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

Continue reading

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

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

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

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

Continue reading

多語系網頁在設計上該考慮什麼,才能有好的使用者體驗?

多語系 (國際化)網頁在設計時,往往因不理解該地區的文化或語言,而忽視了許多小細節,累積起來就會造成諸多問題,例如:降低轉換率、無法完全地傳遞產品價值理念、降低使用者的信賴 … 等。作者 John Saito 以他在 Dropbox 工作的經驗,提供許多設計的小技巧給讀者,希望能解決在設計多語系產品的相關問題,期待能讓產品的體驗更好。
Continue reading

framer flows

Framer Flows 初體驗

Framer 不適合製作頁面流程 (暫時)
建議大家不要拿 Framer 來製作頁面流程的原型。因為有比 Framer 更方便的工具,像是 Prott、Flinto 以及 Invision 等等。

還記得在開始寫 Framer 教學時,曾寫下上述的建言,而那時不知為何在句子後面加上了 ”暫時” 兩個字,也許隱約察覺到 Framer 團隊遲早會針對頁面流程,提出更好的解決方案。而就在前一陣子,他們推出了 Framer Flows !

Continue reading