行動裝置的網頁切換模式 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 種階段的使用者

立足在擬物與扁平之間

去年微軟發表了 Windows 8 所搭載的 Metro UI 後,就掀起了一陣扁平介面設計(Flat UI Design)的熱潮,許多網站、App、介面設計和互動設計都開始採用了這種風格。Google 在前一陣子的設計革新中也運用了許多扁平設計的元素,就連上星期蘋果 WWDC 上發表的 iOS7 都有著那麼一點點扁平設計的影子。 但到底什麼是扁平設計呢?採用扁平設計就真的放棄了所謂的擬物設計(S ... READ MORE
Comments Off on 立足在擬物與扁平之間

遊戲化應用:發掘 4 大使用者動機

透過遊戲可以幫助人們改變行為、增進學習的效果,甚至可以改善我們的健康。遊戲化將枯燥乏味的事情從消極與負面,轉變為主動自發的玩樂過程。 類似於遊戲化訴求的好朋友「樂趣理論 (The Fun Theory)」也是希望透過人們與生俱來的玩樂天性,發展了許多有趣的公共設施,其中一個著名的例子就是樂透測速照相機(Speed Camera Lottery)。 無論在什麼國家,超速都是一個令人頭痛難以解決的問題 ... READ MORE
Comments Off on 遊戲化應用:發掘 4 大使用者動機

他真的不是我兄弟:像素跟點大不同

產品開發的分工,是一件挑戰團隊合作技巧的事情。以網頁開發來說,由於網頁的特性,單純的網頁視覺設計師很少能夠直接掌握產品最終的外觀,往往是在繪圖軟體裡面將視覺部分定稿,再由前端工程師根據設計來將產品的視覺部分實現出來。舉凡圖片的尺寸、位置,元件的效果、色彩的 RGB 值、文字的尺寸等等,都必須清楚的傳達才能夠完整的重現原本的設計。 而在開發 App 的時候,這些問題一樣存在。在大部分的時候,我們都使 ... READ MORE
Comments Off on 他真的不是我兄弟:像素跟點大不同

習慣這把雙面刃:為什麼老客戶都討厭介面改版

習慣是把雙面刃,它讓我們可以很快速的進入狀況,讓身體在短時間內做出相對應的動作與反應,但有時卻阻礙了自己去接受更好的新設計與方式。 想必大家一定都有過從一個停止運轉的電扶梯由上往下走下去的經驗,那種感覺怪怪的卻又說不上到底是哪裡不對勁,尤其是剛踏下去的前幾個腳步,不論你已經體驗過了幾次,每次遇到時都還有身體上不平衡與不穩定的感覺,需要一點的時間來讓身體適應。這個現象稱作為「壞掉的電扶梯現象(Bro ... READ MORE
Comments Off on 習慣這把雙面刃:為什麼老客戶都討厭介面改版

互動設計的生命週期與法則

互動與使用者介面設計,是一個與使用者對話的過程,我們設計一個介面、一個互動流程,讓使用者可以遨遊其中不會感受到困擾。我們曾經在〈複雜與簡單?令人困擾的設計平衡〉中探討過容易學習的介面比簡單的介面更重要,但是到底如何設計一個容易學習的介面呢? 互動設計師 David Hogue 在 Interaction Design Fundamentals 中提到的五個重要的互動設計原則,提供了我們一個很棒的參 ... READ MORE
Comments Off on 互動設計的生命週期與法則

介面動畫的微小細節:壓縮與伸展效果

使用者介面中,有很大的一個部分的比例是屬於動畫效果呈現的部份,但是由於在討論的過程中,我們很難僅透過圖片或文字來解釋與描述動畫效果的呈現方式,因此這些細節常常最容易被忽略或是草草了事。 優秀的動畫效果在使用者介面設計中是不可缺少的,除了有趣、好看、增加介面的質感以外,更可以增添介面上的邏輯性。像是在電腦作業系統中,當使用者縮小程式視窗時,都會有一個該視窗縮小的動畫,使用者透過餘光便可以確認視窗被縮 ... READ MORE
Comments Off on 介面動畫的微小細節:壓縮與伸展效果

沒創意是一種惡性循環:試著抽離過濾泡泡吧!

「個人化」已成為新興網路服務中不可缺少的元素,聰明的系統必須根據使用者的喜好以及習慣,過濾掉「不必要」的資訊與訊息,讓我們覺得「嗯!這地方真不錯,每次來都覺得值回票價!」臉書會將我較常互動朋友的訊息,排序在比較前面;計師作品交流平台 Behance 也會把我喜愛的設計師所欣賞(Appreciate)的作品,也一併顯示在我的首頁,讓我每天花上好一段時間,沉浸在這些不可思議的鉅作中。 這些聽起來不是非 ... READ MORE
Comments Off on 沒創意是一種惡性循環:試著抽離過濾泡泡吧!

良好的溝通達成完美的設計

介面設計不只是一個學門,而且是一門結合設計、工程以及人因工程的藝術。大部分的介面設計都需要至少兩個人的合作:一個介面設計師、一個介面工程師(如果是設計網站可能叫做前端工程師、軟體則可能就是軟體設計師),這兩個人必須不停的彼此溝通,才能夠將彼此的構想幾乎無縫的互相交換,才能設計出完美的介面作品。 設計師、工程師要了解對方的思考方式 對網站介面設計師而言,HTML 5 與 CSS 3 的出現,已經可以 ... READ MORE
Comments Off on 良好的溝通達成完美的設計

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