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

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

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

帶領設計師轉職前端的專業線上教學平台 – 六角學院 專訪

近年來,線上課程平台如雨後春筍般誕生,代表全球對知識的渴求需求極大,這樣的方式也改變過去必須進教室才能學習的刻板印象。就軟體界的設計師而言,相信對能打造出 “真的” 能運作或互動的產品相當有興趣,因此大舌頭特別找了在網頁開發教育領域經營許久的團隊 – 六角學院 進行專訪,內文中除了分享了他們課程的方向外,也提供許多建議給想要學習或踏入前端的設計師們。

Continue reading

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

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

Continue reading

便利貼觀察法

幫助團隊找出共識的方法 – UX 便利貼觀察法

把使用者深度訪談中的洞察與觀察帶到產品開發團隊的方式有很多種,我們可以在所有的訪談結束後整理成一份報告,也可以請 PM 或工程師團隊一起參與使用者訪談,或是事後把重要的對話剪輯成影音給團隊回顧等等。我們嘗試過不同方法後,漸漸發展出一種「便利貼觀察法」,這是一個能很有效率地幫助團隊找出共識的觀察方法。

Continue reading

使用 求職網站 的注意事項

算算日子,面試 UX Designer/Researcher 實習生也邁入第 10 個年頭了,這次就以這幾年面試求職者/實習生的經驗,來聊聊要怎麼做才能在一群學生中脫穎而出,供有志從事 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

前端工程師與 UI 設計師的工作利器 – 平板 / 筆電立架

最近發現一款平板 / 筆電立架(Ridge Stand),有效解決了前端工程師與 UI 設計師工作流程中的痛點,分享給大家:

  1. 在長期工作下,平放的筆電高度會導致脖子不適。
  2. 外接大螢幕,並想讓筆電做為平行擴展的螢幕,可看更多資訊,效率提高。
  3. 手機與平板 APP 的開發流程中,常常需要驗證原型流程、字體大小、各種細節等。雖然電腦上也可以模擬,但總是希望能同步於真實的裝置上,這時候就會想要該設備放在工作螢幕旁。
  4. 通常蘋果裝置會是工作首選,配件當然不能太醜啦!要有蘋果產品的質感,感覺才對,工作效率才高 XD~

Ridge Stand_01

Continue reading

Google I/O Event Map 插圖

如何從文字用語來塑造產品的使用者體驗 – Google I/O 2017

今年二月的時候,主管天外飛來一敲,叫我記得參加 Google I/O 2017 的門票抽籤,當時不好意思地問他這是什麼?我當下更不知道這會是一張非常珍貴的門票,一張可以帶你前往新奇科技遊樂園的門票。然後呢?然後我就抽到了!五月 17-19 日 為期三天的 Google I/O Event ,於是前往位於美國舊金山 Shoreline Amphitheater 的大型露天劇場,參與這場盛會,並且拖稿至今日來為各位介紹我的所見所得。

主圖:Google I/O Event Map 插圖 (圖/ Google io event)

Continue reading

一句話形容 UX 設計師 在幹嘛?

「UX 是什麼?」、「UX 設計師是做什麼的?」,身為 UX 設計師,這大概會是你三不五時就被問到的問題。

日常生活中,多數人們對於 UX 設計師的職業概念都還是相當陌生的,要如何能讓第一次聽到「 UX 設計師」這個職業的人,能夠在短時間理解這份職業,對於每個 UX 設計師來說勢必會碰到問題 。於是本期的 UX 實驗室就發揮 UX 研究的精神,實際去訪談身邊的親朋好友,並向他們分享「 UX 設計師」是在做什麼,希望透過我們的經驗回饋,下次遇到別人在問你「什麼是 UX 設計師」時,你也能順利解答喔。

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