Category: 使用者介面

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。 網路是連結的,但社群不是 許多人會有的迷思,以為網路產業是一個很容易國際化的生意:「上線一個英文官網,蹦!就會有許多英語使用者瀏覽我的英文網站。」事實上,有了英文網站,只代表英語使用者「可以」瀏覽網站或下載 App,但不代表 ... READ MORE
Comments Off on 藏於字句間的創作:產品中的在地化翻譯

那些設計時容易忽略的細節

在設計師與工程師的團隊合作過程中,常會面臨到一個問題,就是規劃好的視覺介面與操作流程,在實際程式實作時才發現許多衝突與不完整的地方,產生許多額外的來回溝通時間與修改調整的成本,這通常是因為沒有事先規劃出完整詳細的操作流程 mockup,在wireframe產生後就著手進行視覺設計與雛形開發的分工,就很容易就發生這樣的狀況。 以個人曾經接觸過的案子為例,下圖為其中的兩個主要的頁面(這裡已將視覺完稿轉 ... READ MORE
Comments Off on 那些設計時容易忽略的細節

iOS 無邊框按鈕設計的優缺點

導覽列對於多數手機 APP 而言是個很重要的元素,它不但可以讓使用者明確的了解目前所開啟的功能名稱,在許多時候還同時是個放置導航與重點功能的一個區域。 在以往,當導航列上出現可以點擊的按鈕時,設計師在視覺表現上都力求讓用戶知道是個按鈕,直至 iOS7 的設計去材質化設計理念,將這些地方的按鈕的形態去掉、僅剩下符號與文字告知使用者該「按鈕」的功能。 傳統上,大多數的按鈕外觀都被設計成擁有具體的形狀範 ... READ MORE
Comments Off on iOS 無邊框按鈕設計的優缺點

讓設計跟著指尖走:觸控設備上的互動效果

對於網頁瀏覽者來說,按鈕元件的幾種變化可以說是再熟悉不過的一種機制了:一般使用滑鼠瀏覽時最容易感受到的有 Normal、Hover 以及 Archive 這三種效果,分別為按鈕平時的狀態、滑鼠游標移到上方的效果、以及點擊按鈕時的效果。 而另外還有一個我們稱為 Focus 的效果,Focus 主要是指使用鍵盤的 Tab 按鍵來「瞄準」網頁上的元件時、被瞄準的那一個元件所顯示的狀態。雖然現在滑鼠已經是 ... READ MORE
Comments Off on 讓設計跟著指尖走:觸控設備上的互動效果

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

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

替不同情境做設計

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

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

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

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