Category: 使用者介面

合適的逃脫方式

方便的逃脫方式在手機應用程式中是不可少的,無論什麼情況下,使用者都會有想要反悔、或是做錯決定的時候,甚至很多時候只是隨便亂按亂玩,一不小心就進入了無法動彈的僵局中,又或者,有時只是想回到上一個畫面或步驟,卻被迫回到首頁。 對使用者來說,這樣的確會在使用上造成困擾,但手機使用的系統不同,其逃脫方式也有著不一樣的特性。 在 iOS 中,由於我們擁有統一的導覽機制,使用者可以透過導覽列(Navigati ... READ MORE
Comments Off on 合適的逃脫方式

資訊和特殊效果的絕妙平衡

「訊息」是為了溝通而產生,而「使用者介面」就是承載著資訊的載體。使用者透過介面,和各式各樣的系統進行五花八門的資訊交換。資訊可能由使用者產生,例如某個人在 Twitter 上發了一則訊息,透過介面上傳到網路系統,然後透過網路傳遞到所有人的螢幕面前,然後再由其他閱讀到這則訊息的使用者所接收。 因此在資訊的生命週期中,包括了「產生」、「傳遞」、「接收」這三個重要的階段,而每個階段都有可能造成資訊的損耗 ... READ MORE
Comments Off on 資訊和特殊效果的絕妙平衡

合適的 APP 啟動畫面

當使用者按下你辛苦開發的 App 啟動圖示(Launch icon)時,可能是在紅燈轉換綠燈的短暫時間內、可能是在肚子快餓扁想要趕快找家餐廳時、也可能是急著從聯絡清單中找尋可以幫忙的聯絡人電話,這時候其實他們心裡最想要的,就是能夠越快開始使用這個程式越好! 我們在手機 App 開啟時,總是會看到絢麗的啟動讀取大圖,上面印著 App 的 Logo 或是設計精美的視覺圖像,但為何在 iOS 內建的應用 ... READ MORE
Comments Off on 合適的 APP 啟動畫面

逐步揭露資訊的設計原則

你一定有看過這種電視遙控器,開關、數字鍵、換台和音量按鍵放在顯而易見的地方,遙控器的下面還有一個蓋子,拉下蓋子之後可以看到更多不常用的按鍵:切換輸入頻道、修正顏色、修正對比等進階功能鍵。 逐步揭露的設計方法 這種遙控器都是採用逐步揭露(Progressive Disclosure)的設計方法,逐步的揭露不同程度的資訊,並且提供不同程度的控制範圍給使用者。當使用者是初學者的時候,他們只需要知道最簡單 ... READ MORE
Comments Off on 逐步揭露資訊的設計原則

幫使用者安排好下一步

設計使用者介面時常常會碰到需要讓使用者來決定下一步的時候,在電腦系統中最常見的就是「確認」以及「取消」按鈕;像是在作業系統中要刪除檔案時,系統會跳出以下的詢問視窗,並且已經預設將選項標記在主要的選項上: 當版面上有複數按鈕時,我們通常將其區分為「主要選項」及「次要選項」等,主要選項按鈕代表你希望使用者使用的功能、進行的步驟等。 以雙按鈕的設計為例,我們簡單舉例幾種不同設計方式的情況: 我們注意到當 ... READ MORE
Comments Off on 幫使用者安排好下一步

行動裝置上的按鈕大小設計

本文有部分圖檔遺失,我們正在努力回復資料中。 在茫茫的 APP 海中,總是會有很多小不拉機的按鈕,怎麼點也點不到,使用觸控式行動裝置時最痛苦的事莫過於此,如果上天能夠給我一個重來的機會,我一定不會下載這個 APP! 但,同樣是一些嬌小的內建按鈕,如 iOS 導覽列上的導覽按鈕以及清單列的刪除按鈕,為何它們卻不會造成使用上的困擾呢? 秘訣在於設定按鈕的觸控感應區(Touch area),按鈕其實可以 ... READ MORE
Comments Off on 行動裝置上的按鈕大小設計

表單元素的排列組合,向左走還是向右走?

在現代的網站介面中,表單絕對是非常重要的一個人機互動介面元素之一。表單是由許多細小的元素所組合而成的集合體,標題和輸入框的排列方式有著重要的地位。 不過,標題要放在輸入框的左側還是上面?要靠左還是靠右?要怎麼排列才能提高表單的完成率呢? 標題和輸入框常見的排列方式有下列四種: 放在輸入框左邊,而且靠左對齊 放在輸入框左邊,但是靠右對齊 放在輸入框上面 放在輸入框裡面 到底這四種排列方式有什麼不一樣 ... READ MORE
Comments Off on 表單元素的排列組合,向左走還是向右走?

賦予事情不同的意義

位在菲律賓 Butuan 城市中的銀行 Green Bank of Caraga 實行了一個戒菸儲蓄的計畫,想要戒菸的民眾可以到銀行開個戶頭,在之後的半年內每週必須將買菸的錢存入銀行,在半年後,如果戒菸者經過驗證證明這段期間沒有抽菸(驗尿),便可以將這些錢全數領回,如果失敗的話,銀行就會將錢捐給慈善機構。這個計畫最後經過評估後發現,相較於其他的戒菸方式,成功的提昇了 53% 的戒菸率。 我們若將戒 ... READ MORE
Comments Off on 賦予事情不同的意義

大腦的偷懶小撇步:注意力瞬盲

大家有從厚重的報名資料裡面找到一個報名者的經驗嗎?或是從厚厚一疊文件裡面找出一筆想要的資訊?是不是想要快速的找到資訊,但是看了兩三遍都找不到東西,結果放慢速度,最後卻在已經瀏覽了好幾遍的地方找到想找的東西呢? 大腦的偷懶小撇步:注意力瞬盲 其實這也是一種大腦的限制,我們的注意力其實十分有限,一次只能專注在一兩種我們覺得重要的事物上。還記得我們在不注意盲視:如同保護色般的視覺效應中所提到的大猩猩實驗 ... READ MORE
Comments Off on 大腦的偷懶小撇步:注意力瞬盲

幫 UI 分類,我們是如何記憶的?

1956 年,認知心理學家 George A. Miller 發表了一篇名為「神奇的數字:7 ± 2」的論文,內容描述人類的大腦對於短期記憶的研究:人類對於 5 – 9 個數量左右的單位最容易記憶,超過 10 個以上的單位就容易被我們忘記。例如我們可以輕鬆的記住 7 個左右的名詞,但是超過 10 個以上要一口記住就有一點難了! 在 Barbara Minto 描述如何撰寫好文章的著作「 ... READ MORE
Comments Off on 幫 UI 分類,我們是如何記憶的?

按鈕要多大?費茲定律告訴你

你知道為什麼 Microsoft Windows 的選單列放置在視窗上,而 Apple Mac OS X 的選單列放在螢幕的最上方嗎?你知道為什麼 Mozilla Firefox 瀏覽器左上角的「回到上一頁」和「到下一頁」兩個按鈕的大小不一樣嗎?其實費茲定律(Fitts’ Law)都已經在許多使用者介面裡面偷偷運作了! 費茲定律(Fitts’ Law)是心理學家 Paul ... READ MORE
Comments Off on 按鈕要多大?費茲定律告訴你

美麗的輻射圖表呈現方式

資訊的呈現總是一門學問,我們常常在科幻電影裡面看到一些炫麗的操作介面與資訊圖表,不管是在鋼鐵人、Tron 或是駭客任務中,這些圖表似乎都能夠幫助操作員快速的得到資訊。而在現實生活中,輻射圖表(Radial Table)就是其中一種同時包含美麗外觀、資訊能見度以及資料關連性的圖表。 關係輻射圖表 前一陣子有一個很流行的 Facebook App「Friend Wheel」,只要按下登入、授權這個 A ... READ MORE
Comments Off on 美麗的輻射圖表呈現方式

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