智能手機(jī)的按鈕設(shè)計(jì)研究

龔俊韜

摘要：互聯(lián)網(wǎng)信息時(shí)代的到來(lái)，依托于互聯(lián)網(wǎng)信息的移動(dòng)智能手機(jī)占據(jù)生活的方方面面，智能手機(jī)的按鈕設(shè)計(jì)應(yīng)站在用戶(hù)體驗(yàn)的角度來(lái)完善。通過(guò)對(duì)智能手機(jī)的按鈕概述，分析智能手機(jī)按鈕的三大設(shè)計(jì)分類(lèi)及智能手機(jī)按鈕的三大設(shè)計(jì)思路。實(shí)現(xiàn)按鈕與智能手機(jī)的功能性、實(shí)用性、美觀性方面的結(jié)合，從而提升用戶(hù)使用智能手機(jī)時(shí)的交互體驗(yàn)。

關(guān)鍵詞：智能手機(jī);按鈕;設(shè)計(jì)

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A

文章編碼：1672-7053（2020）05-0065-02

1智能手機(jī)的按鈕概述

按鈕，也稱(chēng)為命令按鈕，是智能手機(jī)常用的控件。初始狀態(tài)是一個(gè)指示性控件，等待用戶(hù)發(fā)出指令并執(zhí)行操作。按下?tīng)顟B(tài)是一個(gè)觸發(fā)事件，它是處理用戶(hù)的指令。手機(jī)按鈕是一個(gè)程序控制，它手動(dòng)生成、接收指令、傳遞信息并完成人機(jī)交互。

按鈕是智能手機(jī)界面中的點(diǎn)元素，一般情況下簡(jiǎn)單的指引導(dǎo)向符號(hào)，同時(shí)利用視覺(jué)符號(hào)的功能，具有簡(jiǎn)單、通俗、易于識(shí)別的特點(diǎn)。通過(guò)傳達(dá)特定的信息，吸引用戶(hù)的注意力，增強(qiáng)其識(shí)別力，讓人記憶深刻。點(diǎn)按鈕是分離按鈕的單個(gè)元素，當(dāng)一行或多個(gè)組合按鈕顯示在頁(yè)面上時(shí)，按鈕組形成線條或曲面。智能手機(jī)交互中有很多種按鈕。從設(shè)計(jì)形式上可分類(lèi)為圖形按鈕、文字按鈕和透明式按鈕。

1.1圖形按鈕

圖形按鈕（如圖1）是物體符號(hào)化的產(chǎn)物，即用圖案化的按鈕來(lái)顯示按鈕的基本功能。有的人說(shuō)：“圖案同時(shí)顯示視覺(jué)平面或者三維結(jié)構(gòu)，并沒(méi)有一定的起點(diǎn)和終點(diǎn)，完全可以按照自己的習(xí)慣動(dòng)機(jī)從任何地方開(kāi)始細(xì)節(jié)觀察，這樣比較容易同時(shí)觀察到許多有效的信息?！睆闹锌梢钥闯?，圖形按鈕是傳遞信息的清晰方式和常用的表達(dá)方式。按鈕的模式是跨區(qū)域、跨時(shí)空傳播信息的工具。例如在華為手機(jī)自帶的功能中，表示打電話的按鈕直接使用電話圖形，點(diǎn)擊電話圖形按鈕出現(xiàn)功能界面;點(diǎn)擊短信圖形按鈕，出現(xiàn)短信界面，將編輯好的短信通過(guò)點(diǎn)擊紙飛機(jī)的圖形按鈕，信息發(fā)送至千里之外的用戶(hù)，這種跨區(qū)域跨時(shí)空的功能為用戶(hù)帶來(lái)了便捷生活。這些以圖形為主的按鈕，使用戶(hù)對(duì)圖形操作有一個(gè)視覺(jué)過(guò)程和一個(gè)認(rèn)知過(guò)程，這是基于易于理解圖形的作用。在智能手機(jī)交互中，不同的圖形表示不同的功能，相同的功能也可以用不同的圖形表示。

1.2文字按鈕

文字按鈕（如圖2）是交互按鈕的直接按鈕方式。文字按鈕通常有兩種文本形式。一種是單獨(dú)添加到文本的鏈接，并去掉圖像圖標(biāo)窗體。文字按鈕通常應(yīng)用在手機(jī)APP界面的主界面和二級(jí)界面中，以強(qiáng)調(diào)信息的重要性，例如微信主界面中代表信息的“微信”、代表好友列表的“通訊錄”、代表朋友分享生活的“發(fā)現(xiàn)”及代表用戶(hù)自身的“我”。每一層級(jí)下又有新的文字按鈕，如在“發(fā)現(xiàn)”中有“朋友圈”“掃一掃”“搖一搖”等9個(gè)文本按鈕，點(diǎn)擊任一按鈕便跳轉(zhuǎn)至相應(yīng)頁(yè)面。另一個(gè)是圖形文本，添加到按鈕中，以增強(qiáng)用戶(hù)的可識(shí)別性。文本按鈕的形式類(lèi)似于圖標(biāo)按鈕，但功能更簡(jiǎn)單。由于文本本身的線性識(shí)別過(guò)程，文本按鈕在觀看和使用時(shí)也有視線行走過(guò)程。文本可以直觀地表達(dá)設(shè)計(jì)者的構(gòu)建交互意圖。從認(rèn)知的角度來(lái)看，文本可以顯示按鈕的功能，也可作為信息交流的語(yǔ)言符號(hào)，文本所具有的解釋性質(zhì)，清楚地表達(dá)了文本按鈕的功能。按鈕總是需要用戶(hù)體驗(yàn)，并非所有用戶(hù)都理解設(shè)計(jì)師的設(shè)計(jì)意圖，文本按鈕能夠避免不同的人對(duì)按鈕的錯(cuò)誤理解。

1.3透明式按鈕

智能手機(jī)界面中的透明式按鈕是指在界面中僅有輪廓，無(wú)任何其他的裝飾效果，并且是邊界非常清楚的扁平狀、透明式按鈕，一般是白色或黑色。按鈕所呈現(xiàn)的信息內(nèi)容，表達(dá)的文字或圖形，大都具有纖細(xì)的視覺(jué)感，能夠給用戶(hù)帶來(lái)更清晰的視覺(jué)效果。這種扁平狀的透明按鈕要比傳統(tǒng)的可觸屏按鈕稍大，一般放在智能手機(jī)界面當(dāng)中突出的位置。如蘋(píng)果手機(jī)界面（如圖3）的Assistive Touch按鈕，以白色圓點(diǎn)的形式出現(xiàn)在智能手機(jī)的界面中，用以控制界面，可應(yīng)用在任何背景中。在各類(lèi)手機(jī)自帶功能按鈕中，透明式按鈕主要取決于周?chē)膶?duì)比度和環(huán)境本身，因而得名為透明式按鈕。透明式按鈕除了具備傳統(tǒng)按鈕的指示性作用，等待用戶(hù)點(diǎn)擊發(fā)生跳轉(zhuǎn)，來(lái)進(jìn)行事件行為。按下觸發(fā)事件，處理用戶(hù)指令行為等，更強(qiáng)調(diào)了智能手機(jī)界面中的視覺(jué)效果。

2智能手機(jī)的按鈕作用

智能手機(jī)中的按鈕是指引用戶(hù)的目標(biāo)動(dòng)作，按鈕是用戶(hù)與智能手機(jī)的媒介，也是智能手機(jī)優(yōu)劣的影響因素。按鈕在智能手機(jī)中的作用，不僅能為用戶(hù)帶來(lái)良好的互動(dòng)性、增強(qiáng)用戶(hù)體驗(yàn)，還能在用戶(hù)使用智能手機(jī)時(shí)，充當(dāng)導(dǎo)覽的作用。

2.1良好的互動(dòng)性

智能手機(jī)中的按鈕是用戶(hù)與智能手機(jī)交流最為頻繁的一種形式，也是用戶(hù)與智能手機(jī)的中間媒介。按鈕中良好的互動(dòng)性，是用戶(hù)與智能手機(jī)產(chǎn)生的觸覺(jué)交互，在用戶(hù)用手觸碰手機(jī)圖標(biāo)按鈕時(shí)，快速跳轉(zhuǎn)至相應(yīng)的頁(yè)面，滿(mǎn)足用戶(hù)獲取信息內(nèi)容，從而達(dá)到用戶(hù)與智能手機(jī)的良好互動(dòng)性。

2.2增強(qiáng)用戶(hù)體驗(yàn)

智能手機(jī)打敗傳統(tǒng)手機(jī)，成為流行，在于它的操作簡(jiǎn)單方便，按鈕在這其中發(fā)揮重要作用。人們對(duì)事物的探索精神往往是他們關(guān)注的每一個(gè)細(xì)節(jié)，對(duì)于能夠增強(qiáng)用戶(hù)體驗(yàn)的手機(jī)按鈕也是如此。在設(shè)置好的按鈕中，用戶(hù)通過(guò)視覺(jué)觀察，來(lái)分辨每一個(gè)按鈕所代表的含義，按鈕的識(shí)別性越強(qiáng)，用戶(hù)從視覺(jué)到觸覺(jué)點(diǎn)擊的過(guò)程會(huì)越短，獲取的信息內(nèi)容也會(huì)更多，更容易產(chǎn)生用戶(hù)互動(dòng)從而增強(qiáng)用戶(hù)體驗(yàn)。

2.3導(dǎo)覽功能

在智能手機(jī)中，沒(méi)有好的導(dǎo)覽按鈕如同人類(lèi)失去雙眼，導(dǎo)覽功能是按鈕的本職功能屬性。按鈕的導(dǎo)覽功能能夠指引用戶(hù)“點(diǎn)擊——跳轉(zhuǎn)頁(yè)面——點(diǎn)擊”的循環(huán)中。不只是智能手機(jī)中的觸屏按鈕，還包括手機(jī)中的開(kāi)關(guān)機(jī)鍵及音量調(diào)節(jié)鍵，都帶有導(dǎo)覽的功能。

3智能手機(jī)的按鈕設(shè)計(jì)思路

手機(jī)從以通訊為主要目的的設(shè)備，發(fā)展到集齊各種娛樂(lè)設(shè)施和常規(guī)設(shè)施等各種功能為一體的智能設(shè)備。任何點(diǎn)擊交互都將視為智能手機(jī)的按鈕，而設(shè)計(jì)智能手機(jī)中的按鈕需要符合和滿(mǎn)足智能手機(jī)的功能性、實(shí)用性和保持界面的美觀性。

3.1符合智能手機(jī)的功能性

智能手機(jī)的功能性是評(píng)估智能手機(jī)是否滿(mǎn)足用戶(hù)的基本需求。用戶(hù)在確定使用智能手機(jī)之前，應(yīng)充分了解手機(jī)的功能設(shè)備。在手機(jī)自帶的界面及設(shè)備中，無(wú)論是圖形按鈕、文字按鈕還是透明式按鈕，在使用的過(guò)程中都要符合用戶(hù)本身對(duì)智能手機(jī)按鈕功能性的要求。早期手機(jī)的功能較單一，如今擁有一臺(tái)智能手機(jī)等于同時(shí)擁有相機(jī)、地圖、音樂(lè)、電影播放器、指南針等功能設(shè)備。手機(jī)的按鈕設(shè)計(jì)使手機(jī)的功能能清楚的呈現(xiàn)出來(lái)，讓用戶(hù)通過(guò)視覺(jué)快速識(shí)別手機(jī)上的功能，避免用戶(hù)混淆功能。

3.2滿(mǎn)足智能手機(jī)的實(shí)用性

智能手機(jī)作為網(wǎng)絡(luò)終端的載體之一，集語(yǔ)音、視頻通話、音樂(lè)、手游、支付交易、地圖導(dǎo)航、網(wǎng)購(gòu)等眾多應(yīng)用于一身。這些生活實(shí)用性應(yīng)用推動(dòng)智能手機(jī)的發(fā)展。按鈕在設(shè)計(jì)時(shí)，應(yīng)充分考慮用戶(hù)能夠快速清晰通過(guò)按鈕識(shí)別不同功能的應(yīng)用，達(dá)到交互需求。滿(mǎn)足智能手機(jī)實(shí)用性的按鈕，不僅為用戶(hù)帶來(lái)便利性，還能夠反饋積極效果。

3.3保持手機(jī)界面的美觀性

按鈕的外觀設(shè)計(jì)要保持手機(jī)界面的美觀性，經(jīng)過(guò)設(shè)計(jì)的手機(jī)按鈕能夠精準(zhǔn)滿(mǎn)足用戶(hù)在視覺(jué)上、心理上以及美學(xué)等方面的需求。在設(shè)計(jì)時(shí)要避免按鈕設(shè)計(jì)的粗糙化、模糊化，避免讓用戶(hù)混淆。同時(shí)要設(shè)計(jì)具有美觀性的按鈕，以確保用戶(hù)在使用智能手機(jī)時(shí)，很好地滿(mǎn)足目標(biāo)用戶(hù)部分的情感需求。

在青少年群體用戶(hù)中，由于青少年自身所帶有對(duì)創(chuàng)造性和個(gè)性的追求，向往有趣、潮流、新鮮的視覺(jué)元素。針對(duì)這一群體，智能手機(jī)主題界面的圖形按鈕往往根據(jù)當(dāng)下流行元素而設(shè)計(jì)，達(dá)到按鈕與界面的有機(jī)統(tǒng)一。在中年群體和老年群體用戶(hù)中，因年齡的成長(zhǎng)更注重按鈕設(shè)計(jì)的功能性與實(shí)用性，因此按鈕的設(shè)計(jì)與智能手機(jī)的功能性和實(shí)用性相結(jié)合，幫助這一群體便于操作智能手機(jī)。

4結(jié)語(yǔ)

按鈕作為智能手機(jī)界面中不可缺少的重要元素，不單單只是一個(gè)交互功能，也是智能手機(jī)交互界面的一種符號(hào)語(yǔ)言。無(wú)論是圖形按鈕、文字按鈕還是透明式按鈕，目的都是交互信息的中轉(zhuǎn)站，跳轉(zhuǎn)至新的頁(yè)面，指引用戶(hù)獲取信息同時(shí)完成用戶(hù)指令。按鈕的存在促進(jìn)了人與機(jī)器之間的交流，是智能化和信息化的產(chǎn)物。在當(dāng)今社會(huì)、工業(yè)、信息等方面，不僅僅在智能手機(jī)互界面中出現(xiàn)，在日常生活中，智能電視機(jī)、基于移動(dòng)端平臺(tái)的APP、網(wǎng)頁(yè)等都有按鈕的身影。要想設(shè)計(jì)符合智能手機(jī)的按鈕，這就需要設(shè)計(jì)師從生活中發(fā)現(xiàn)、觀察和感受用戶(hù)體驗(yàn)，認(rèn)真調(diào)查用戶(hù)需求，并加以增強(qiáng)。做到按鈕符合智能手機(jī)的功能性，滿(mǎn)足智能手機(jī)的實(shí)用性，保持手機(jī)界面的美觀性。期望更多的情感智能按鈕出現(xiàn)在我們的生活中。