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

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 怎樣做符合用戶預(yù)期的設(shè)計
淺析平面與網(wǎng)頁設(shè)計的差異性 回到列表 頁面構(gòu)建的審圖與細節(jié)
 怎樣做符合用戶預(yù)期的設(shè)計

作者:CDCer 時間: 2012-04-24 文檔類型:合作網(wǎng)站提供 來自:Tencent CDC Blog

設(shè)計中說的最多的就是“用戶預(yù)期”這個詞,但是到底什么樣的設(shè)計是符合用戶預(yù)期的?怎樣做呢?

每一個設(shè)計都有它的一些特征,這些特征導(dǎo)致了它有一定的暗示作用,從而讓用戶覺得這個東西應(yīng)該是這樣使用的,但是當(dāng)我們的設(shè)計不是這樣支持的時候,那么用戶就會產(chǎn)生困惑和抱怨。

例子1.

在參與設(shè)計手機端地圖的時候,有這樣一個設(shè)計:在地圖的頂部有一個搜索地點的搜索框,點擊它會引出右面的頁面。

明明就是個輸入框,但是為什么不能直接進行輸入?轉(zhuǎn)到右頁面感覺就是進入了另一間屋子,跳轉(zhuǎn)多數(shù)都不是一個好的選擇,因為它切斷了用戶使用的流暢感,也就是說用戶的思維需要進行切換。改進就應(yīng)該在地圖上面直接進行輸入和顯示,這樣才有比較好的連貫性,更主要的是直接輸入是輸入框的基本屬性,滿足了這個屬性才是符合用戶預(yù)期的。

例子2.

在QQ輸入法的全鍵盤英文模式下,當(dāng)長按一個字母鍵時,會在字母上方彈出一個框來顯示更多的符號或者字母,乍一看好像看不出什么來,但問題是當(dāng)你的手指離開了按住的字母想要很自然的去選擇上方彈出的其他內(nèi)容時,就在手指抬離的瞬間彈出框已經(jīng)消失了,根本來不及選擇。

怎么才能進行選擇呢?哦,要求手指不抬離直接進行左右拖動選擇—沒想到是這樣操作的! 所以問題就在于:它是一個彈出框,為什么不等著我的手指點擊到它就消失了呢?這樣一個彈窗讓使用觸摸屏的用戶習(xí)慣認為它應(yīng)該是可以被點擊的。

例子3.

在QQ輸入法的選擇皮膚彈框出現(xiàn)的時候,

左軟鍵意外的不是“確定”,而是“皮膚下載”,這樣看似強化了皮膚下載功能,但是卻使得此頁面最主要的功能:皮膚的選擇變得弱化,甚至是不知道怎么進行選擇皮膚。你會想到直接點擊就選擇了皮膚么?因為在彈出框最自然的用左鍵確認的方式被改變了。所以當(dāng)你改變一種已經(jīng)形成模式的設(shè)計時,如果這種改變并不是自然直接的,那么就是違背了用戶的預(yù)期,從而變成了一種強烈的干擾。

這里引入一個設(shè)計原則即功能可見性(affordance)或者叫做預(yù)期。

什么是affordance:事物可被感知的,最真實的屬性直接決定它應(yīng)該被怎么使用。所以怎么做設(shè)計能符合用戶的預(yù)期呢?

1.  了解你的target user是什么樣的人?他們有什么樣的特征?他們有什么樣的背景?

用戶的心理預(yù)期與他的使用經(jīng)驗,知識有直接關(guān)系,也就是他建立起來的mental modal。只有當(dāng)設(shè)計符合他的mental modal,那么就是和他的預(yù)期是一致的,這樣的設(shè)計才是好的設(shè)計,換句話說只有設(shè)計師的design mental modal更貼近用戶的mental modal才能設(shè)計出貼近用戶的產(chǎn)品。

2.  讓設(shè)計與外界信息相結(jié)合

比如說你設(shè)計的是觸摸手機,那么就應(yīng)用觸摸屏的特性來進行設(shè)計—–為什么android手機的長按一直被詬病著?為什么iphone的home key 可以雙擊,但是不容易被發(fā)現(xiàn)?因為用戶對這樣的操作沒有任何預(yù)期,長按之后會有什么操作,這個用戶不知道。Home key可以雙擊?在觸摸屏上,雙擊是很隱晦的操作,不符合用戶的使用習(xí)慣,而點擊是直接的,是觸摸屏的基本屬性,不需要思考的。

所以很多時候要考慮我們的設(shè)計是不是符合了它的基本屬性,是否按照它最自然的方式被使用。

3.  可以通過在當(dāng)前狀態(tài)下檢查用戶是否很順暢的完成任務(wù)

4.  他的目標(biāo)是什么,設(shè)計是否能幫助他完成目標(biāo)還是阻礙了他的目標(biāo)

5.  設(shè)計是否讓他去猜測了

做了這么多年的設(shè)計,有的時候是憑直覺來感覺到這樣做有問題,但其實歸根結(jié)底要知道在每一個細節(jié)其內(nèi)在的基本屬性是什么,只有滿足了這些基本屬性才能做出最完美的符合用戶預(yù)期的設(shè)計。

本文鏈接:http://m.95time.cn/design/doc/2012/8765.asp 

出處:Tencent CDC Blog
責(zé)任編輯:bluehearts

作者文章
淺談WEB登錄頁面設(shè)計
情感化設(shè)計中的手繪應(yīng)用表現(xiàn)
圖形化設(shè)計:內(nèi)涵容不得牽強
Q+ Web 改版設(shè)計小結(jié)
icon小教程之圖標(biāo)細節(jié)的繪制
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾

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

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

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

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

雜⑦雜⑧ Gold NORMANA V2