? ? 與觸控2.0相匹配的俩块,不是圖標(biāo)式界面,而是卡片式界面输钩。這是因?yàn)榭ㄆ浇缑娴牟僮餍室黠@高于圖標(biāo)式界面的操作效率营罢。
? ? 影響觸控操作效率的兩大因素赏陵,一是操作目標(biāo)的搜索速度與定位速度,二是觸摸手勢的比劃速度與比劃 步驟饲漾。
? ? 在觸控操作中蝙搔,操作目標(biāo)(如卡片、圖標(biāo))的搜索速度與定位速度越快能颁,觸摸手勢的比劃速度越快杂瘸,觸摸手勢的比劃步驟越少,觸控操作效率就越高伙菊,反之亦然败玉。
? ? 我已經(jīng)在《談?wù)動(dòng)|控2.0的模擬操作》 一文中,詳細(xì)分析了觸控2.0的觸摸手勢比劃速度和比劃步驟都明顯優(yōu)于觸控1.0镜硕,本文將為您詳細(xì)分析卡片式界面的卡片搜索速度與定位速度要明顯快于圖標(biāo)式界面的圖標(biāo)搜索速度與定位速度运翼。
? ? 一、卡片式界面的卡片搜索速度快
? ? 基于以下三大優(yōu)勢兴枯,卡片式界面的卡片搜索速度要快于圖標(biāo)式界面的圖標(biāo)搜索速度血淌。
? ? 矩形卡片的優(yōu)點(diǎn)之一是能夠充分利用屏幕空間,最大限度地放大矩形卡片的幾何尺寸财剖。
? ? 圓形圖標(biāo)是整齊劃一的悠夯,幾何尺寸相差不大,雖然圖標(biāo)下方通常配有文字說明躺坟,但是沦补,這些文字說明僅起輔助作用,用戶主要通過擬物化設(shè)計(jì)的圖標(biāo)進(jìn)行快速地識(shí)別咪橙。
? ? 隨著各種應(yīng)用的爆增夕膀,圖標(biāo)的擬物化設(shè)計(jì)越來越困難。糟糕的擬物化圖標(biāo)美侦,反而增加了用戶的識(shí)別難度产舞。
? ? 矩形卡片既可以放大,也可以縮小菠剩,最大時(shí)可以充斥整個(gè)屏幕易猫。所以,矩形卡片的幾何尺寸通常比圓形圖標(biāo)的幾何尺寸要大得多具壮。
? ? 矩形卡片的優(yōu)點(diǎn)之二是比圖標(biāo)大得多的卡片擦囊,能夠容納下內(nèi)容豐富违霞、形式多樣的操作提示信息嘴办,有助于用戶更好地了解操作對象和操作內(nèi)容瞬场。
? ? 矩形卡片上的操作提示信息可以是圖標(biāo)加文字,也可以是圖片或者圖片加文字涧郊,還可以是視頻(音頻)加圖片或者視頻(音頻)加文字贯被,甚至可以是純文字。
? ? 矩形卡片的優(yōu)點(diǎn)之三是妆艘,在比圖標(biāo)大得多的矩形卡片上彤灶,視頻(音頻)信息、圖片信息批旺、尤其是文字信息更大幌陕、更醒目、更易于用戶快速掃描識(shí)別汽煮。
? ? 實(shí)測數(shù)據(jù)也表明搏熄,卡片式界面的卡片搜索速度要明顯高于圖標(biāo)式界面的圖標(biāo)搜索速度。
? ? 觸控2.0操作時(shí)暇赤,屏幕上的卡片不是用來點(diǎn)擊的心例,而是用來提示用戶操作的。所以鞋囊,在觸控2.0中止后,沒有必要再采用圖標(biāo)式界面,而是用卡片式界面取代了圖標(biāo)式界面溜腐。
? ? 二译株、卡片式界面的卡片定位速度快
? ? 基于以下三大優(yōu)勢,卡片式界面的卡片定位速度要快于圖標(biāo)式界面的圖標(biāo)定位速度挺益。
? ? 這里所說的定位概念歉糜,不是指如何確定卡片的所處位置,而是指如何確定卡片的所處方位矩肩,因?yàn)樵谟|控2.0中现恼,用戶手指在觸屏上比劃什么樣的觸摸手勢,完全是根據(jù)標(biāo)示所要操作功能的卡片在頁面中的所處方位來確定的黍檩。
? ? 卡片式界面的優(yōu)勢之一是叉袍,可以通過設(shè)置空卡片,以保持九宮格卡片頁面的完整性刽酱。所謂空卡片喳逛,是指不標(biāo)示任何操作提示信息的卡片。
? ? 九宮格卡片頁面是卡片式界面的標(biāo)準(zhǔn)形態(tài)棵里。在九宮格卡片頁面中润文,各張卡片所處方位是相當(dāng)清晰的姐呐,用戶也非常熟悉這種布局方式。
? ? 圖標(biāo)式界面是不適合設(shè)置空圖標(biāo)的典蝌,所以曙砂,不足九個(gè)圖標(biāo)的界面難以構(gòu)成九宮格圖標(biāo)頁面。
? ? 卡片式界面的優(yōu)勢之二是骏掀,矩形卡片可以無縫連接構(gòu)成一個(gè)個(gè)卡片群鸠澈,各個(gè)卡片群之間保留有明顯的間隔區(qū)域,用戶非常容易區(qū)分截驮。
? ? 而在圖標(biāo)式界面中笑陈,圓形圖標(biāo)之間是無法無縫連接構(gòu)成一個(gè)個(gè)圖標(biāo)群的。所以葵袭,各個(gè)圖標(biāo)之間的間隔區(qū)域與各個(gè)圖標(biāo)群之間的間隔區(qū)域是不那么清晰的涵妥,用戶也不大容易區(qū)分。
? ? 卡片式界面的優(yōu)勢之三是坡锡,各張卡片在卡片群中的所處方位非常容易區(qū)分蓬网,用戶一眼就能看清楚。
? ? 無論是多少張卡片娜氏,通過合并拳缠、縮放等手段,總是可以將各張卡片無縫連接成一個(gè)卡片方陣贸弥,構(gòu)成九宮格卡片頁面窟坐、八宮格卡片頁面、七宮格卡片頁面绵疲、六宮格卡片頁面……
? ? 而在卡片式界面中哲鸳,圖標(biāo)之間是要保留一定的間隔區(qū)域,各個(gè)圖標(biāo)在圖標(biāo)群中的所處方位是比較模糊的盔憨,用戶不易一眼就能看清楚徙菠。
? ? 實(shí)測數(shù)據(jù)表明,用戶對卡片群的記憶速度要明顯好于對圖標(biāo)群的記憶速度郁岩,用戶對卡片群的記憶保留時(shí)間要明顯長于對圖標(biāo)群的記憶保留時(shí)間婿奔。
? ? 上述分析表明,如果說圖標(biāo)式界面與觸控1.0是絕配的話问慎,那么萍摊,卡片式界面與觸控2.0也是絕配∪绲穑可以預(yù)測冰木,觸控2.0因卡片式界面而優(yōu)勢盡顯,卡片式界面也會(huì)因觸控2.0而真正火起來。
(本文作者:中國漢字工程院院長鐘林)