屏幕UI觸控設(shè)計指南

標(biāo)簽：UI標(biāo)準(zhǔn) 觸控標(biāo)準(zhǔn)

如何選購一臺稱心如意的平板電腦，除了要關(guān)注處理器、屏幕、系統(tǒng)等基本要素之外，操控體驗的舒適與流暢，同樣是不可忽視的環(huán)節(jié)，近期，市場上各類雙核高性能平板層出不窮，不過，很多產(chǎn)品的“偏科”問題明顯：性能高但屏幕差，屏幕好但操控差，操控好但設(shè)計弱，設(shè)計強(qiáng)但價格高，價格低但性能低。如何兼顧各類元素?本文，便以近期一款熱門平板——佳的美E8HD為例，簡述如何通過屏幕UI觸控設(shè)計來判斷和評價。

選平板必看9mm屏幕UI觸控設(shè)計指南

屏幕UI多大才好?四大移動操作系統(tǒng)對比

關(guān)于屏幕UI觸控目標(biāo)的尺寸，各大移動操作系統(tǒng)均有相應(yīng)的指導(dǎo)規(guī)范與設(shè)計標(biāo)準(zhǔn)，下面，筆者列舉了谷歌Android、蘋果iOS、微軟WindowsPhone、諾基亞Symbian(現(xiàn)已外包給埃森哲)共四家廠商的UI設(shè)計標(biāo)準(zhǔn)，并與成年人食指加以比較。

各大移動操作系統(tǒng)的UI尺寸標(biāo)準(zhǔn)對比

具體看來，在平板電腦或智能手機(jī)的操作過程中，使用食指的指肚是最常用的方式，但如果觸控的目標(biāo)過小，很容易就會被擋住，用戶無法看到觸發(fā)反饋。使用指尖雖然可以減少此問題，但用戶需要調(diào)整手指姿勢，導(dǎo)致操作行為并不流暢。根據(jù)MIT的調(diào)查數(shù)據(jù)：成年人食指寬度在屏幕對應(yīng)的尺寸為45-57像素(displaypixel)，在這一區(qū)間內(nèi)的尺寸，不僅便于用戶觸發(fā)，同時可以從指尖邊緣看到觸發(fā)反饋，便于點擊或者移動目標(biāo)，用戶操作更加輕松自在。同時，相關(guān)機(jī)構(gòu)的調(diào)查也表明，當(dāng)觸控目標(biāo)變大時，人們的操作明顯變快，而誤操作率明顯下降。

48像素，GoogleAndroid4.0/4.1系統(tǒng)的UI尺寸指導(dǎo)標(biāo)準(zhǔn)

遵循越大越好與食指寬度這兩條UI尺寸標(biāo)準(zhǔn)，可以看出，GoogleAndroid所倡導(dǎo)的48dp(displaypixel/像素)UI尺寸標(biāo)準(zhǔn)，尺寸最大、舒適度最好，可謂目前最佳的屏幕觸控標(biāo)準(zhǔn)。

48像素=9mm!AndroidUI觸控標(biāo)準(zhǔn)詳解

Google官方對于Android4.0/4.1系統(tǒng)的指導(dǎo)標(biāo)準(zhǔn)，對于消費(fèi)決策具有很大參考性，一些產(chǎn)品因為屏幕分辨率較低，很難達(dá)到這一標(biāo)準(zhǔn)，盡管采用了雙核配置，但是觸控手感的精確度與舒適度卻相對下降，同樣難以保持操控的流暢度。

48像素=9mmAndroidUI觸控標(biāo)準(zhǔn)詳解

Google在Android設(shè)計規(guī)范中詳細(xì)表述了“48像素=9mm”的設(shè)計韻律，明確說明了手指觸摸的準(zhǔn)確和容易，并且解釋這樣可以在信息密度和界面元素的可操控性之間得到較好的平衡，佳的美E8HD的超清屏幕正是遵循這一標(biāo)準(zhǔn)而設(shè)計的。

9mm即48像素的UI標(biāo)準(zhǔn)，同樣兼顧了拇指的舒適性

佳的美E8HD采用8英寸1280×768分辨率超清屏幕，主畫面為720P逐點顯示，完全符合9mmUI元件設(shè)計標(biāo)準(zhǔn)(優(yōu)于很多產(chǎn)品的7-8mm)，符合人體工學(xué)，同時兼顧了拇指在部分移動畫面的舒適度，可以更好的發(fā)揮雙核處理器的流暢性能，帶來屏幕、性能、操控的整體提升。

綜述

佳的美E8HD，雙核超清，均衡體驗

以操控為基準(zhǔn)，可以更好的串聯(lián)平板的各項功能與設(shè)計，可謂判斷平板的一條不二法則。