移動(dòng)設(shè)備終端大屏化設(shè)計(jì)研究

蔡文睿 王金廣

摘 要：本文對(duì)智能移動(dòng)設(shè)備屏幕尺度的發(fā)展趨勢(shì)和人性化使用方式進(jìn)行研究，通過(guò)人機(jī)分析發(fā)現(xiàn)用戶使用大屏手機(jī)在操作和攜帶等方面的缺陷，運(yùn)用工業(yè)設(shè)計(jì)的理論方法結(jié)合創(chuàng)新設(shè)計(jì)實(shí)踐項(xiàng)目嘗試解決手機(jī)大屏化趨勢(shì)下的易用性問(wèn)題。

關(guān)鍵詞：大屏手機(jī)；人機(jī)交互；易用性

1發(fā)展趨勢(shì)

由互聯(lián)網(wǎng)消費(fèi)研究中心的統(tǒng)計(jì)數(shù)據(jù)顯示，2015年度，消費(fèi)者對(duì)4.5寸以下的機(jī)型關(guān)注比例僅10%左右，也就意味著近九成的消費(fèi)者更關(guān)注大屏幕手機(jī)。而在2012年10月，屏幕尺寸4.5寸以上的手機(jī)在智能手機(jī)中所占比例僅10%左右，而三年后，智能手機(jī)的平均屏幕尺寸已達(dá)到5.14英寸，手機(jī)大屏化的趨勢(shì)，在給用戶帶來(lái)更好的視覺(jué)體驗(yàn)的同時(shí)也伴隨著對(duì)交互方式的挑戰(zhàn)（圖1、圖2）。

2014年9月，隨著屏幕尺寸為4.7寸的iphone6與5.5寸iphone6plus的發(fā)布，一向追求完美的蘋果公司在屏幕尺寸與最適合人手的交互問(wèn)題上向手機(jī)的大屏化做出了妥協(xié)。在此之前，蘋果堅(jiān)稱iphone4所用的3.5寸屏幕是交互體驗(yàn)最好的黃金比例。而蘋果CEO庫(kù)克也曾解釋過(guò)，大多數(shù)用戶在使用配備4寸屏幕的iphone5仍能夠擁有較好的單手操控體驗(yàn)，這個(gè)尺寸是在手機(jī)便攜性與易用性能夠達(dá)到的最好的平衡點(diǎn)，并提出屏幕過(guò)大勢(shì)必會(huì)造成ppi的下降和影響顏色效果，而這一理由在9.7寸的ipad的面前，顯然也是站不住腳的。再?gòu)匿N量上看，iphone6的空前熱賣，也足以證明消費(fèi)者對(duì)于大屏幕尺寸的偏好。

通過(guò)上述案例不難看出，大屏手機(jī)仍將是未來(lái)的趨勢(shì)，手機(jī)屏幕與平板電腦屏幕之間的界限也將越來(lái)越模糊。然而，這種趨勢(shì)不應(yīng)該影響到人機(jī)交互原有的和諧性、操作的安全性，需要新一代的人—手機(jī)（平板電腦）交互方式，有效地利用人類多種感官通道，豐富手機(jī)的交互手段。但問(wèn)題在于，人手并不會(huì)隨著屏幕的變大而變大，過(guò)大的屏幕勢(shì)必會(huì)影響移動(dòng)電子設(shè)備的便攜性與易用性，那么移動(dòng)電子設(shè)備的大屏化趨勢(shì)必然會(huì)與其合理舒適的交互方式產(chǎn)生一組新的矛盾（圖3、圖4）。

2解決與應(yīng)對(duì)

為解決上述問(wèn)題。大體的思路方向有3種：

2.1輔助產(chǎn)品的開(kāi)發(fā)

可以根據(jù)用戶的需求設(shè)計(jì)一系列的延伸產(chǎn)品，包括推出能夠適配不同型號(hào)手機(jī)，輔助用戶在大屏移動(dòng)設(shè)備方面獲得更好用戶體驗(yàn)的功能性配件，為大屏移動(dòng)設(shè)備用戶提供更為便捷、巧妙以及安全的使用方式，滿足不同用戶的個(gè)性化需求。交互專家Kristoffersen表示用戶在運(yùn)動(dòng)過(guò)程中使用手機(jī)時(shí)，往往使用大拇指進(jìn)行交互，而其余的四指則更多地用于手機(jī)的固定。

在對(duì)移動(dòng)終端（以iphone為例）的研究過(guò)程中我們發(fā)現(xiàn)：

上圖綠色區(qū)域表示人在單手操作手機(jī)時(shí)（以右手為慣用手），可以輕易觸及的屏幕范圍；黃色區(qū)域相對(duì)綠色區(qū)在使用時(shí)稍有些困難，但依舊屬于正常的控制范圍；而紅色區(qū)域則代表著單手控制的盲區(qū)，需要調(diào)整手勢(shì)才能觸及，這也是手機(jī)大屏化所產(chǎn)生的交互障礙。

人單手操作手機(jī)時(shí)一般有兩種不同的習(xí)慣。如上圖所示，圖5這種抓握方式的優(yōu)點(diǎn)在于可控面積較大，只有頂端小部分的紅色區(qū)域不易操作。而其缺點(diǎn)也比較明顯，由于缺少了小拇指在手機(jī)下方提供支持，容易在操作過(guò)程中滑落手機(jī)。而圖6所示方式較圖5抓握的穩(wěn)定性雖有提高，但明顯在屏幕頂部多出了一大塊不可控區(qū)域。

因此針對(duì)圖5中手與手機(jī)的固定問(wèn)題和手機(jī)屏幕的可控范圍間存在的一些列關(guān)系，嘗試設(shè)計(jì)一款輔助產(chǎn)品解決該問(wèn)題。

首先對(duì)現(xiàn)在使用最廣的手機(jī)保護(hù)套進(jìn)行適度創(chuàng)新設(shè)計(jì)。傳統(tǒng)意義上的創(chuàng)新是顛覆性的破舊立新，而適度創(chuàng)新是對(duì)創(chuàng)新范圍的較大拓展，只要有市場(chǎng)并向好的方面改善或改進(jìn)的，都是創(chuàng)新。改良后的手機(jī)殼如圖7所示，通過(guò)在手機(jī)外殼的背面設(shè)計(jì)一個(gè)類似指環(huán)的裝置，使用戶在單手操作手機(jī)時(shí)能夠利用指環(huán)將手指與手機(jī)固定，既可自由操控大屏手機(jī)，又不易滑落。而市面上現(xiàn)有的產(chǎn)品中，只是在手機(jī)殼背面鑲嵌金屬指環(huán)，而沒(méi)有考慮到美觀及放置、攜帶等問(wèn)題。本設(shè)計(jì)將指環(huán)嵌置于手機(jī)外殼內(nèi)，需使用時(shí)如圖8所示，將兩條指環(huán)帶從手機(jī)殼上拔出通過(guò)兩端的連接結(jié)構(gòu)連接成指環(huán)，在無(wú)需使用時(shí)則將其安放回原處，不影響手機(jī)的整體外觀及平放。

2.2交互方式的升級(jí)

交互設(shè)計(jì)是指創(chuàng)建新的用戶體驗(yàn)，增強(qiáng)和擴(kuò)充人們工作、通訊以及交互的方式。隨著手機(jī)屏幕尺寸的逐漸加大，人手掌控手機(jī)的難度越來(lái)越高。一些新的使用方式將逐漸代替人手觸碰點(diǎn)擊不易完成的動(dòng)作，如聲控系統(tǒng)、瞳孔識(shí)別技術(shù)、吹氣、搖一搖等等。

作為大屏手機(jī)領(lǐng)域的先驅(qū)，三星GalaxyNote系列（圖9）在大屏手機(jī)領(lǐng)域的市場(chǎng)開(kāi)拓方面有著巨大的貢獻(xiàn)，但如果說(shuō)涉及到大屏化界面、交互方式創(chuàng)新等用戶體驗(yàn)的問(wèn)題時(shí)，它唯一的進(jìn)步可能就是那支觸控筆了。但遺憾的是，絕大多數(shù)的三星用戶幾乎從來(lái)都沒(méi)使用過(guò)它。其在交互中的存在感實(shí)在是微乎其微，沒(méi)有多少用戶愿意將一支筆在使用的時(shí)候費(fèi)力的拔出，用完后在插進(jìn)去，這個(gè)操作的工作量對(duì)于現(xiàn)在的習(xí)慣于快速反應(yīng)的用戶們來(lái)說(shuō)實(shí)在太不人性化了。美國(guó)著名認(rèn)知心理學(xué)家唐納德.諾曼認(rèn)為用戶操作產(chǎn)品時(shí)符合用戶概念模型，滿足用戶需求，則會(huì)給用戶和產(chǎn)品本身帶來(lái)雙贏。

相比之下，蘋果公司在大屏交互方面的創(chuàng)新則更為人性化。iPhonep6lus的正式發(fā)布，宣告了一直號(hào)稱3.5寸屏幕是交互黃金尺寸的蘋果公司向大屏化做出了符合時(shí)代需求的妥協(xié)，當(dāng)然，向來(lái)講究細(xì)節(jié)的ios肯定不滿足于單純的屏幕尺寸的拉伸。在iphone6中，雙擊Home鍵之后可以發(fā)現(xiàn)，屏幕頂部的內(nèi)容會(huì)向下推至較為舒適的操作區(qū)，方便用戶操作。盡管這個(gè)設(shè)計(jì)看上去極為取巧，但在實(shí)際的應(yīng)用上依舊存在感不高，畢竟操作區(qū)以外的大塊黑色屏幕，嚴(yán)重影響了用戶的視覺(jué)體驗(yàn)。其中許多設(shè)計(jì)依舊是在無(wú)奈地妥協(xié)之后的結(jié)果，在設(shè)計(jì)上有所提升但是細(xì)節(jié)上仍存在大量不足。而除iPhone以外，還有大量種類繁多的安卓系統(tǒng)的手機(jī)，它們相比ios蘋果更加熱衷于硬件的攀比，毫無(wú)疑問(wèn)的，更大更清晰的屏幕在這場(chǎng)快速升級(jí)的硬件大戰(zhàn)中首當(dāng)其沖。雖然手機(jī)屏幕的尺寸是在瞬間得到了升級(jí)，但其相應(yīng)的UI和交互設(shè)計(jì)依舊存在諸多缺陷，軟件相比硬件的升級(jí)仍然有滯后。

用戶體驗(yàn)專家LukeWroblewski，對(duì)于大屏手機(jī)交互上出現(xiàn)的這類新問(wèn)題，提出了自己的一些看法：將最高頻的交互點(diǎn)移動(dòng)到屏幕下方，并根據(jù)交互點(diǎn)的重要性，由下往上排布。這無(wú)疑大大降低了用戶的交互難度，將大屏手機(jī)的操作盲區(qū)產(chǎn)生的操作困難降低不少。這也是未來(lái)UI設(shè)計(jì)的一個(gè)重要趨勢(shì)。

由于大屏幕手機(jī)界面中最難操作的區(qū)域主要集中于屏幕頂部，因此之前在小屏手機(jī)中位于頂部且能夠輕易實(shí)現(xiàn)交互。例如安卓系統(tǒng)中，通知欄的功能在大屏化趨勢(shì)下，由頂部下拉通知欄這個(gè)交互動(dòng)作已經(jīng)難以單手操作完成。

經(jīng)過(guò)近十年的發(fā)展，如今智能手機(jī)的應(yīng)用界面基本穩(wěn)定在上中下三個(gè)板塊。分別是頂部的顯示信號(hào)電量等基本信息的信息欄，中間的內(nèi)容區(qū)域及底部的操作按鈕。其中很多功能并未隨著手機(jī)屏幕尺寸的擴(kuò)大而進(jìn)行相應(yīng)的改進(jìn)。例如ios原來(lái)的短信界面，在小屏幕時(shí)代，我們可以輕易單手用大拇指點(diǎn)擊到界面中所有的短信，而隨著屏幕的擴(kuò)大，我們發(fā)現(xiàn)最上方的一兩條短信條目，在單手操作時(shí)已經(jīng)不再能夠用大拇指點(diǎn)到。如果界面設(shè)計(jì)的下拉操作可以在原基礎(chǔ)上將頂部的信息拉至屏幕中部的位置，停下而不是回彈回去，就可以很好地解決這一問(wèn)題。

如果通過(guò)改變材料、色彩、結(jié)構(gòu)或功能可以獲得一個(gè)新的產(chǎn)品概念設(shè)計(jì)，那么一個(gè)新的交互設(shè)計(jì)概念則往往需要從重新確定參與者、定位行為動(dòng)機(jī)、規(guī)劃行為過(guò)程、謀求新的手段、營(yíng)造新的場(chǎng)景和環(huán)境等角度來(lái)入手。

因此，為了適應(yīng)大屏手機(jī)帶來(lái)的操作變化，觸控的操作模式需要進(jìn)一步優(yōu)化，盡量將操作區(qū)域安放在手機(jī)中下方的可控范圍內(nèi)，而屏幕頂部等盲區(qū)的操作項(xiàng)目將逐步被取代或進(jìn)行操作轉(zhuǎn)換。

2.3界面設(shè)計(jì)風(fēng)格的變革

近年來(lái)，互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)的飛速發(fā)展，用戶體驗(yàn)越來(lái)越受到重視。用戶體驗(yàn)設(shè)計(jì)（User Experience Design，UED），受到了IT界和設(shè)計(jì)界的關(guān)注。它包含了產(chǎn)品設(shè)計(jì)、服務(wù)活動(dòng)與環(huán)境等多個(gè)因素的綜合性設(shè)計(jì)，其中每項(xiàng)因素都考慮到個(gè)人或群體需要、愿望、信念、經(jīng)驗(yàn)、知識(shí)等。用戶不再被動(dòng)等待設(shè)計(jì)，而是直接參與并影響設(shè)計(jì)，以保證產(chǎn)品能夠滿足用戶需求，塑造良好的用戶體驗(yàn)。

手機(jī)屏幕增大的同時(shí)，隨之增大的還有我們獲取信息的手機(jī)界面，使其承載更多內(nèi)容：游戲、閱讀、播放視頻。但界面并非只是單純的將以前小屏幕中的內(nèi)容拉伸鋪滿如今的大屏，而這意味著我們?cè)谝环?yè)面中能夠獲取的信息量越來(lái)越大，由于不用像小屏幕手機(jī)點(diǎn)擊放大頁(yè)面內(nèi)容，所以信息的獲取將更加便捷。因此，手機(jī)界面的設(shè)計(jì)也將出現(xiàn)新的趨勢(shì)和變化：

（1）未來(lái)手機(jī)界面的設(shè)計(jì)趨勢(shì)將會(huì)是，充分利用大尺寸屏幕所提供的更大可視化空間，加上近年來(lái)快速發(fā)展的AR、VR等技術(shù)，創(chuàng)造一種沉浸式的感官體驗(yàn)。

（2）簡(jiǎn)化界面的板式結(jié)構(gòu)，去除多余的視覺(jué)修飾，盡量突顯重點(diǎn)，增大字體間距及行高度，規(guī)范統(tǒng)一字體。

（3）允許界面的大量留白，是用戶更好的獲取信息重點(diǎn)，從而提高信息的讀取效率。

（4）將一些無(wú)需點(diǎn)擊和操作的內(nèi)容盡可能的安排在操作盲區(qū)，例如：左上角常用語(yǔ)放置應(yīng)用軟件的logo。

（5）更多的界面動(dòng)態(tài)將會(huì)被應(yīng)用，板式雖趨向扁平化與簡(jiǎn)約風(fēng)格，但由于大屏提供的沉浸式效果，并不影響動(dòng)態(tài)效果上的華麗。

3結(jié)語(yǔ)

在未來(lái)，移動(dòng)終端設(shè)備也許采用AI人工智能、VR虛擬現(xiàn)實(shí)、OLED柔性屏幕（圖10）等科技手段，都應(yīng)該圍繞人性化設(shè)計(jì)，以提升用戶體驗(yàn)的愉悅性、易用性為出發(fā)點(diǎn)，從新產(chǎn)品創(chuàng)新設(shè)計(jì)的認(rèn)知、本能、反思以及需求痛點(diǎn)上進(jìn)行系統(tǒng)考量和迭代更新。

參考文獻(xiàn)：

[1]互聯(lián)網(wǎng)消費(fèi)調(diào)研中心.2015-2016中國(guó)手機(jī)市場(chǎng)研究年度報(bào)告[Z].2016.

[2]董占勛，許若楠，顧振宇.眼動(dòng)交互在大屏手機(jī)操作中的應(yīng)用趨勢(shì)[J].包裝工程，2015，37（24）：57-60，69.

[3]王金廣.論產(chǎn)品適度創(chuàng)新設(shè)計(jì)[J].裝飾，2007，50（08）：52-53.

[4]劉曉暉JenniferPeerce，YvonneSharp，HelenShape交互設(shè)計(jì)一一超越人機(jī)交互[M].北京：電子工業(yè)出版社，2003.

本文系基金2013年全國(guó)大學(xué)生創(chuàng)新訓(xùn)練項(xiàng)目，項(xiàng)目編號(hào)：201311845046