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

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

來源：莫貝網(wǎng)

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

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

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

輸入：打字，表格，和手勢

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

視覺注意力的分散

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

觸摸

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

焦聚 --

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

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

便攜

Nabi Big Tab是件便攜設(shè)備；因為如果你想把它從一個房間搬到另一個房間比搬臺式電腦容易。但這無法跟可以隨便拎來拎去的小型便攜設(shè)備相提并論。由于Nabi Big Tab本身的尺寸和形狀，它的移動性不如那些更小、更輕的設(shè)備，這倒是沒什么好驚訝的。不得不說，我們極少需要移動這件便攜設(shè)備，因為它是如此之大。
這平板電腦重10.5磅。這意味著，我的兒子沒辦法像平時一樣，拿著他的小平板電腦跑來找我與我分享一切東西，他不可能扛著Nabi Big Tab穿過整個房間。這也意味著，它對我我們來說就相當(dāng)于一個臺式機(jī)-也就是說這個設(shè)備在我們家中有它專屬的位置、一個主要的使用場所。與其相反，小型平 板可以從這里帶到那里，即便在使用中也不影響。

使用環(huán)境

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

共享與隱私

大屏的目的之一就是共享，在這點上它做的也很好。大尺寸多點觸摸屏非常適合多玩家游戲，適合隊友或者對手簇?fù)碇聊灰黄鹜嫠；蛳嗷埂Ｔ诖笃辽贤嬗螒蚝苡腥?、很有吸引力?/span>

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

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

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