中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > 視覺對(duì)交互的幫助——提升可用性
設(shè)計(jì)師如何更有效拿到結(jié)果? 回到列表 設(shè)計(jì),以"更好的人"為本
 視覺對(duì)交互的幫助——提升可用性

作者:飛飛 時(shí)間: 2008-10-16 文檔類型:轉(zhuǎn)載 來自:Taobao.com UI Team

第 1 頁 視覺對(duì)交互的幫助——提升可用性 [1]
第 2 頁 視覺對(duì)交互的幫助——提升可用性 [2]
第 3 頁 視覺對(duì)交互的幫助——提升可用性 [3]
第 4 頁 視覺對(duì)交互的幫助——提升可用性 [4]

2)增強(qiáng)信噪比

信噪比(Signal to Noise Ratio)又稱為訊噪比,原義是電聲學(xué)里輸出信號(hào)的電壓與同時(shí)輸出的噪聲電壓的比。

一般來說,信噪比越大,說明混在信號(hào)里的噪聲越小,否則相反。類比到界面設(shè)計(jì)中,有效的視覺元素就是信號(hào),而其他干擾元素,就是噪音。
界面的噪音是由多余的干擾信息造成的,會(huì)分散用戶注意力,使用戶不能把注意力集中到直接表達(dá)產(chǎn)品功能和行為的元素上,導(dǎo)致給用戶帶來認(rèn)知壓力和妨礙導(dǎo)航的速度和精確度。不合適的字體,表義不明確的ICON,不必要的裝飾等等,都是界面噪音。在視覺設(shè)計(jì)中如果保持最高的信噪比來展現(xiàn)信息,能增強(qiáng)界面的可瀏覽性。換句話說,如果去掉這些次要的或者干擾的設(shè)計(jì)元素,并沒有使功能有所影響,那強(qiáng)烈建議縮小這些元素的應(yīng)用比例,或者直接去掉!
例:


pic.03

圖pic.03中原本需要表述的幾個(gè)柱狀數(shù)據(jù)信息,結(jié)果被埋藏在一堆花哨,文字信息堆雜的背景中,典型的信噪比過低。

2.精確與高效地傳遞信息與任務(wù)

良好的視覺設(shè)計(jì),能增強(qiáng)信息條理的清晰度。這里的清晰度有兩方面的含義:清晰的視覺引導(dǎo),和視覺引導(dǎo)元素本身的精確性。

1)信息引導(dǎo)

良好的視覺設(shè)計(jì)能用色彩和層次等語言,自然而又清晰的羅列出一條視覺的“路線”,引導(dǎo)用戶流暢的閱讀,而不用自己費(fèi)力的去疏通條理,或者在密密麻麻信息的忙海中尋找未知的方向。這條指引的路線,我們稱他為“視覺流”。
例:表單中視覺流的形成


pic.04

表單是個(gè)關(guān)鍵有效信息集中,需要讓用戶集中注意力完成操作以提交數(shù)據(jù)的地方。各種類型的數(shù)據(jù),控件,信息的展現(xiàn)方式都會(huì)堆積一起,常給瀏覽和填寫帶來干擾和不順暢感。

通過讓多種信息分類,統(tǒng)一規(guī)范處理后的效果有沒有好一點(diǎn)呢?(pic.04)
所有的lab標(biāo)簽與input輸入框居中軸線對(duì)齊,一個(gè)表單中,有且只有一條中軸線——這是視覺引導(dǎo)的關(guān)鍵。讓用戶需要查看的信息與填寫的內(nèi)容整齊劃一地羅列下來。視覺引導(dǎo)的形成很好的幫助了用戶在填寫過程中的順暢感。

出處:Taobao.com UI Team
責(zé)任編輯:bluehearts

上一頁 視覺對(duì)交互的幫助——提升可用性 [1] 下一頁 視覺對(duì)交互的幫助——提升可用性 [3]

相關(guān)文章 更多相關(guān)鏈接
關(guān)于XML在與FLASH交互應(yīng)用中的理解
視覺引導(dǎo)
AS3中數(shù)據(jù)發(fā)送與接收
交互行為三部曲
視覺設(shè)計(jì)不只是圖形
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國(guó)國(guó)防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
國(guó)外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡(jiǎn)約而不簡(jiǎn)單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/41個(gè)記錄/頁 轉(zhuǎn)到 頁 共4個(gè)記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國(guó)的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測(cè)試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2