Search

介面/網頁設計

Home
設計美學

如何設計有「大量資料 data heavy」的介面？

介面/網頁設計
我們應該常聽到老闆說：要把我們產品設計的越簡單越好！這句話看似沒錯，但時常雙方都會過度誤解 「簡單」 的意義，認為所有產品都應該第一眼就會用，而且畫面就該簡單到不行，但對某些產品，有時候過度的簡化或省略，反而造成不良的體驗，例如需要一目瞭然、方便比較、或有大量資料（ data heavy ）的產品。 （繼續閱讀…）...

來自全球頂尖科技公司的設計實習生作品集

介面/網頁設計
一般來說，要看到他人的設計作品集 (portfolios) 除了時常瀏覽、追蹤 Behance、dribbble … 等設計平台外，很難輕易看到優質的作品集（非單一作品），更何況是 Apple、Google、Facebook、adobe … 等全球頂尖科技公司的設計師！今天大舌頭就來跟大家分享 cofolios 這網站，這網頁的站長十分地慷慨，將自己所蒐集設計師作品集整理並分享，快來一起看看吧～ （繼續閱讀...

這是一本沒有 URL 和紙本實體，屬於 Z 世代的雜誌

介面/網頁設計, 時尚設計
還記得你上一次買紙質雜誌是在什麼時候？ 互聯網正時時刻刻改變著我們的生活習慣，用微信買東西、用微博搜資源、用 Instagram 去追踪喜歡的博主。如果以買紙本雜誌的方式去關註一個媒體，在Z世代的年輕人眼裡，似乎顯得有點復古了（唯一一種可能是，你買它來作為自拍的道具……）。 （繼續閱讀…）...

那些真正影響使用者體驗的網頁效能數據指標 – 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 工作的經驗，提供許多設計的小技巧給讀者，希望能解決在設計多語系產品的相關問題，期待能讓產品的體驗更好。 （繼續閱讀…）...