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

您的位置: 首頁 > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > Web表單設(shè)計(jì):表單結(jié)構(gòu)
UI按鈕設(shè)計(jì)方法論(一) 回到列表 手機(jī)產(chǎn)品交互體驗(yàn)評(píng)估方法
 Web表單設(shè)計(jì):表單結(jié)構(gòu)

作者:yuzongbo 時(shí)間: 2010-12-02 文檔類型:原創(chuàng) 來自:藍(lán)色理想

第 1 頁 Web表單設(shè)計(jì):表單結(jié)構(gòu) [1]
第 2 頁 Web表單設(shè)計(jì):表單結(jié)構(gòu) [2]
第 3 頁 Web表單設(shè)計(jì):表單結(jié)構(gòu) [3]

你會(huì)構(gòu)建表單組織嗎?

面對(duì)優(yōu)秀表單設(shè)計(jì),人們能夠不費(fèi)吹灰之力就能填完表單,這里有視覺與交互設(shè)計(jì)考慮因素對(duì)表單的影響,但更重要的因素是表單的內(nèi)容及組織方式。以下是經(jīng)過多年的設(shè)計(jì)實(shí)踐我們能得到的一些原則:

  • 應(yīng)當(dāng)花時(shí)間評(píng)估表單中的問題。應(yīng)當(dāng)提高警覺,去除一切不必要的問題。
  • 表單所提問題(標(biāo)簽)應(yīng)當(dāng)盡量簡潔。
  • 如果人們會(huì)誤解簡潔標(biāo)簽,應(yīng)當(dāng)尋找使用自然語言的機(jī)會(huì),澄清表單要求人們回答的問題。
  • 表單所提問題來自多個(gè)不同人或部門,應(yīng)當(dāng)確保表單統(tǒng)一口徑。
  • 可以將表單內(nèi)容組織成邏輯組,有助于瀏覽和完成填寫。
  • 如果可能,應(yīng)當(dāng)以對(duì)話形式構(gòu)建表單。主題間的自然間斷有助于組織表單。
  • 如果表單可自然分成若干主題,一個(gè)網(wǎng)頁可能就足夠組織表單。
  • 如果表單包含大量問題,同時(shí)有若干主題,可能需要多個(gè)網(wǎng)頁來組織表單。
  • 如果表單包含大量問題,而只和一個(gè)主題相關(guān),一般需要一個(gè)較長網(wǎng)頁來組織表單。
  • 可以考慮在表單填完之后提出可選問題?赡軙(huì)比在初始表單中就提出這些問題能獲得更多答案。
  • 可以考慮采用Web慣例調(diào)查發(fā)現(xiàn)特定類型網(wǎng)站如何組織表單。
  • 應(yīng)當(dāng)采用最少的必要視覺信息來區(qū)分內(nèi)容組。
  • 英文網(wǎng)站首字母應(yīng)當(dāng)大寫,使內(nèi)容組更容易瀏覽。

Effortmark公司可用性顧問,卡羅琳·賈勒特說:“先考慮人,在考慮像素。”開始設(shè)計(jì)前要思考一個(gè)問題:用戶真正關(guān)心什么?設(shè)計(jì)師在關(guān)注像素的同時(shí)可能忽視了人因因素-比如標(biāo)簽?zāi)┒耸欠裥枰胖妹疤?hào)等微妙細(xì)節(jié)。用戶真的不關(guān)心冒號(hào)。其實(shí)用戶真正關(guān)心的是問題的內(nèi)容和為何要問這些問題。從了解用戶開始,并了解你的公司搞清楚為什么表單要這么設(shè)計(jì)?是用戶關(guān)心的關(guān)系點(diǎn)問題么?“保留,刪減,延遲,解釋”形成更好問題的四大策略,同時(shí),多種視角的平衡用戶需求與商業(yè)需求。

你還應(yīng)該注意哪些表單設(shè)計(jì)細(xì)節(jié)?

設(shè)計(jì)表單時(shí)要注意細(xì)節(jié)問題的處理,比如:表單的命名、起始頁、清晰的瀏覽線、注意力分散最少、進(jìn)程指示、Tab鍵跳轉(zhuǎn)等。其實(shí)還有一點(diǎn)就是讓用戶知道完成表單的路徑。

  • 確保表單名稱符合人們的期望,并簡潔解釋每個(gè)表單的用途。
  • 如果表單需要時(shí)間或者查詢信息才能填寫,可以采用起始頁來設(shè)定人們的期望。
  • 由始至終采用清晰瀏覽線和有效視覺步伐來引導(dǎo)人們,確保說明清晰的填寫完成路徑。
  • 對(duì)于關(guān)鍵任務(wù)表單,比如結(jié)算表單或者注冊表單,應(yīng)當(dāng)去除會(huì)分散注意力的部分、任何導(dǎo)致人們放棄填寫的鏈接或內(nèi)容。
  • 如果表單分為多個(gè)已知的有序網(wǎng)頁,可以采用進(jìn)程指示來傳達(dá)范圍、狀態(tài)和位置等信息。
  • 如果表單沒有清晰的有序網(wǎng)頁,不要采用進(jìn)程指示,應(yīng)當(dāng)采用更籠統(tǒng)的進(jìn)程指示,而不要設(shè)置錯(cuò)誤期望。
  • 設(shè)計(jì)表單布局時(shí),應(yīng)考慮使用Tab鍵的“跳轉(zhuǎn)”體驗(yàn)。
  • 采用“tabindex”HTML屬性來控制表單的跳轉(zhuǎn)順序。

Oracle可達(dá)性主管,彼得·沃勒克說:“對(duì)許多殘障用戶而言,表單的設(shè)計(jì)可達(dá)性尤其重要?蛇_(dá)性的核心是可用性。例如,如果網(wǎng)頁不能使用或者無法開始,可達(dá)性首先需要“超級(jí)設(shè)計(jì)”(Uber-design)。包括:超級(jí)減少痛苦、超級(jí)明示完成路徑、超級(jí)考慮情鏡、超級(jí)確保一致溝通。同時(shí)可以遵循W3C制定的互聯(lián)網(wǎng)內(nèi)容可達(dá)性指南(WCAG)和美國采購法508章的最佳可達(dá)性指南。

原文:http://www.alitedesign.com/archives/415

本文鏈接:http://m.95time.cn/design/doc/2010/8139.asp 

出處:藍(lán)色理想
責(zé)任編輯:bluehearts

上一頁 Web表單設(shè)計(jì):表單結(jié)構(gòu) [2] 下一頁

相關(guān)文章
標(biāo)簽水平右對(duì)齊更適合中文網(wǎng)站
設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū)
價(jià)值3億美元的按鈕
作者文章 更多作者文章
電子商務(wù)搜索LIST頁面用戶體驗(yàn)設(shè)計(jì)
微軟,蘋果,Google用戶體驗(yàn)設(shè)計(jì)原則
交互設(shè)計(jì)模式——空間記憶
亞馬遜購物用戶體驗(yàn)分析
控件Balloons(氣球狀提示)設(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ì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國國防科技信息中心標(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ì)大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:3/31個(gè)記錄/頁 轉(zhuǎn)到 頁 共3個(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)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

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

您的評(píng)論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請不要在評(píng)論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評(píng)論請用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(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)站可用性測試及優(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