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

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 下拉框和搜索輸入框的二三事
iPad用戶界面規(guī)范:iPad核心特性 回到列表 泛議網(wǎng)絡(luò)表單可用性規(guī)范
 下拉框和搜索輸入框的二三事

作者:文擊每耳 時間: 2011-11-17 文檔類型:合作網(wǎng)站提供 來自:365UCD

下拉框和搜索輸入框組合是頁面常用的標(biāo)配之一,是串起獨(dú)立頁面的一種紐帶。下拉框和搜索輸入框的組合較多出現(xiàn)在行業(yè)性比較強(qiáng)的網(wǎng)站或是各種后臺系統(tǒng),而且會在其頁面的的重要位置顯示,讓用戶能很容易找到查找產(chǎn)品的入口。撇開其行業(yè)內(nèi)容不談,下拉框和搜索輸入框的組合順序和其每個獨(dú)立的下拉框的內(nèi)部順序?qū)τ谑欠衲芸焖倬_的定位用戶想要查找的內(nèi)容起著至關(guān)重要的作用,同時,也將左右用戶的操作次數(shù)和思考次數(shù)。

就簡單的獨(dú)立下拉框而言,其選項順序不同,對于用戶的眼球運(yùn)動和鼠標(biāo)移動以及點(diǎn)擊次數(shù)也會有較大的影響。我們來看圖A-一個簡單的例子:

下拉框和搜索輸入框的二三事~

圖 A

此為公司廣告后臺中一個關(guān)于廣告發(fā)布的部分表單,“部門”的選擇有“研究中心、家裝頻道、廣告中心”等等14個選項,設(shè)計師在選擇時,如要選擇“廣告中心”,則要點(diǎn)擊下拉框,然后瀏覽到第9條再點(diǎn)擊選擇。

但是通過統(tǒng)計,80%以上的工作單都是由廣告中心發(fā)出,如果我們將“廣告中心”設(shè)為缺省選項,其他內(nèi)容順序不變,那么在這個下拉框的操作中,設(shè)計師將減少80%的操作量,同時也會減少更多的操作失誤(下拉選項太多,失誤率也高)。

對于單個下拉框的用戶體驗(yàn)優(yōu)化相對比較簡單,多個下拉框+搜索輸入框的組合明顯增加了優(yōu)化的復(fù)雜程度。如果多個下拉框的前后選項順序不同,可能造成用戶的下拉點(diǎn)擊操作次數(shù)和思考次數(shù)就不盡相同。同時,搜索輸入框和下拉框的位置也因各種情況而異。我們來看圖B,幾大門戶搜索新房的例子:

下拉框和搜索輸入框的二三事~

圖 B

各個下拉框的內(nèi)容主要有“區(qū)屬+物業(yè)類型+均價”。 三者的順序基本是由用戶對于新房的搜索心理以及其內(nèi)部的部分邏輯關(guān)系所決定的。

三個門戶網(wǎng)站都將“區(qū)屬”放在第一個,這是符合用戶搜索新房的心理的,買新房首要條件是地段,同時地段決定了均價的大概區(qū)間。兩個門戶網(wǎng)站將“物業(yè)類型”放在其次,“物業(yè)類型”這個術(shù)語比較繞,實(shí)際上就是住宅寫字樓商鋪等分類。最后是“價格”,已經(jīng)由區(qū)屬決定了其大致區(qū)間,個人認(rèn)為放在最后是合理的。個人有一疑問:將“物業(yè)類型”與“區(qū)屬”是否可以調(diào)換位置?麻煩大家能給出專業(yè)意見~

同時,三個門戶中下拉框和搜索輸入框的先后順序有兩種,一種將搜索輸入框放在下拉框之后,另一種將搜索輸入框在下拉框之前。下拉框一般是網(wǎng)站策劃定位各種區(qū)間來引導(dǎo)用戶搜索產(chǎn)品,而搜索輸入框則是讓用戶自主進(jìn)行產(chǎn)品關(guān)鍵字輸入進(jìn)行搜索。是先讓用戶主動還是先引導(dǎo)用戶?這是網(wǎng)站策劃必須要考慮的的問題,這是要根據(jù)用戶對于產(chǎn)品的熟悉程度和自身對于產(chǎn)品的需求所決定。

所以,在策劃下拉框和搜索輸入框組合模塊時,對于用戶的調(diào)研是必不可少的,這樣,才能掌握用戶的需求,進(jìn)行用戶需求的篩選、分析、總結(jié),以最佳的模式來組合下拉框和搜索輸入框模塊。

本文鏈接:http://m.95time.cn/design/doc/2011/8663.asp 

出處:365UCD
責(zé)任編輯:bluehearts

相關(guān)文章 更多相關(guān)鏈接
表格設(shè)計你要知道的
成功的用戶界面的8個特性
隔與不隔——爽快傳達(dá)信息
首頁大屏廣告交互設(shè)計探討
關(guān)于簡單拖動操作的交互思考
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗(yàn)設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾

藍(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)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎ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)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2