為什么文字型按鈕會影響手機app的易用性?

手機app的易用性標準會比桌面程序高一些。由于屏幕較小且是用手指操作,手機app 的按鈕必須更易于點擊、閱讀和分辨。大部分的實心按鈕都符合這個標準,但是文字型按鈕就比較少符合。在你使用文字型按鈕之前,你需要知道下面的事。

文字型按鈕難于點擊

人的手指比鼠標光標大很多。將手指放在小小的目標上對用戶而言很不方便。當手指放置在文字上時,你看不到是否操作成功。當文字夠長時,可以有部分文字可以看到,但還是不夠明顯來判斷是否操作成功。

小的文字按鈕迫使用戶必須要精確的點擊到目標。這就意味著用戶需要投入更多的努力。他們需要眼睛盯著手指放置到按鈕上來確保他們點擊到了。

缺少邊框會讓按鈕的邊際難以區(qū)分,也讓按鈕難以點擊。而實心的按鈕則不會有這個問題,因為它有明顯的邊框和更大的點擊面積。

全大寫的文字型按鈕難以閱讀

為了解決點擊區(qū)域過小的問題,一些設計師將按鈕文字都改為大寫。Google的material design設計規(guī)范有推廣這種做法,但這是有瑕疵的。

全大寫文字按鈕有更大的點擊區(qū)域和明顯的邊界,雖然變大了些,但是可讀性卻差了很多。

所有的全大寫文字按鈕都難于閱讀,特別是對閱讀障礙的用戶。用戶依靠字母的外形來區(qū)分文字。全大寫文字沒有明顯的外形,所以用戶無法一下子就看出是什么字。

文字型按鈕難以分辨

文字型按鈕與文字唯一的區(qū)別就是顏色不同,這就使得文字型按鈕難于分辨,特別是對色盲用戶而言。沒有清晰的按鈕輪廓,用戶很可能忽視這個按鈕不會去點擊。

用什么來代替文字型按鈕呢?

許多人使用文字型按鈕來作為第二層級按鈕,以顯示它的優(yōu)先級低于前一個。但有更好的不影響的易用性的辦法。

線框按鈕

一個就是線框按鈕。這樣使得按鈕邊框清晰可見,也讓用戶有更大的區(qū)域來點擊。

按鈕中缺少顏色會讓這個按鈕看起來不如第一層級按鈕明顯,顏色淺的細邊框按鈕是文字按鈕的一個很好的替代方法。

淺色按鈕

另一個辦法是,讓文字按鈕放在一個淺色塊上。淺色按鈕可以有明顯的邊界和填充色,但又不會搶奪第一層級按鈕注意力。淺色需要能很好的與背景色融合,但也要在視覺上有一定的差異。

哪一種視覺層級更重?

線框按鈕和淺色按鈕都是很好的第二層級按鈕選擇。但是淺色按鈕看起來視覺層級更重一點,也更容易點擊。

何時選擇文字型按鈕?

有時候文字型按鈕也有其意義。不將其作為第二層級按鈕,而改為第三層級按鈕。第三層級按鈕不會有很多次的點擊也不需要多顯眼。第一、第二層級的按鈕比較重要,所以他們需要更強的視覺層級。

當用戶需要獲取幫助時,也可以使用文字型按鈕??梢蕴峁┮粋€文字型按鈕來給用戶點擊獲得文字提示來幫助他們更好的做選擇。文字型按鈕能讓用戶下意識不覺得是個按鈕,從而不干擾點擊其他按鈕。

不要濫用文字型按鈕

因為很容易設計,所以很多設計師很容易在界面上放置很多文字型按鈕。但這會導致用戶難于閱讀、分辨和點擊你的按鈕。不要偷懶而濫用文字型按鈕。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容