久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

界面設(shè)計(jì)中的視覺隱喻手法

  什么概念?

  在我們做界面設(shè)計(jì)時(shí),如果使用用戶熟悉的來自真實(shí)世界的物體的圖案來作為界面元素,用戶會比較容易地學(xué)會產(chǎn)品的使用,這種手法就是視覺隱喻(metaphoric)。

  隱喻范圍可以從整個(gè)界面到工具欄上的一顆小按鈕。

  幾種類型?1 整體隱喻 整個(gè)界面都用隱喻的設(shè)計(jì)方法,最典型的例子就是游戲,整個(gè)現(xiàn)實(shí)的場景搬到游戲里面,用戶一看就知道, 自己是在街上還是海上,房子是可以進(jìn)去的,路人是可以問話的...

界面設(shè)計(jì)中的視覺隱喻手法  三聯(lián)

  另外還有一些工具類、索引類的整體隱喻界面,比如日歷、時(shí)間顯示、播放器、手寫板、閱讀器、名片夾等。

視覺隱喻碎碎念
視覺隱喻碎碎念
視覺隱喻碎碎念

  2 裝飾隱喻 在界面局部使用一些擬物的設(shè)計(jì)手法,增加界面的真實(shí)感和美觀度。 比如一些機(jī)械機(jī)理的使用,電影場景的重現(xiàn),平常小物品的裝飾,自然現(xiàn)象借鑒等。

視覺隱喻碎碎念
視覺隱喻碎碎念
視覺隱喻碎碎念

 

視覺隱喻碎碎念

  3 功能隱喻

  用隱喻的手法暗示某些功能或顯示某種狀態(tài),讓它們更好辨認(rèn),降低用戶認(rèn)知成本。

  如應(yīng)用圖標(biāo)、按鈕上的圖標(biāo)、按鈕本身、拖動(dòng)滑塊凹槽、時(shí)間選擇器等。

視覺隱喻碎碎念
視覺隱喻碎碎念
視覺隱喻碎碎念

  好處是什么?

  因?yàn)榻缑嬖厥怯脩羰煜さ氖挛?物體或者使用方式),用戶的大腦能更輕易地進(jìn)行推理,在界面元素與功能之間建立直覺聯(lián)系,而不必了解產(chǎn)品真實(shí)的運(yùn)行機(jī)制。簡單用圖表示如下:

視覺隱喻碎碎念

  壞處是什么?

  任何事情都有利弊,而且可能在某個(gè)臨界點(diǎn),利會變弊。

  1 挑戰(zhàn)用戶認(rèn)知

  不是說降低用戶的認(rèn)知成本么?對,前提是用戶有相關(guān)的經(jīng)驗(yàn),而且能夠辨認(rèn)出來產(chǎn)生關(guān)聯(lián)。

  所以如果隱喻的對象太小眾,可能有人不認(rèn)識;

  如果設(shè)計(jì)太抽象/難看/復(fù)雜/不像...,可能有人不認(rèn)識。

  2 產(chǎn)生噪音

  真實(shí)世界的東西細(xì)節(jié)較多,比較復(fù)雜。

  過多的裝飾元素使得界面復(fù)雜,過多地?fù)讣?xì)節(jié)使得圖像復(fù)雜,可能裝飾會變成噪音,

  影響用戶對有價(jià)值內(nèi)容的閱讀和對功能的理解。

  3 長遠(yuǎn)看可能降低降低效率

  這是從書上(about face 3)看到的說法,

  隱喻能讓新手用戶更快地接受理解產(chǎn)品,

  但太過忠實(shí)于現(xiàn)實(shí)世界的規(guī)矩,可能反而失去了計(jì)算機(jī)世界的優(yōu)點(diǎn),

  一旦用戶熟悉產(chǎn)品后,難以形成高效率,形成習(xí)慣用法(如鼠標(biāo)右鍵,現(xiàn)實(shí)世界沒有,卻相當(dāng)高效)。

  應(yīng)該怎么做?

  從壞處出發(fā),再結(jié)合計(jì)算機(jī)世界的特點(diǎn),就能總結(jié)一些做法。

  1 尊重文化

  不同地區(qū)、不同年齡、不同領(lǐng)域的用戶有其獨(dú)特的知識架構(gòu)和文化認(rèn)同,

  先搞清楚產(chǎn)品是給哪幫人用的,然后才著手設(shè)計(jì)。

  舉幾個(gè)例子:

  日本人翻書遵照我們古時(shí)候從右到左的習(xí)慣(看過漫畫的都知道),而我們是從左到右,

  如果我們要做翻書的擬物設(shè)計(jì),是否遵從相關(guān)的習(xí)慣?(沒驗(yàn)證過啊)。

  在印度,搖頭表示贊同,點(diǎn)頭表示否定。在印度這個(gè)表情就悲劇了;在土耳其,大拇指是一種侮辱性手勢。那這些表情也悲劇了。

  所以,先研究再動(dòng)手,

  如果懶得去先做研究,那就找最簡單的最常見的對象當(dāng)隱喻原型,不要有僥幸心理。

  2 別忘了初衷

  如果是為了更好看,賦予產(chǎn)品更多情感的因素,不要過火,好看的目的達(dá)到了就好了,別光想著要很像真的。

  如果是為了暗示某種狀態(tài)或操作,不要過火,覺得用戶可以理解的時(shí)候就好了,別光想著要很像真的。

  有時(shí)候多個(gè)寫實(shí)圖標(biāo)擺在一起比抽象圖標(biāo)難理解,就值得我們反思。

  3 基于現(xiàn)實(shí)超越現(xiàn)實(shí)

  也可以說打著有限的現(xiàn)實(shí)的幌子做無限的虛擬的事。

  比如文件夾的邏輯,“文件夾里放文件”是現(xiàn)實(shí),

  文件夾里放n個(gè)文件夾,n個(gè)文件夾里還可以放n個(gè)文件,這就是超越。

  再比如iPhone的timepicker,滾輪是現(xiàn)實(shí),滾輪上的數(shù)據(jù)可以n多,就是超越。

視覺隱喻碎碎念

 

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長自動(dòng)隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产精品成人久久久久a级 久久蜜桃av一区二区天堂 | 国产美女黄色片 | 九九热国产视频 | 日本免费在线看 | 精品国产乱码久久久久久牛牛 | 中文字幕在线一区二区三区 | 日韩久久久久 | 91精品国产综合久久婷婷香蕉 | 国产精品99久久久久久宅男 | 午夜男人天堂 | 国产精品自拍啪啪 | 狠狠影院| 久久黄色网 | 久久国产精品一区二区 | 日韩黄色av | 国产欧美精品一区二区色综合朱莉 | 少妇久久久 | 午夜大片 | 日本a级大片 | 免费在线视频一区二区 | 中文字幕欧美一区二区 | 欧美一区二区三区久久精品 | 午夜影院在线观看 | h视频免费在线观看 | 日韩av电影在线观看 | 国产一区二区日韩 | 国产精品久久久久久一级毛片 | 国产在线看片 | 日韩欧美在线视频一区 | av网站免费 | 成人福利网 | 在线观看不卡av | 欧美视频三区 | 欧美精品三区 | 午夜精品导航 | 蜜桃视频在线观看免费视频网站www | 国产精品久久久久久影院8一贰佰 | 国产成人免费视频网站高清观看视频 | 久久久久国产精品一区 | 久久综合久久久 | 在线观看视频91 |