中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

界面的語(yǔ)言:圖標(biāo)與文案的二重奏

2019-04-03    來(lái)源:騰訊CDC

容器云強(qiáng)勢(shì)上線!快速搭建集群,上萬(wàn)Linux鏡像隨意使用

文案在界面設(shè)計(jì)中的重要性不言而喻, 但如此重要的部分卻仍然沒(méi)有專屬的職位不得不說(shuō)有一些遺憾。今天特別結(jié)合自己這段時(shí)間的工作總結(jié)和之前編譯過(guò)的一篇文章來(lái)談一談"文案"(Copy-writing)的重要性。

Facebook的"喜歡"和Google的"+1"間的區(qū)別咋看起來(lái)微不足道, 最終卻足以影響到用戶的行為和選擇。使用合適的文字來(lái)定義控件是界面設(shè)計(jì)中最重要的一環(huán)。 杰森.佛萊德(Jason Fried)早在"現(xiàn)實(shí)點(diǎn)"(Getting Real) 一書中就闡述了文案的重要性, 但在5年之后文案仍然是界面設(shè)計(jì)中常見(jiàn)的"阿喀琉斯之踵"。

明確第一, 巧妙第二

合理的用詞可以讓你的設(shè)計(jì)更明晰。 圖標(biāo)就像一匹很難被馴服的烈馬:溫順時(shí)可以自如的表達(dá)用意和動(dòng)作,一旦暴躁就難以駕馭甚至傷害用戶。一個(gè)放大鏡可以表示放大或搜索; 一個(gè)向下的箭頭可以表示下載, 保存或簡(jiǎn)單的"下落";一個(gè)向后的箭頭并不能明確的告訴用戶修改是否會(huì)被保存;X 在一個(gè)用戶看來(lái)可能是關(guān)閉,另一個(gè)用戶卻會(huì)理解為取消, 甚至在有的用戶眼里表示刪除。所以在創(chuàng)建圖標(biāo)時(shí),設(shè)計(jì)師應(yīng)該盡量遵循擬物的原則——借助真實(shí)生活中對(duì)等的動(dòng)作或物體以最明確的表達(dá)操作。

丹麥的設(shè)計(jì)師Peter Steen Høgenhaug仔細(xì)研究了一些知名的網(wǎng)站和應(yīng)用中表示"加入鏈接"動(dòng)作的圖標(biāo), 你可能會(huì)認(rèn)為它們的設(shè)計(jì)都有規(guī)可循, 但結(jié)果卻并非如此。

就像你看到的一樣, 大多數(shù)網(wǎng)站管理(CMS)系統(tǒng)和應(yīng)用都在圖標(biāo)中使用了鏈條圖案。 唯一與眾不同的就是Facebook – 使用一個(gè)記事貼和大頭針, 而Peter認(rèn)為這比鏈條還要不靠譜。 在接下來(lái)的一項(xiàng)測(cè)試中, 他專門安排了一系列不同的任務(wù)讓實(shí)驗(yàn)對(duì)象完成, 其中的一項(xiàng)就是添加一個(gè)鏈接。實(shí)驗(yàn)還包括其它一些常用的圖標(biāo):

一部分測(cè)試對(duì)象將鏈條圖標(biāo)理解成"把東西綁定到一起"或"把不同元素連接起來(lái)"。 這么理解并不算錯(cuò), 但問(wèn)題是他們并不真正了解綁定到一起的"東西"到底是什么, 所以圖標(biāo)按鈕并不能像文字按鈕那樣準(zhǔn)確的表達(dá)意思。 例如, 測(cè)試對(duì)象針對(duì)"鏈接2"地球圖標(biāo)按鈕的理解就有"你能訪問(wèn)互聯(lián)網(wǎng)", "搜索"或 "上傳到互聯(lián)網(wǎng)"等許多不同的解釋。

總的來(lái)看, 只有35.29%的實(shí)驗(yàn)對(duì)象能正確理解鏈條圖標(biāo), 而其中只有25%的對(duì)象能理解"鏈接2"。 雖然實(shí)驗(yàn)沒(méi)有設(shè)定代表可用性的最小值, 但顯然25%在任何情況下都意味著糟糕的用戶體驗(yàn)。 一位實(shí)驗(yàn)對(duì)象在訪談中甚至問(wèn)道:

"為什么不用WWW呢? 地球人都知道的!"

的確, 像他說(shuō)的那樣可以將"WWW"理解為"訪問(wèn)互聯(lián)網(wǎng)"或類似動(dòng)作, 在后來(lái)的試驗(yàn)中也證實(shí)每個(gè)實(shí)驗(yàn)對(duì)象都能正確理解"WWW"文字圖標(biāo)。 可能在許多應(yīng)用和設(shè)計(jì)中它不是最佳的解決方案, 但是在實(shí)驗(yàn)里它是用來(lái)表達(dá)鏈接的最佳選擇。

明確第一, 巧妙第二

如同上面的例子一樣, 盡管你可以在視覺(jué)設(shè)計(jì)上嘗試各種信封和箭頭的組合, 但卻沒(méi)有什么能比"發(fā)送消息"這四個(gè)字更能直觀的表達(dá)這個(gè)動(dòng)作的含義。 這并不是說(shuō)以圖標(biāo)控件為主的界面就一定不好, 長(zhǎng)遠(yuǎn)來(lái)講, 它們?yōu)榱私缑娴拿烙^而稍稍犧牲了用戶初次使用時(shí)的體驗(yàn)流暢度和一致性。而這正是你作為一個(gè)設(shè)計(jì)師需要根據(jù)場(chǎng)景和預(yù)算做出的艱難決斷。

當(dāng)我在設(shè)計(jì)一個(gè)控件按鈕時(shí)就遇到了這樣的情況: 某個(gè)特定界面中按鈕的操作只有用文字才能最好的表達(dá), 但圖標(biāo)卻可以使界面更美觀和統(tǒng)一。 考慮到這個(gè)項(xiàng)目周期所剩時(shí)間不多, 我們給出了兩個(gè)方案, 先使用最直觀的文字按鈕, 在以后的迭代中如果視覺(jué)上能做出美觀和巧妙的圖標(biāo)我們?cè)傺赜玫诙追桨甘褂脠D標(biāo)按鈕。 因?yàn)楹玫膱D標(biāo)不可能一撮而就, 它們不但需要設(shè)計(jì)師靈感的爆發(fā)還需要所謂的那么一點(diǎn)點(diǎn)運(yùn)氣 =P。

標(biāo)簽: 交互設(shè)計(jì) 界面設(shè)計(jì) 文案 

版權(quán)申明:本站文章部分自網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請(qǐng)與原作者聯(lián)系。

上一篇:從中國(guó)好聲音和莫言的百度指數(shù)看網(wǎng)絡(luò)營(yíng)銷制約因素

下一篇:如何描述你的產(chǎn)品