使用文字作為按鈕可以節省不小設計時間,因為它只需簡單設定。但是,使用者想要閱讀,識別和點選文字按鈕上的文字會變得困難。本文將逐一介紹,文字按鈕對手機可用性的負面影響、如何設計文字按鈕和哪些場合適合使用。
目錄引言文字按鈕很難點選大寫文字不易閱讀文字按鈕更難識別使用什麼代替文字按鈕當文字按鈕有意義時不能濫用文字按鈕引言智慧手機應用程式的按鈕要求的可用性標準高於桌面應用程式。由於智慧手機的螢幕和手指導航較少,因此智慧手機的按鈕應易於點選,閱讀和識別。大多數實體型按鈕都滿足這個標準,但文字按鈕很小,所以它不能滿足。
文字按鈕很難點選手指通常大於滑鼠游標。對於使用者而言,將手指放在小的目標上會很尷尬。使用者的手指覆蓋了按鈕文字,並且沒有視覺提示來確認操作是否成功。如果文字標籤足夠長,則使用者可以獲得視覺提示,但是仍然無法確定目標是否被擊中。
如果文字按鈕的尺寸很小,則使用者將不得不將手指精確地移動到目標。為了提高準確性,使用者需要花更多精力。他們必須把眼睛放在手指和目標上,以確保點選文字按鈕標。
如果按鈕上沒有筆直的邊框,則很難區分邊界,也很難將按鈕對準目標。在這方面,實心按鈕具有較大的目標和筆直的邊緣,因此不會發生此問題。
所有大寫字母的文字按鈕更難閱讀為了解決文字按鈕的點選問題,一些設計師把文字按鈕設定為全部大寫。Google的Material Design推薦這種風格,但它也有缺點。
如果全部大寫,則文字按鈕的邊緣將是直的,並且目標會變大。但是,對可用性沒太大改善,因為目標尺寸只是稍微大一些,而文字的可讀性卻降低了。
所有大寫字母都很難閱讀,特別是對於閱讀困難的使用者。使用者通過字母的形狀識別單詞。大寫字母無法與上標和下標區分開,因此很難閱讀。
文字按鈕更難辨識文字按鈕和文字之間的唯一區別是顏色。這種相似性使文字按鈕更難識別,特別是對於色盲使用者。如果沒有明顯的形狀,則使用者更有可能忽略文字按鈕和操作。
使用什麼代替文字按鈕很多人將文字按鈕用作輔助操作,以表明該按鈕的優先順序較低。但是,有一種更好的方法可以在智慧手機上保持可用性。
第一種方法是為文字加上輪廓並使其成為輪廓按鈕。這使按鈕邊框清晰可見,從而使使用者可以點選更大更清晰的目標。使用者可以在輪廓上或輪廓內的任意位置進行點選。
第二種方法是把文字按鈕放在淺色的陰影上。這也與操作按鈕不區別開,並且將按鈕框與背景區分開。儘管它混入了背景中,但顯示的淺色具有足夠的對比度。
視覺重量大
輪廓按鈕和淺色按鈕都可以很好地用作輔助動作。但是,顏色較淺的按鈕具有較輕的視覺效果,更易於點選。該按鈕本身具有淺色背景,使其比細輪廓的目標更明確。
當文字按鈕有意義時某些情況下,文字按鈕可能有意義。不是作為輔助操作,而是用於第三次操作。主要和次要動作很重要,應該把更多的視覺重量給與它們。而第三級動作通常很少點選,不需要脫穎而出。
文字按鈕有意義的另一種情況是使用者需要幫助來執行操作。當您需要提供上下文資訊時,以幫助使用者選擇最佳選項時。請使用文字按鈕。文字按鈕不會與其他按鈕衝突,從而阻止使用者將他們的幫助識別為動作。
不要濫用文字按鈕在介面上放文字按鈕很容易,因為它們不需要花很多精力進行設計。但結果是,使用者很難閱讀,識別和點選按鈕。不要濫用文字按鈕,因為它很麻煩。操作按鈕可能包含文字,但它們應始終看起來像按鈕。