介面/網頁設計

如何設計 「可拖曳元件」(Drag and Drop)?

介面上,你應該常使用到 可拖曳元件 (drag and drop),例如拖拉 Gmail 的信件到資料夾中、移動 Trello 的卡片或是把 Chrome 瀏覽器上的分頁重新排列等。雖然操作很簡單,但這些互動的設計複雜度超過你的想像。本文就來分享在 VMware 中設計「可拖曳的元件」的經驗。 (繼續閱讀…)...

如何設計有「大量資料 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」中關於「電話欄位」的設計細節。 (繼續閱讀…)...