SPARKFUL

Blog

Insights from the SPARKFUL x Fourdesire teams

Categories사용자 인터페이스 디자인
name

阻擋機器人的神奇驗證碼系統

Decill Changuser-interface-design
常在網路上到處瀏覽的朋友一定對「驗證碼」這種東西不陌生,通常會出現驗證碼的場合不外乎就是為了安全性的考量,為了防止駭客利用自動化程式做暴力式的登入嘗試,防止自動化程式在留言板討論區等的洗版行為,或是頻繁存取導致伺服器崩潰等等情況,而設立的安全性...Read more
divider
name

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

Decill Changuser-interface-design
對於網頁瀏覽者來說,按鈕元件的幾種變化可以說是再熟悉不過的一種機制了:一般使用滑鼠瀏覽時最容易感受到的有 Normal、Hover 以及 Active 這三種效果,分別為按鈕平時的狀態、滑鼠游標移到上方的效果、以及點擊按...Read more
divider
name

針對左、右撇子的介面設計

Magic Hunguser-interface-design
有的人是左撇子,有的人是右撇子,但在螢幕裡面的虛擬世界,同樣的介面之於他們,是否會造成操作的習慣以及效率的不同呢?其實先不管你是左撇子還是右撇子,相對的位置與距離就能夠影響你兩手的操作反應與舒適度,我們可以透過...Read more
divider
name

捕捉使用者注意力:適量的突現動態效果

Magic Hunguser-interface-design
突現的動態效果在介面中能夠有效的吸引使用者的注意,可引導使用者點擊、並開啟特定功能或訊息,常用於逐步的使用教學與訊息提示中;但當動態效果過多的時候,不但會造成使用者視覺上的打擾,久了還會呈現自動忽略的情形,而失去了使用動...Read more
divider
name

魔鬼藏在設計細節裡:互動按鈕大小事

Decill Changuser-interface-design
當一個產品完成核心部分的需求之後,我們就可以準備開始研究細節的問題。一個產品幾乎每個層面都可以談論細節,其中還包括表面上看得到的,以及表面上看不到的。表面上看得到的細節很簡單,花時間去做、去嘗試、去犯...Read more
divider
name

觸控螢幕的 UI 設計:該選手勢操作還是虛擬按鈕?

Magic Hunguser-interface-design
手勢操作可說是觸控式行動裝置的一大特色以及優點,使用者可以在空間狹小的螢幕中輕鬆又放肆地揮舞手指,快速執行想要的功能。而比較起螢幕中的虛擬按鈕,到底手勢對於使用性以及效率可以帶來多少效益呢?研究者 Bragdon 等人做了一個有關手勢操作的探討...Read more
divider
name

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

Decill Changuser-interface-design
產品開發的分工,是一件挑戰團隊合作技巧的事情。以網頁開發來說,由於網頁的特性,單純的網頁視覺設計師很少能夠直接掌握產品最終的外觀,往往是在繪圖軟體裡面將視覺部分定稿,再由前端工程師根據設計來將產品的視覺部分實...Read more
divider
name

從資料出發:分頁還是捲軸?

Wei-Fan Chenuser-interface-design
在設計資料量比較大的網站或是應用程式時,我們常常會遇到的問題是要採用分頁(Pagination),還是移動捲軸(Scrolling)便自動載入、呈現資料。Facebook 和 Twitter 的頁面在載入新資訊的時候,都是採用移動捲軸自動載...Read more
divider
name

圖示設計:辨識度與使用性

Decill Changuser-interface-design
在圖形化使用者介面中,常常可以看到許多各種不同的圖示。即使是我們平常每天瀏覽的網頁中,除了文字、圖片以外,最常見的就是各種標示功能與美觀效果的圖示了。圖示的功能很多,有的是表示啟動一個程式,或界面上的一個功能;...Read more
divider
name

完美的像素:字體渲染那點事

Decill Changuser-interface-design
字體是視覺設計中很重要的一個部分,各種繪圖軟體如 Photoshop 以及 Illustrator 都提供了相當強大的文字編輯工具,可以隨心所欲的製作出各種文字編排。而當我們在使用文字輸入工具時會注意到有一個文字反鋸齒的選項:針對這個功能,Adobe ...Read more
divider
name

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

Decill Changuser-interface-design
因為中文的方塊組成在排列上具有非常優秀的彈性,因此不論是直書或是橫式的書寫方向都可以很好的適應。在近代為了推行電腦化、讓文字與資訊帶來普及化,橫式書寫的排版方式被廣泛地應用。但其實在許多場合,例如較為...Read more
divider
name

完形心理學的視覺法則

Wei-Fan Chenuser-interface-design
我們的眼睛和大腦在觀察事物、接收影像刺激的時候,會有一些特別的傾向。這些傾向常常可以幫助我們快速的辨別事物,有時候也會產生所謂的「錯覺」。完形心理學重要的概念便是「整體不等於個體的總合」,舉例來說:當我們在觀察另一個人...Read more
divider