介面/網頁設計

設計大量內容的頁面時,該注意哪些 UI 設計準則?

依專案的不同,在設計上需要考量的項目也有所不同。當我們接到需要呈現大量內容的產品設計任務時(如新聞、入口網站),該思考哪些要點呢?另外,使用者會不會因為大量內容而造成使用上的困擾?作者提出 6 大 設計準則 ,讓設計師在進行這類相關設計時有參考的方向。 (繼續閱讀…)...

沒有 Google Doodles 看的日子,我根本可愛不起來

誰說科技公司無趣?Google Doodles 早已成為 Google 式文化的代言人。 2011 年,原本一直是靜態展示的 Google Doodles,開始在特殊又重大的事件、紀念日推出衍生短動畫,不僅畫風生動有趣,配樂也十分討喜,如今隨著技術的進步,時常附有線上互動體驗,但由於眾所周知的原因,很多中國網友無法及時看到。 (繼續閱讀…)...

ABIES 上海綠映品牌形象網站

對未來有同樣期許,一起激發美好想像 越是不刻意,就越是充滿想像。 簡單,是我們雙方很快就達到的共識,在這個快節奏的生活中,一切從簡才能更回歸初心。 (繼續閱讀…)...

UI 設計小技巧 – 電話號碼欄位

相信大家都有在介面中被要求填入電話號碼的經驗吧!是不是有時會發生格式難以理解而輸入易錯亂?亦或修改困難 … 等體驗不佳的情境?此時可能還因無法順利完成簡單的任務而責怪自己!其實這些在設計上都能被優化,只要設計師與工程師能多點同理心,考量上更加周延,這些情況絕對能避免的。而在這篇文章中,大舌頭將與大家分享「表單(form)UI」中關於「電話欄位」的設計細節。 (繼續閱讀…)...

「多語系網頁」在設計上該考慮什麼,才能為使用者體驗加分?

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

UX 菜鳥設計師的職場觀察日記

人們對於未知的世界充滿好奇,相信學生們對於 UX 設計師的工作內容也有很多疑問,就像是一年多前還是學生身份的我,好奇著:學校探討的「使用者經驗」議題和職場應用的「使用者經驗」有什麼不同? (繼續閱讀…)...

圖越大越好?不是所有的使用者都跟你想得一樣!

在做產品設計驗證前,通常我們會先試著想像或限縮產品的使用者是哪一種人?有何種樣貌?以設計出符合使用者需求的設計;但很多時候,產品很難指向單一種特定的使用者。 以痞客邦部落格服務的使用者來說,可以基本分為「部落客」與「讀者」兩種類型;不過,部落格可以創作內容涵蓋的範圍非常廣泛且沒有限制,食衣住宿行育樂都有(光是站方規劃的文章類型就有 40 種分類提供部落客選擇),而每種文章類型的「部落客」與「讀者」需求也都會有所...

激發靈感的 50 套網頁配色方案,連色票都附上囉!

色彩搭配對網頁視覺起著最直接的影響,所以設計師們總是對此十分謹慎且難以抉擇... 一群洞察至此的海外設計師就整理出了以下 50 套網頁配色方案,而且每一套都附有色值,希望以此激發大家的設計靈感,讓各位網頁設計師早日告別焦慮與無限期加班—— (繼續閱讀…)...

25 個國外時尚網頁設計案例欣賞

時尚網站中往往最需要幫助客戶體現出「高端、時尚、大氣」的要求。完美的模特、對享樂主義的渴望和新穎的創意無不在通過視覺來調動人們的情緒。希望下面這 25 個案例能夠讓你找到一點感覺,受到一點啟發。 (繼續閱讀…)...

畫出地球的線條!Google 結合衛星照片的塗鴉遊戲

世界上美麗的地方不少,儘管有相似之處,卻沒有兩個一模一樣的地方,即使人為刻意山寨,可能會讓人有點搞不清楚自己究竟在何方,但是一旦把焦距拉長,從遠方觀察,就會露出馬腳,因為每個地方的線條都是獨一無二。嗯......真的是這樣嗎?最近 Google Chrome Experiment 推出的 Lane Lines app,就利用衛星圖片幫大家進行這個「大家來找碴」的趣味遊戲。 (繼續閱讀…)...