談?wù)動(dòng)|控2.0的卡片式界面

? ? 與觸控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而真正火起來。

(本文作者:中國漢字工程院院長鐘林)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末踊沸,一起剝皮案震驚了整個(gè)濱河市歇终,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌逼龟,老刑警劉巖评凝,帶你破解...
    沈念sama閱讀 211,948評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異审轮,居然都是意外死亡肥哎,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評論 3 385
  • 文/潘曉璐 我一進(jìn)店門疾渣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人崖飘,你說我怎么就攤上這事榴捡。” “怎么了朱浴?”我有些...
    開封第一講書人閱讀 157,490評論 0 348
  • 文/不壞的土叔 我叫張陵吊圾,是天一觀的道長。 經(jīng)常有香客問我翰蠢,道長项乒,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,521評論 1 284
  • 正文 為了忘掉前任梁沧,我火速辦了婚禮檀何,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘廷支。我一直安慰自己频鉴,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評論 6 386
  • 文/花漫 我一把揭開白布恋拍。 她就那樣靜靜地躺著垛孔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪施敢。 梳的紋絲不亂的頭發(fā)上周荐,一...
    開封第一講書人閱讀 49,842評論 1 290
  • 那天,我揣著相機(jī)與錄音僵娃,去河邊找鬼概作。 笑死,一個(gè)胖子當(dāng)著我的面吹牛悯许,可吹牛的內(nèi)容都是我干的仆嗦。 我是一名探鬼主播,決...
    沈念sama閱讀 38,997評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼先壕,長吁一口氣:“原來是場噩夢啊……” “哼瘩扼!你這毒婦竟也來了谆甜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,741評論 0 268
  • 序言:老撾萬榮一對情侶失蹤集绰,失蹤者是張志新(化名)和其女友劉穎规辱,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體栽燕,經(jīng)...
    沈念sama閱讀 44,203評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡罕袋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了碍岔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浴讯。...
    茶點(diǎn)故事閱讀 38,673評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蔼啦,靈堂內(nèi)的尸體忽然破棺而出榆纽,到底是詐尸還是另有隱情,我是刑警寧澤捏肢,帶...
    沈念sama閱讀 34,339評論 4 330
  • 正文 年R本政府宣布奈籽,位于F島的核電站,受9級(jí)特大地震影響鸵赫,放射性物質(zhì)發(fā)生泄漏衣屏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評論 3 313
  • 文/蒙蒙 一辩棒、第九天 我趴在偏房一處隱蔽的房頂上張望狼忱。 院中可真熱鬧,春花似錦盗温、人聲如沸藕赞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽斧蜕。三九已至,卻和暖如春砚偶,著一層夾襖步出監(jiān)牢的瞬間批销,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評論 1 266
  • 我被黑心中介騙來泰國打工染坯, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留均芽,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,394評論 2 360
  • 正文 我出身青樓单鹿,卻偏偏與公主長得像掀宋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評論 2 349

推薦閱讀更多精彩內(nèi)容