在每天與設計師和工程師們的合作中，最常被拿出來討論的問題往往是「好看」還是「實用」。在專案最一開始的資料調查和整理階段（Survey Phase），大家會分頭收集各式各樣的相關參考資料，來幫助我們快速理解某個特殊領域的細節。例如製作一個閱讀性質的 App，就會從 App Store、Google Play 或其他 App Market 上面尋找相關產品，一邊分析自己專案的核心本質、一邊從他人製作出 ...
READ MORE
Comments Off on 從能用、好用到喜歡用的產品設計
顯示資訊的介面設計與平面的視覺與排版設計最大的不同，就在於文字資訊是變動的（Dynamic），它也是最麻煩棘手的部分，尤其是對於可供使用者輸入的內容。即使在有限制文字長度的的條件下，文字的長短仍然會對視覺與版面有絕對的影響力，我們無法預期使用者會想要輸入僅僅一個字還是漏漏長的整句話，即使是固定的操作資訊如按鈕上的文字，也會受到多國語系的支援而改變長短，因此，不論介面還是視覺設計師，在設計這類的資訊 ...
READ MORE
Comments Off on 為變動的文字內容做準備
字體是視覺設計中很重要的一個部分，各種繪圖軟體如 Photoshop 以及 Illustrator 都提供了相當強大的文字編輯工具，可以隨心所欲的製作出各種文字編排。而當我們在使用文字輸入工具時會注意到有一個文字反鋸齒的選項： 針對這個功能，Adobe 原廠對於 Photoshop 的文字反鋸齒說明如下：「消除鋸齒可經由將邊緣像素部分填滿，製造出邊緣平滑的文字，如此一來，文字的邊緣就可以與背景混合 ...
READ MORE
Comments Off on 完美的像素：字體渲染那點事
手持裝置中的訊息提醒通知（Mobile Notification）已經是每天使用智慧型手機習以為常的東西，各式各樣的訊息通知每天不斷的 Pop-up 在我們狹小的螢幕中，有些令人期待、有些令人厭煩、有些則令人覺得莫名其妙，那麼到底這些訊息通知是否能夠有效的促使使用者點下去，達到我們想要的目的呢？ Frank Bentley 以及 Konrad Tollmar 就做了一個研究，來探討被動式的提醒通知 ...
READ MORE
Comments Off on 實驗與測試：被動式的訊息提醒通知
我們在網路上瀏覽時，一般都是利用網址來找尋你需要的網頁。而每次當你輸入的網址錯誤、或是原本的網址更改了，就會出現「HTTP 404」找不到網頁的畫面。一般我們看到的畫面會是類似以下的狀況： 看起來很眼熟對吧？有時候光是看到這個畫面就會想嘆嘆氣呢。由於 404 可以說是最常見的一種 HTTP 狀態碼，因此許多網站都會特地為這個 404 的畫面做客製化，讓瀏覽者即使從錯誤的連結來訪你的網站，也不會有「 ...
READ MORE
Comments Off on 404 頁面：為網路上的旅人準備的小驚喜
瀏覽器上的標籤（Tab）式分頁功能，讓我們能同時新增很多不同的網頁，並且可以輕鬆又快速的在不同的網頁間切換，而不需要開啟過多的視窗。可惜在螢幕空間狹小的行動裝置中，傳統的標籤分頁是窒礙難行的，所以我們必須發展其他的標籤切換模式，來增進使用性。 Andrew Warr 與 Ed H. Chi 於 2013 年發表的論文中，就針對行動裝置中常見的兩種模式進行了使用者測試與比較，分別是分頁式（Pages ...
READ MORE
Comments Off on 行動裝置的網頁切換模式 PK 賽：Swipe Vs. Scroll
遊戲化應用透過人們玩樂的天性，幫助提昇使用者對於應用與服務的持續性，在了解考慮到人們不同的玩樂動機後，我們便可以設計出有趣、引人入勝的各種應用與服務。但根據不同涉入程度的使用者，他們之間的需求也是有所差異的。 《Gamification by Design》作者透過 Dreyfus 所提出的技能獲取（Skill Acquisition）模型，依據玩家（使用者，以下皆以玩家代表）使用遊戲（各種遊戲化 ...
READ MORE
Comments Off on 遊戲化應用：玩家的五種階段
去年微軟發表了 Windows 8 所搭載的 Metro UI 後，就掀起了一陣扁平介面設計（Flat UI Design）的熱潮，許多網站、App、介面設計和互動設計都開始採用了這種風格。Google 在前一陣子的設計革新中也運用了許多扁平設計的元素，就連上星期蘋果 WWDC 上發表的 iOS7 都有著那麼一點點扁平設計的影子。 但到底什麼是扁平設計呢？採用扁平設計就真的放棄了所謂的擬物設計（S ...
READ MORE
Comments Off on 立足在擬物與扁平之間