介面/網頁設計

那些真正影響使用者體驗的網頁效能數據指標 – Google I/O 2017

在 Google I/O 2017 中我認為有一場談論網頁效能數據與使用者體驗的演講很值得分享:Web Performance: Leveraging the Metrics that Most Affect User Experience,雖然內容圍繞在網頁技術架構的建議上,可能會讓不懂程式技術的人卻步,但身為 UX 從業人員,數據分析是一個非常重要的技能,可以幫助我們建立衡量的基準、理解產品的表現,這場演講內容是...

越來越普遍的扁平化設計,真的會降低人們使用頁面的效率嗎?(下)

扁平化與日漸普遍的極簡主義 這種趨勢並非無端出現。 被譽為建築史「現代主義之父」的美國建築師 Louis Sullivan 創造了現代摩天大樓的原型,他留給後世更大的財富,還在於放之四海而皆準的設計格言:形式追隨功能( Form follows function)。 這句話的意思很簡單,即設計首先得考慮功能性。 (繼續閱讀…)...

為什麼介面設計中,使用者的 個人頭像 大多是圓形的?

大家有沒有覺得有越來越多的平台或 App ,喜歡使用「圓形」作為使用者的「個人頭像」形狀。該不會是近期的設計風潮?還是大部分介面設計師的愛好?或有其他特別的原因呢?大舌頭藉由歸納網路社群中專家的討論,以及問卷調查的結果分析,逐步釐清這個秘密,內容精彩不要錯過喔 ~ (繼續閱讀…)...

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

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

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

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

ABIES 上海綠映品牌形象網站

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

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

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

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

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

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

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

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

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

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

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