Blog
Insights from the SPARKFUL teams
Categories:User Interface Design
圖示設計:辨識度與使用性
Decill Changuser-interface-design
在圖形化使用者介面中,常常可以看到許多各種不同的圖示。即使是我們平常每天瀏覽的網頁中,除了文字、圖片以外,最常見的就是各種標示功能與美觀效果的圖示了。圖示的功能很多,有的是表示啟動一個程式,或界面上的一個功能;... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
針對左、右撇子的介面設計
Magic Hunguser-interface-design
有的人是左撇子,有的人是右撇子,但在螢幕裡面的虛擬世界,同樣的介面之於他們,是否會造成操作的習慣以及效率的不同呢?其實先不管你是左撇子還是右撇子,相對的位置與距離就能夠影響你兩手的操作反應與舒適度,我們可以透過... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
幫使用者安排好下一步
Wei-Fan Chenuser-interface-design
設計使用者介面時常常會碰到需要讓使用者來決定下一步的時候,在電腦系統中最常見的就是「確認」以及「取消」按鈕;像是在作業系統中要刪除檔案時,系統會跳出以下的詢問視窗,並且已經預設將選項標記在主要的選項上... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
The Visual Perception Principles of Gestalt Psychology
Wei-Fan Chenuser-interface-design
Special tendency occurs when our eyes and brain observe objects and perceive visual stimuli. The tendency usually helps us to identify objects faster, but sometimes it also causes the “illusion”. The main concept of Gestalt Psychology is “the whole is other than the sum of the parts”. For ex... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
為使用者撒下「麵包屑」
Wei-Fan Chenuser-interface-design
大家小時候應該都有看過或聽過《糖果屋》(收錄於格林童話)的故事吧?故事裡的小兄妹在森林裡面邊走邊撒下麵包屑,希望可以在迷路的時候沿著麵包屑回到家,結果麵包屑被森林裡的小動物吃掉,這對小兄妹也就在森林裡面... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
我和你有點不一樣:針對色盲使用者的體貼設計
Decill Changuser-interface-design
世界上大約有 8% 的男性人口擁有某種形式的色盲,女性約 0.5%。以這比例去推算,臺灣的色盲者將近 116 萬人。可以說是一個相當龐大的族群。這些人不只在網路上、光是在日常生活上就常遭到不公平的待遇;就拿... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
習慣這把雙面刃:為什麼老客戶都討厭介面改版
Magic Hunguser-interface-design
習慣是把雙面刃,它讓我們可以很快速的進入狀況,讓身體在短時間內做出相對應的動作與反應,但有時卻阻礙了自己去接受更好的新設計與方式。想必大家一定都有過從一個停止運轉的電扶梯由上往下走下去的經驗,那種感覺怪怪的卻又說... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
行動裝置的網頁切換模式 PK 賽:Swipe Vs. Scroll
Magic Hunguser-interface-design
瀏覽器上的標籤(Tab)式分頁功能,讓我們能同時新增很多不同的網頁,並且可以輕鬆又快速的在不同的網頁間切換,而不需要開啟過多的視窗。可惜在螢幕空間狹小的行動裝置中,傳統的標籤分頁是窒礙難行的,所以我們必須發展其他的標籤切換模式,來增... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
友善的動態更新方式
Magic Hunguser-interface-design
透過智慧型行動裝置,我們每天可以接收到很多新聞、好友的最新動態以及大家分享的新鮮有趣的玩意兒,而很多行動裝置應用程式也會貼心的在我們呼叫出程式的時候,自動的幫我們刷新訊息。但是當每天更新的訊息越來越多... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
iOS 無邊框按鈕設計的優缺點
Decill Changuser-interface-design
導覽列對於多數手機 APP 而言是個很重要的元素,它不但可以讓使用者明確的了解目前所開啟的功能名稱,在許多時候還同時是個放置導航與重點功能的一個區域。在以往,當導航列上出現可以點擊的按鈕時,設計師在視覺表... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
資訊和特殊效果的絕妙平衡
Wei-Fan Chenuser-interface-design
「訊息」是為了溝通而產生,而「使用者介面」就是承載著資訊的載體。使用者透過介面,和各式各樣的系統進行五花八門的資訊交換。資訊可能由使用者產生,例如某個人在 Twitter 上發了一則訊息,透過介面上傳到網... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
阻擋機器人的神奇驗證碼系統
Decill Changuser-interface-design
常在網路上到處瀏覽的朋友一定對「驗證碼」這種東西不陌生,通常會出現驗證碼的場合不外乎就是為了安全性的考量,為了防止駭客利用自動化程式做暴力式的登入嘗試,防止自動化程式在留言板討論區等的洗版行為,或是頻繁存取導致伺服器崩潰等等情況,而設立的安全性... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
Latest Posts
- 10 週年,一起保有玩心的長大吧!|Fourdesire 2022 生活遊樂場活動紀錄
- 來份「心靈增肌菜單」不被焦慮綁架!Fourdesire 陪你鍛鍊「心理彈性」
- 《Book Morning!》故事起源:Fourdesire 與赤燭遊戲專訪
- 2022 晨型人養成計畫!與《Book Morning!》的晨讀約定,「故事」驅動你優雅早起
- 「容易分心」是對內心的提醒!用 3 種時間管理技巧創造理想生活
- 用 3 個問題復盤 2021,Fourdesire 陪你玩出更好的 2022!
- 首度公開!傳說中的 Fourdesire 實習生玩心探險全記錄
- 遊戲藝術思維的交織,《記帳城市》錢喵喵、《Walkr》童話星球與他們的產地
- 不被資訊焦慮淹沒,Fourdesire 給社群經理的安穩漂流指南
- 遠端工作也要一起玩!Fourdesire Team Building 線上活動企劃流程大解密