我們的工作為何複雜:視覺設計師該決定什麼?

視覺設計在產品組成中佔了極為重要的成分,它直接影響了使用者對於該產品最初的觀感、使用時的體驗以及最後留下的印象等等。甚至在許多時候,產品的成敗與否,往往就取決於成功的視覺設計經驗上。 然而,一個設計的最終定案註定要受到來自四面八方的挑戰:有來自客戶的、來自專案管理的、來自工程師的,甚至來自使用者體驗的。視覺的問題很麻煩,整體環節裡的每個人都很有可能對你的設計發表意見與需求,但又不可能一一給予相對應 ... READ MORE
Comments Off on 我們的工作為何複雜:視覺設計師該決定什麼?

關於直式中英文排版的幾種可能性

因為中文的方塊組成在排列上具有非常優秀的彈性,因此不論是直書或是橫式的書寫方向都可以很好的適應。在近代為了推行電腦化、讓文字與資訊帶來普及化,橫式書寫的排版方式被廣泛地應用。但其實在許多場合,例如較為著重中文文字表達性的書籍,依舊會使用直式書寫來做排版,在閱讀上具有完全不同的閱讀體驗: 直書跟橫書大不同 中文字使用直式書寫的來由,其實有很多說法,一個最普遍的解釋就是由竹簡發展而來。以比例占較多數的 ... READ MORE
Comments Off on 關於直式中英文排版的幾種可能性

產品設計必備的 3 個層次:從能用、好用到愛用

在每天與設計師和工程師們的合作中,最常被拿出來討論的問題往往是「好看」還是「實用」。在專案最一開始的資料調查和整理階段(Survey Phase),大家會分頭收集各式各樣的相關參考資料,來幫助我們快速理解某個特殊領域的細節。例如製作一個閱讀性質的 App,就會從 App Store、Google Play 或其他 App Market 上面尋找相關產品,一邊分析自己專案的核心本質、一邊從他人製作出 ... READ MORE
Comments Off on 產品設計必備的 3 個層次:從能用、好用到愛用

為變動的文字內容做準備

顯示資訊的介面設計與平面的視覺與排版設計最大的不同,就在於文字資訊是變動的(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 不想讓使用者反感?試試被動式推播吧!

設計產品必須思考的使用者情境

在設計一個數位或網路產品時,我們常常會想替產品增加許多新功能,但這些功能到底能不能貼近使用者所真正想要的行為呢?為了確定我們的設計方向正確,第一個想到的方法可能是從所謂的目標族群著手:「我們的產品目標族群是 25 – 35 歲的上班族,他們每天早出晚歸,回家又很累,可能沒有時間玩 …… 」。 目標族群可以先幫我們縮小範圍,但沒有辦法真正左右我們的設計,那麼真正能 ... READ MORE
Comments Off on 設計產品必須思考的使用者情境

用趣味留住使用者:10 個令人驚喜的 404 頁面設計

我們在網路上瀏覽時,一般都是利用網址來找尋你需要的網頁。而每次當你輸入的網址錯誤、或是原本的網址更改了,就會出現「HTTP 404」找不到網頁的畫面。一般我們看到的畫面會是類似以下的狀況: 看起來很眼熟對吧?有時候光是看到這個畫面就會想嘆嘆氣呢。由於 404 可以說是最常見的一種 HTTP 狀態碼,因此許多網站都會特地為這個 404 的畫面做客製化,讓瀏覽者即使從錯誤的連結來訪你的網站,也不會有「 ... READ MORE
Comments Off on 用趣味留住使用者:10 個令人驚喜的 404 頁面設計

行動裝置的網頁切換模式 PK 賽:Swipe Vs. Scroll

瀏覽器上的標籤(Tab)式分頁功能,讓我們能同時新增很多不同的網頁,並且可以輕鬆又快速的在不同的網頁間切換,而不需要開啟過多的視窗。可惜在螢幕空間狹小的行動裝置中,傳統的標籤分頁是窒礙難行的,所以我們必須發展其他的標籤切換模式,來增進使用性。 Andrew Warr 與 Ed H. Chi 於 2013 年發表的論文中,就針對行動裝置中常見的兩種模式進行了使用者測試與比較,分別是分頁式(Pages ... READ MORE
Comments Off on 行動裝置的網頁切換模式 PK 賽:Swipe Vs. Scroll

遊戲化應用:如何掌握 5 種階段的使用者

遊戲化應用透過人們玩樂的天性,幫助提昇使用者對於應用與服務的持續性,在了解考慮到人們不同的玩樂動機後,我們便可以設計出有趣、引人入勝的各種應用與服務。但根據不同涉入程度的使用者,他們之間的需求也是有所差異的。 《Gamification by Design》作者透過 Dreyfus 所提出的技能獲取(Skill Acquisition)模型,依據玩家(使用者,以下皆以玩家代表)使用遊戲(各種遊戲化 ... READ MORE
Comments Off on 遊戲化應用:如何掌握 5 種階段的使用者

Type on the field below and hit Enter/Return to search