藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，請(qǐng)點(diǎn)這里

在這個(gè)需要考慮各種屏幕大小和尺寸的年代，側(cè)重小屏幕已成為一種常識(shí)。我們的設(shè)計(jì)和交互主體必須要在最小的屏幕上也能正常工作，比如手機(jī)和智能手表。眾多設(shè)計(jì)團(tuán)隊(duì)都致力于不斷調(diào)節(jié)和優(yōu)化小尺寸設(shè)備的菜單、交互、內(nèi)容和體驗(yàn)。
然而，其他屏幕的尺寸卻在不斷增且越來(lái)越多的屏幕支持觸摸。些筆記本電腦和臺(tái)式電腦也配備了觸屏。如今已有一些大型平板電腦面市，如24寸觸屏Nabi Big Tab (圖1)，再例如特斯拉的17寸觸屏。因?yàn)槠聊怀叽缡前凑諏?duì)角線計(jì)算的，所以特斯拉的17寸屏實(shí)際上是ipad9.7寸屏面積的三倍。而Nabi Big Tab的屏幕面積是ipad的六倍。

圖1：（譯者配圖，非原文配圖）Nabi Big Tab
就好比移動(dòng)小屏里的設(shè)計(jì)與臺(tái)式電腦的大不相同，為大型觸屏而設(shè)計(jì)也要考慮一系列不同的因素。適用于鼠標(biāo)操作的大屏的設(shè)計(jì)不見(jiàn)得適于大型觸屏；適用于小型平板的也不見(jiàn)得能在大尺寸觸屏上行得通。
在為大尺寸觸屏做設(shè)計(jì)的時(shí)候我們都需要考慮什么呢？接下來(lái)我介紹一下我和家人使用Nabi Big Tab的體會(huì)，這是一款面向家長(zhǎng)和孩子的24寸平板電腦。（作為設(shè)計(jì)師的福利之一就是可以時(shí)不時(shí)地以研究之名添置新玩意兒。）我的重點(diǎn)不在設(shè)備評(píng)論，也不在特定應(yīng)用或游戲的易用性分析；而是探討設(shè)備尺寸和比例對(duì)其體驗(yàn)的影響。

輸入：打字，表格，和手勢(shì)

屏幕上的虛擬鍵盤(pán)輸 入時(shí)常讓人覺(jué)得別扭。當(dāng)鍵盤(pán)同24寸設(shè)備一同放大的時(shí)候，這份尷尬顯得更加突兀了。在BigTab上每按一個(gè)鍵都需要運(yùn)動(dòng)一次手臂，只動(dòng)手或手指是做不到 的。在這種尺寸的虛擬鍵盤(pán)上別說(shuō)拇指輸入了，就連以常規(guī)姿勢(shì)輸入都不可能。想不動(dòng)胳膊就夠到所有按鍵？沒(méi)門(mén)兒！另外，大屏還意味著鍵入結(jié)果顯示的位置也離 鍵盤(pán)也有一定的距離。在小屏設(shè)備上鍵盤(pán)的位置足夠接近輸入框，掃一眼就可以檢查拼寫(xiě)。而在大屏上輸入框離鍵盤(pán)有一定距離，每按一個(gè)鍵都要轉(zhuǎn)移目光。

視覺(jué)注意力的分散

和手臂運(yùn)動(dòng)讓每個(gè)按鍵動(dòng)作都感覺(jué)像是一個(gè)獨(dú)立的行為。這種獨(dú)立行文因?yàn)樾枰欢üぷ髁繒?huì)引起我們的注意，而非不可感知的。
至于表單頁(yè)面，雖然大屏本該露出更多內(nèi)容但巨大的BigTab鍵盤(pán)掩蓋了大部分輸入框。導(dǎo)致一次只能露出一項(xiàng)內(nèi)容，用戶看不到下一個(gè)表單項(xiàng)，甚至無(wú)法判斷是否還有下一項(xiàng)。
額外的物理運(yùn)動(dòng)（不費(fèi)勁但值得注意的）加上一次只能看到一個(gè)內(nèi)容的單調(diào)感，讓像設(shè)備設(shè)置這樣本來(lái)較短的流程過(guò)程顯得冗長(zhǎng)而繁瑣。
手勢(shì)在大屏上也面目全非。只用一只手指去按一個(gè)好幾英寸寬的按鈕讓人覺(jué)得牽強(qiáng)；滑動(dòng)和拖動(dòng)也耗費(fèi)太多體力。和小屏相比使用大屏設(shè)備的是一種需要更身體參與的體驗(yàn)。
但是更大的物理動(dòng)作不見(jiàn)得是件壞事。我六歲的兒子愛(ài)玩水果忍者（Fruit Ninja），當(dāng)他瘋狂的切開(kāi)每個(gè)出現(xiàn)在屏幕上的巨型水果時(shí)他就玩的不亦樂(lè)乎。
相關(guān)設(shè)計(jì)需要適當(dāng)縮小鍵盤(pán)尺寸減少疲勞問(wèn)題；在設(shè)計(jì)上應(yīng)該致力于利用大屏的尺寸露出更多內(nèi)容。并想辦法把設(shè)備的物理屬性變得對(duì)用戶有利。比如，大屏設(shè)備適適合用來(lái)整理、分類(lèi)復(fù)雜的列表或數(shù)據(jù)，開(kāi)闊的屏幕空間和真實(shí)的移動(dòng)動(dòng)作可能會(huì)讓這類(lèi)任務(wù)的體驗(yàn)更令人滿意。

觸摸

對(duì)我兩歲的女兒來(lái)說(shuō)，大屏幕雖然勾起了她濃烈的興趣但觸屏的尺寸也是個(gè)缺點(diǎn)。為了夠到屏幕的另一邊，她必須用一只手支撐著靠在屏幕上，用另一只手操作。結(jié)果，每當(dāng)她試圖移動(dòng)拼圖的時(shí)候要么拼圖根本就不動(dòng)，要么就是因?yàn)檎`觸擊使拼圖在兩手間來(lái)回跳閃。
使用大屏對(duì)她來(lái)說(shuō)非常困難，于她小小的身材來(lái)說(shuō)屏幕實(shí)在是過(guò)大了。雖說(shuō)我們通常不會(huì)使用和我們身材差不多大小的設(shè)備，但這也揭示了大屏設(shè)計(jì)更有可能遇到的一個(gè)問(wèn)題：即意外的雙手觸摸和其他誤觸摸。
這種失誤在我們測(cè)試移動(dòng)設(shè)備的時(shí)候也時(shí)常上演。比起手機(jī)我們更常見(jiàn)到人們?cè)诓僮鳂?biāo)準(zhǔn)平板電腦的時(shí)候發(fā)生意外觸摸和意外掃過(guò)。
相關(guān)設(shè)計(jì)需要預(yù)測(cè)和適應(yīng)意外接觸并考慮如何融入大手勢(shì)、手觸（而不是指尖觸摸）和多手交互。

焦聚 --

大屏幕具有一次性展示更多內(nèi)容的潛力。然而，可看的越多，也有越多的東西在搶奪著用戶的視覺(jué)注意力。通常，看大屏?xí)r我們會(huì)坐在一段距離以外。臺(tái)式顯示器的距離是2英尺左右；一臺(tái)電視可能離我們半個(gè)房間遠(yuǎn)。離得夠遠(yuǎn)才能看得夠全。
觸屏設(shè)備必須要更接近用戶，原因顯而易見(jiàn)：我需要足夠靠近觸屏才能觸摸。這降低了可視性。當(dāng)我們專(zhuān)注于一個(gè)細(xì)節(jié)時(shí)就很難看到整個(gè)“大畫(huà)面”了。比如因太專(zhuān)注于一個(gè)在屏幕的底部的操作，而漏掉屏幕的頂部的錯(cuò)誤提示。
此外，當(dāng)界面只是單純地為了充滿屏幕而被放大時(shí)，反而影響了可視性。圖像會(huì)變得模糊。屏幕上的選擇被局限。被放大的界面加上受限制的距離（可觸距離）意味著屏幕上的一切都是超大型的，看到的一切都變得讓人難以理解。

圖2: Nabi Big Tab自己的網(wǎng)站也沒(méi)好好利用它的屏幕尺寸優(yōu)勢(shì)。網(wǎng)站為了填滿屏幕而被放大，圖標(biāo)排列在屏幕的底部而且沒(méi)有相應(yīng)的標(biāo)簽。圖像也因?yàn)檫^(guò)度放大而模糊了。

便攜

Nabi Big Tab是件便攜設(shè)備；因?yàn)槿绻阆氚阉鼜囊粋€(gè)房間搬到另一個(gè)房間比搬臺(tái)式電腦容易。但這無(wú)法跟可以隨便拎來(lái)拎去的小型便攜設(shè)備相提并論。由于Nabi Big Tab本身的尺寸和形狀，它的移動(dòng)性不如那些更小、更輕的設(shè)備，這倒是沒(méi)什么好驚訝的。不得不說(shuō)，我們極少需要移動(dòng)這件便攜設(shè)備，因?yàn)樗侨绱酥蟆?/span>
這平板電腦重10.5磅。這意味著，我的兒子沒(méi)辦法像平時(shí)一樣，拿著他的小平板電腦跑來(lái)找我與我分享一切東西，他不可能扛著Nabi Big Tab穿過(guò)整個(gè)房間。這也意味著，它對(duì)我我們來(lái)說(shuō)就相當(dāng)于一個(gè)臺(tái)式機(jī)-也就是說(shuō)這個(gè)設(shè)備在我們家中有它專(zhuān)屬的位置、一個(gè)主要的使用場(chǎng)所。與其相反，小型平 板可以從這里帶到那里，即便在使用中也不影響。

使用環(huán)境

BigTab的尺寸讓人不知道該在何處、如何安置它。我6歲的兒子習(xí)慣了在腿上和桌子上使用iPad，他搞不清楚要以怎樣的方式使用這個(gè)設(shè)備。平板電腦附帶一個(gè)支架，但它又大又重；我兒子很怕自己玩游戲玩得太激動(dòng)的時(shí)候把支架推翻。如果只是觀看一些內(nèi)容而不是強(qiáng)烈的互動(dòng)，支架還是足夠穩(wěn)固的；而且提供了舒適的坐姿觀看視角。使體驗(yàn)變得尷尬的原因主要是來(lái)自近距離交互的需求。
我們發(fā)現(xiàn)使用Nabi Big Tab最舒服的姿勢(shì)就是將設(shè)備平放在床上（或地板）然后坐在旁邊。這樣我們能夠俯視屏幕而且比較容易點(diǎn)擊到預(yù)期目標(biāo)。相反，如果把它平放在桌子上，桌子的 高度加上設(shè)備的尺寸會(huì)使交互產(chǎn)生笨拙感。坐在椅子上的時(shí)候設(shè)備的邊角太遠(yuǎn)，無(wú)法輕松夠到；特別是對(duì)年幼的用戶。
出于這些原因，長(zhǎng)時(shí)間使用大屏平板很不舒服。不像小平板那樣，大平板不能隨著使用者移動(dòng)到一個(gè)舒適的位置，它可不是一個(gè)可以放在腿上或被隨意移動(dòng)位置的東西。

共享與隱私

大屏的目的之一就是共享，在這點(diǎn)上它做的也很好。大尺寸多點(diǎn)觸摸屏非常適合多玩家游戲，適合隊(duì)友或者對(duì)手簇?fù)碇聊灰黄鹜嫠；蛳嗷?duì)抗。在大屏上玩游戲很有趣、很有吸引力。

圖3:這個(gè)尺寸的屏幕很適合共享體驗(yàn)
在一個(gè)較小設(shè)備上共享屏幕的時(shí)候，當(dāng)別人湊上前來(lái)的時(shí)候；設(shè)備的主持有人可能會(huì)感受到些許的侵略感。而使用大屏幕共享時(shí)，即使圍坐在設(shè)備旁，每個(gè)人也可以占據(jù)自己的一片私人空間。我2歲的女兒可以愉快地看著我6歲的兒子拼恐龍拼圖，而不打擾到她哥哥。
正因如此，在大屏上很難做任何私人的事情。對(duì)于單人游戲或單人互動(dòng)來(lái)說(shuō)；大屏幕強(qiáng)大的誘惑力導(dǎo)致兄弟姐妹上前來(lái)打擾的情況，根本無(wú)法避免。還有一個(gè)令人沮喪的地方，那就是：任何私人信息（如信用卡信息）也都以幾英寸高的大字體顯示，在房間的另一邊也一覽無(wú)余。

不同的設(shè)備，不一樣的體驗(yàn)

很自然，在一個(gè)大觸屏設(shè)備上使用一個(gè)設(shè)計(jì)的體驗(yàn)，不同于在小觸屏上或一個(gè)非觸屏大顯示屏上使用相同的設(shè)計(jì)的體驗(yàn)。正如我們?cè)诳s放用戶界面課程中討論過(guò)的，為不同的屏幕尺寸設(shè)計(jì)需要考慮的遠(yuǎn)遠(yuǎn)不止屏幕的尺寸。
影響設(shè)備使用和我們?nèi)绾螢樵撛O(shè)備做設(shè)計(jì)的因素還包括：輸入類(lèi)型，便攜性和設(shè)備的隱私。為了適應(yīng)各式各樣的屏幕，設(shè)計(jì)的尺寸不能是唯一考慮的因素。與其顧慮設(shè)備的局限性和缺點(diǎn)，讓我著眼于潛力，設(shè)計(jì)出符合設(shè)備特點(diǎn)和優(yōu)勢(shì)的獨(dú)特體驗(yàn)。