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

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

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

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

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

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

Red Dot 設計獎 適合軟體產品嗎?ProtoPie 獲獎經驗分享

Red Dot 設計獎 因近幾年來政府對設計的支持,以及業界獲獎後的行銷等,對台灣讀者來說應該不陌生。不過,印象中我們似乎只聽過平面、包裝、工業設計獲得此獎?軟體產品好像沒聽過?其實,軟體產品是可以參加 Red Dot 設計獎 的。說到這邊,相信大家一定對如何準備參獎非常有興趣,而大舌頭也有幸能訪談到今年才獲得殊榮的 ProtoPie 設計團隊,藉由他們的經驗分享,各位讀者一定能收穫良多,就讓我們看下去吧~ ...

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

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

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

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

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

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

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

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