款制作調(diào)查問(wèn)卷等表單的網(wǎng)站

款制作調(diào)查問(wèn)卷等表單的網(wǎng)站文件編碼(008-TTIG-UTITD-GKBTT-PUUTI-WYTUI-8256)10款制作調(diào)查問(wèn)卷等表單的網(wǎng)站推薦近有網(wǎng)友詢問(wèn)有沒(méi)有支持插入圖片的在線表單制作問(wèn)卷調(diào)查的網(wǎng)站，試著Google了一下，發(fā)現(xiàn)了幾個(gè)很有特色的在線表單制作網(wǎng)站，并且也發(fā)現(xiàn)了支持插入圖片的在線表單制作問(wèn)卷調(diào)查的網(wǎng)站，如果你正在為制作有特色的問(wèn)卷調(diào)查等表單而困惑，不妨看看下面的幾個(gè)在線表單制作網(wǎng)站是否能滿足你。相信我能滿足你。Googledocs提供簡(jiǎn)單的表單(form)制作功能，基本能滿足一般人的口味。如果你的表單沒(méi)有什么花樣，完全可以使用Google文檔來(lái)制作像問(wèn)卷調(diào)查那樣的表單，這里有我之前。另外，也可以看看aw童鞋用GoogleDocs表單服務(wù)制作的強(qiáng)大的的調(diào)查問(wèn)卷。當(dāng)有新用戶提交表單或其他管理員修改了表單(可根據(jù)情況自行設(shè)定)時(shí)，Google會(huì)發(fā)送郵件提醒(需要自己設(shè)置)，你也可以。你還可以設(shè)定是否讓填寫(xiě)表單的用戶查看其他人的填寫(xiě)結(jié)果。wufoo：是一個(gè)操作簡(jiǎn)單卻又功能強(qiáng)大的在線表單制作網(wǎng)站，用戶僅僅需要輕松的拖動(dòng)鼠標(biāo)就能完成一個(gè)有特色的精美表單。使用wufoo可以定制表單主題(比如在表單上添加logo、修改背景圖片和改變文字顏色)；可以將制作的表單嵌入到網(wǎng)站或博客 (僅需復(fù)制一段代碼)，很多博客使用wufoo制作投稿、意見(jiàn)反饋等表單并嵌入到自己博客；可以使用email或rss服務(wù)來(lái)獲取表單提醒(當(dāng)然你也可以)并有人性化的統(tǒng)計(jì)功能；使用這個(gè)軟件可以讓wufoo支持離線瀏覽編輯表單功能，并能在上線用戶上傳文件功能的表單(沒(méi)關(guān)系，下面會(huì)介紹免費(fèi)的制作帶用戶上傳文件功能的表單服務(wù))。樣可以設(shè)計(jì)出個(gè)性的精美表單，你可以自定義logo、背景圖片，自定義文字顏色，多種代碼方式。wufoo提供表單鏈接、博客嵌入(應(yīng)該支持sina等bsp博客)、全簡(jiǎn)單的制作步驟。用戶只需輕松拖動(dòng)鼠標(biāo)即可制作功能強(qiáng)大的在線表單。addafield表單項(xiàng)完成表單布局。fileupload項(xiàng)是付費(fèi)用戶可用的，用來(lái)讓填寫(xiě)表單人員上傳文ng最后，轉(zhuǎn)到formsetting選項(xiàng)，設(shè)置表單名稱、語(yǔ)言(支持中文)、表單描述和response-o-matic選中“AllowOnlyOneEntryPerIP()”即可實(shí)現(xiàn)每個(gè)IP用戶只能填寫(xiě)一次表單，這樣可以防止一個(gè)用戶多次提交而使得制作的調(diào)查問(wèn)卷不真實(shí)。webformfactoryisanopensourcewebformgeneratorwhichautomaticallygeneratesthenecessarybackendcodetotieyourformtoadatabase.Bygeneratingthebackendcodeforyou,WFFsavesyoutime…timeyoucouldspenddoingmoreinterestingstuff.WebFormFactory是一個(gè)開(kāi)源的網(wǎng)絡(luò)表單生成工具，可將各種HTML文件中提取數(shù)據(jù)庫(kù)表單，并且導(dǎo)入到PHP環(huán)境中。phpformphpform還可以讓免費(fèi)用戶(不需注冊(cè))制作帶用戶上傳文件功能的表單。不過(guò)，戶下載并保存到自已的主機(jī)，如果沒(méi)有主機(jī)還是使用wufoo吧。questionform用戶還可以制作有評(píng)選星級(jí)功能的表單，收費(fèi)用戶甚至提供上傳圖片、地理位置 (類Googlemap)等很酷的功能。不過(guò)，似乎不能設(shè)置同一IP只能提交一次的限r(nóng)esponse-o-matic這個(gè)變態(tài)的表單服務(wù)網(wǎng)站只能讓免費(fèi)用戶制作1個(gè)問(wèn)卷調(diào)查，功能很垃圾，而且還有廣告。問(wèn)道：專業(yè)的問(wèn)卷調(diào)查平臺(tái)問(wèn)道是國(guó)內(nèi)一家專門提供問(wèn)卷調(diào)查制作的網(wǎng)站，連cctv都使用問(wèn)道制作調(diào)查問(wèn)卷，問(wèn)道有很好的統(tǒng)計(jì)功能和詳細(xì)的問(wèn)卷設(shè)置。問(wèn)道官方有很詳細(xì)的。卷沒(méi)有數(shù)每一個(gè)問(wèn)卷可以免費(fèi)收集500個(gè)答卷，超過(guò)的話需要聯(lián)系我們購(gòu)買，購(gòu)買后沒(méi)有數(shù)支持問(wèn)卷分頁(yè)功能，用戶可以設(shè)置每一個(gè)頁(yè)顯示多少題目，但是用戶仍然是一次性支持問(wèn)卷分段分割，用戶可以增加分割符及說(shuō)明，達(dá)到分段的效果。支持設(shè)置多選題最多可以選擇幾項(xiàng)，最少選擇幾項(xiàng)。支持題目跳轉(zhuǎn)。支持多種代碼方式輸出。支持答題人查看結(jié)果限制。formspring：支持插入圖片的表單服務(wù)AJAX以上表單服務(wù)不同的是，formspring可以讓免費(fèi)用戶制作含有圖片的表單服務(wù)。同樣支持中文、也有多種嵌入代碼方式以及郵件提醒。這里有我用formspring制作的一jotform:支持插入圖片、上傳文件和驗(yàn)證碼的表單服務(wù)m片、可上傳文件、含有驗(yàn)證碼和星級(jí)評(píng)選等表單項(xiàng)的表單。郵件提醒和代碼嵌入當(dāng)然也少不了，更可以修改頭部、底部的背景圖片，還可以設(shè)置用戶提交表單后轉(zhuǎn)向Formlogix：frontpage式表單服務(wù)的表單功能比jotforrm還要強(qiáng)大，不過(guò)界面有點(diǎn)像frontpage，UI體驗(yàn)不太好(沒(méi)辦法，誰(shuí)讓他提供那個(gè)強(qiáng)大的表單功能了)，統(tǒng)計(jì)功能很好，同樣允許免費(fèi)用戶創(chuàng)建含有圖片、可上傳文件、含有驗(yàn)證碼和星級(jí)評(píng)選等表單項(xiàng)的表單(無(wú)限制)，同樣可以修改頭部、底部甚至每個(gè)表單項(xiàng)的背景圖片。其他支持文件上傳，不支持表單內(nèi)含有圖片。推薦要表單內(nèi)含有圖片或文件上傳的就用jotforrm。(請(qǐng)仔細(xì)閱讀相關(guān)網(wǎng)站的免費(fèi)用戶權(quán)限)[譯稿]互聯(lián)網(wǎng)應(yīng)用表單設(shè)計(jì)這篇文章簡(jiǎn)單介紹了互聯(lián)網(wǎng)應(yīng)用的表單設(shè)計(jì)布局的原則，其中應(yīng)用格式塔原則指出并非視覺(jué)元素越多越好，每個(gè)視覺(jué)元素的使用都應(yīng)該有一定得道理，最后作者指出表單的布局和內(nèi)容驗(yàn)證要靠用戶測(cè)試和數(shù)據(jù)分析獲得?！氨韱卧貞?yīng)按照邏輯組織，使得用戶思維對(duì)表單能按相關(guān)字段組成的塊進(jìn)行處理?！薄狧TML:定義指南。大部分網(wǎng)絡(luò)應(yīng)用都要使用大量的表單以進(jìn)行數(shù)據(jù)錄入和配置。但是不是所有的網(wǎng)絡(luò)應(yīng)用的表單都是統(tǒng)一的。表單字段的不同對(duì)齊方式，不同的標(biāo)簽，動(dòng)作調(diào)用以及周圍的視覺(jué)元素都能對(duì)用戶的行為的不同方面起到正面或負(fù)面的作用。表單布局如果填寫(xiě)表單的時(shí)間需要盡可能短。而且用戶對(duì)需要填寫(xiě)的數(shù)據(jù)是非常熟悉的(比如，在訂單流程中輸入姓名、地址和支付賬戶信信息)，標(biāo)簽和輸入框最好垂直對(duì)齊。每個(gè)標(biāo)簽和對(duì)應(yīng)的數(shù)據(jù)框排列在垂直方向上臨近的位置，所有的輸入框和標(biāo)簽垂直對(duì)齊能夠節(jié)省視線移動(dòng)的過(guò)程和時(shí)間，用戶只需要在垂直向下一個(gè)方向上移動(dòng)在這種布局方式中，建議對(duì)標(biāo)簽使用加粗字體?？梢詮?qiáng)調(diào)視覺(jué)重量感，在整體布局中突出標(biāo)簽。如果不加粗的話，標(biāo)簽會(huì)在視覺(jué)吸引力上和輸入?yún)^(qū)域相混。如果表單取得數(shù)據(jù)并不為用戶所熟悉，又或者不好按照過(guò)程分組(比如地址的不同部分)，左對(duì)齊比較容易看出表單需要的信息。用戶可以上下瀏覽標(biāo)簽就可以了解需要填寫(xiě)的數(shù)據(jù)而不會(huì)受到輸入框的影響。但是，標(biāo)簽和輸入框之間的距離通常會(huì)被最長(zhǎng)的標(biāo)簽撐開(kāi)，填寫(xiě)表單的時(shí)間可能會(huì)受到影響。用戶需要在列于列之間跳躍尋找標(biāo)簽和輸入框之間合適的組合。還有一種選擇就是右對(duì)齊標(biāo)簽，這樣標(biāo)簽和輸入框的對(duì)應(yīng)組合就比較明了了。但是，左側(cè)的參差不齊影響到快速了解所需信息的效率。在西方，習(xí)慣從左到右閱讀，眼睛更習(xí)慣左邊有輪廓鮮明的邊線。使用視覺(jué)元素由于“左對(duì)齊水平排列標(biāo)簽”的優(yōu)點(diǎn)(容易縱覽標(biāo)簽信息以及節(jié)省垂直空間)，則有可能會(huì)嘗試去削弱其主要缺點(diǎn)：表單輸入框和對(duì)應(yīng)的標(biāo)簽的分散問(wèn)題。其中一種辦法就是為標(biāo)簽曾加背景色和橫隔線為特征：不同的背景色將表單分成垂直標(biāo)簽列和輸入框列；橫隔線將每個(gè)標(biāo)簽和對(duì)應(yīng)的輸入框劃分成一組。雖然這些方法可能看起來(lái)是可取的，但也的確制造一些問(wèn)題。通過(guò)格式塔(人們的先天視覺(jué)感知規(guī)則)可知，另外還有15個(gè)視覺(jué)元素也被一同加到布局中：中線、每個(gè)有背景的方塊，每個(gè)水平線。這些元素開(kāi)始分散用戶注意力從而使得將焦點(diǎn)放到重要的元素上——標(biāo)簽和輸入框——增加了難度。EdwardTufte曾經(jīng)指出：“信息包含著有重要影響的差異”(信息由差異性構(gòu)成--譯者)。換句話說(shuō)，所有不能幫助布局的視覺(jué)元素都將會(huì)傷害到布局。這一點(diǎn)在你需要掃視左列標(biāo)簽時(shí)可以表現(xiàn)出來(lái)。視線一再受到水平線、邊框和背景構(gòu)成的方塊的當(dāng)然也不是說(shuō)表單布局中絕對(duì)不能使用背景顏色和分隔線。當(dāng)有必要向用戶指出組與組之間的關(guān)系的時(shí)候，細(xì)分隔線或者淺背景色可以再視覺(jué)上將有關(guān)聯(lián)的數(shù)據(jù)組合起來(lái)。這兩個(gè)元素(分割線和背景顏色)都可以有效地幫助吸引用戶對(duì)表單基本動(dòng)基本動(dòng)作和次級(jí)動(dòng)作表單的基本動(dòng)作(通常是“確認(rèn)”或者“保存”)需要更明顯的視覺(jué)感受有別于其他的表單元素(在上面的例子中鮮明的顏色、加粗字體、背景顏色等等)而且需要與輸入框垂直對(duì)齊。這能指引用戶完成表單。如果表單含有多個(gè)動(dòng)作，例如“繼續(xù)”和“返回”，則減弱次級(jí)動(dòng)作的視覺(jué)重量感則比較明智。這可以最大程度減少潛在的錯(cuò)誤，進(jìn)一步指導(dǎo)用戶完成表單。盡管有這些指南可以幫助你更好的設(shè)計(jì)表單位置，但是布局的組合，視覺(jué)元素以及所需的內(nèi)容，仍然需要通過(guò)用戶測(cè)試和數(shù)據(jù)分析進(jìn)行驗(yàn)證(完成率、出錯(cuò)等等)。Lukeoriginallypublishedthisarticleonhiswebsite,LukeWInterfaceDesigns.Youcanreadtheoriginalarticlehere.互聯(lián)網(wǎng)表單設(shè)計(jì)：基于選擇的輸入第十二章基于選擇的輸入利用彈性輸入框，用戶可按照希望的方式回答問(wèn)題；利用額外輸入框，用戶可以補(bǔ)充回答問(wèn)題；而基于選擇的輸入是根據(jù)用戶完成的初始問(wèn)題要求用戶繼續(xù)回答，通常不需要加入其他頁(yè)面。聽(tīng)起來(lái)很繁瑣，請(qǐng)參考FoundBin網(wǎng)站，圖。兩個(gè)初始選項(xiàng)：新用戶或再次訪問(wèn)者。根據(jù)用戶回答，出現(xiàn)一系列問(wèn)題。輸入框取決于用戶最初選擇，因此稱為基于圖FoundBin網(wǎng)站采用簡(jiǎn)單的基于選擇的輸入框，用戶選擇初始問(wèn)題后顯示接下來(lái)的所提問(wèn)題。FoundBin網(wǎng)站只有幾個(gè)輸入框變化。圖eBay網(wǎng)站下載請(qǐng)求表單采用了基于選擇的輸入方式，根據(jù)初始選擇顯示一系列跟進(jìn)如果賣家在物品和記錄下拉列表中選擇Sold(售出)，表單會(huì)顯示額外輸入框，可選擇日期范圍。如果選擇不同選項(xiàng)，表格會(huì)出現(xiàn)一套不同額外選項(xiàng)。值得指出的是，大多數(shù)情況下，填寫(xiě)額外輸入框之后，用戶才可以提交基于選擇的輸入表單。換而言之，基于選擇的輸入引入了表單額外要求。eBay和FoundBin網(wǎng)站都采用了基于選擇的輸入，但兩者表現(xiàn)方式不同。FoundBin采用垂直單選按鈕，顯示初始選項(xiàng)，然后根據(jù)選擇，在右側(cè)顯示相關(guān)輸入。創(chuàng)建下載申請(qǐng)表單(CreateDownloadRequestForm)，eBay網(wǎng)站采用下拉菜單顯示初始選項(xiàng)，然后根據(jù)選擇直接在下方顯示相關(guān)輸入?；谶x擇的輸入似乎屬于用戶界面設(shè)計(jì)基本問(wèn)題，但網(wǎng)上有多種解決方案，說(shuō)明問(wèn)題比估計(jì)的要復(fù)雜得多。事實(shí)上，每種基于選擇的輸入解決方案優(yōu)缺點(diǎn)都很明顯。為了免去研究煩惱，我和總部設(shè)在倫敦的可用性公司Etre進(jìn)行了一系列研究，測(cè)試了八種基于選擇的輸入不同解決方案。本書(shū)之前提到過(guò)主、次動(dòng)作，我們根據(jù)眼動(dòng)和可用性指標(biāo)測(cè)試了23人。參加者隨機(jī)獲取一種設(shè)計(jì)(盡量減少熟悉帶來(lái)的偏見(jiàn))，并被要求“全面準(zhǔn)確填寫(xiě)”。測(cè)試方案以我曾經(jīng)在線發(fā)布的列表為基礎(chǔ)，所以并沒(méi)有測(cè)試每一種解決方案。如果沒(méi)有使用你最喜歡的方案，很抱歉！頁(yè)級(jí)選擇將過(guò)程明確分為兩步，可能是解決表單基于選擇的輸入問(wèn)題的最簡(jiǎn)單方法。通常采用兩個(gè)單獨(dú)網(wǎng)頁(yè)(圖)。第一頁(yè)，或稱為過(guò)程第一步，向用戶顯示初始選項(xiàng)。用戶選擇其中一個(gè)，出現(xiàn)相關(guān)基于選擇的輸入，并取代用戶初始選擇。圖網(wǎng)頁(yè)級(jí)別的基于選擇的輸入將跟進(jìn)問(wèn)題顯示在獨(dú)立于初始選擇的另外網(wǎng)頁(yè)。對(duì)多數(shù)用戶而言，初始選擇和相關(guān)輸入之間關(guān)系明確，而一旦做出初始選擇，兩步模式就會(huì)去除寶貴情境(再也看無(wú)法訪問(wèn)沒(méi)有被選擇的選項(xiàng))。這種解決方案比不需要在網(wǎng)頁(yè)之間移動(dòng)的即時(shí)解決方案速度也慢。測(cè)試中，網(wǎng)頁(yè)級(jí)別選擇表現(xiàn)平均，達(dá)到平均滿意度分?jǐn)?shù)，錯(cuò)誤數(shù)目較少，眼動(dòng)參數(shù)表現(xiàn)較好，如眼睛固定次數(shù)、固定總時(shí)間、以及平均固定時(shí)間。不過(guò)，該解決方案在所有測(cè)試方案中完成時(shí)間第二長(zhǎng)。因此，如果尋找表現(xiàn)平均的安全解決方案，而且不需要關(guān)注快速完成時(shí)間，網(wǎng)頁(yè)級(jí)別的基于選擇的輸入會(huì)是好辦法。[譯稿]有效網(wǎng)頁(yè)表單的八條規(guī)則如果你正從你的用戶那里收集信息,沒(méi)有比網(wǎng)頁(yè)表單更簡(jiǎn)單和直接的辦法了。一份有良好設(shè)計(jì)的表單可以提供有價(jià)值的信息,相反,他們有可能把用戶嚇跑。明確了這一點(diǎn)之后,每個(gè)設(shè)計(jì)師就應(yīng)該知道一些設(shè)計(jì)網(wǎng)頁(yè)表單的規(guī)則。文章中所有的實(shí)例都是用生成的.1.保守性的搭建,并帶有目的性的設(shè)計(jì)表單我們要面對(duì)的現(xiàn)實(shí)是沒(méi)有人喜歡花大把的時(shí)間填寫(xiě)表單.保持表單的短小精悍并且剔除絕對(duì)不必要的或者不會(huì)提供實(shí)際收效的表單元素.保證表單的每個(gè)部分都對(duì)整體起到了推動(dòng)作用,這樣用戶會(huì)感謝你。你的表單結(jié)構(gòu)應(yīng)該和表單內(nèi)的元素一樣具有功能性.當(dāng)設(shè)計(jì)表單樣式的時(shí)候,要記得,至少在西方國(guó)家,人們的閱讀習(xí)慣是從上到下,從左到右.他們也經(jīng)常用Tab鍵在表單各個(gè)元素之間移動(dòng).你的設(shè)計(jì)應(yīng)該通過(guò)元素?cái)[放的合理性和標(biāo)簽的語(yǔ)義性來(lái)實(shí)現(xiàn).當(dāng)然,永遠(yuǎn)不要讓你的表單看起來(lái)分散或雜亂無(wú)章——保證所有的元素都均勻的分隔開(kāi),并且排列整齊。下面是一些標(biāo)準(zhǔn)表單,你可以用來(lái)作為出發(fā)點(diǎn),設(shè)計(jì)出更加有創(chuàng)造性的表單:標(biāo)簽左對(duì)齊,輸入字段垂直羅列：這個(gè)表單的特點(diǎn)是標(biāo)簽左對(duì)齊,輸入框整齊有序的從上到下排列.我們的眼睛能夠很容易的捕捉表單元素,特別是當(dāng)你問(wèn)到一些用戶不太熟悉的問(wèn)題時(shí)。因?yàn)樗麄兛梢院茼樌膹纳系较麻喿x問(wèn)題列表而不被輸入框打斷,他們會(huì)更專注于你所問(wèn)的問(wèn)題.但是這個(gè)樣式會(huì)延長(zhǎng)填完表單的時(shí)間,因?yàn)橐暰€在標(biāo)簽和輸入框之間移動(dòng)會(huì)占據(jù)大量的時(shí)間。標(biāo)簽右對(duì)齊,輸入字段垂直堆疊：右對(duì)齊的標(biāo)簽?zāi)軌蚋菀讌^(qū)分和閱讀,并且剔除掉了標(biāo)簽和輸入框之間那些不合適的空間.但是,卻使閱讀更加困難.它不那么吸引人,而且看起來(lái)不整齊。頂端對(duì)齊的標(biāo)簽可以使填寫(xiě)表單更加迅速和容易,因?yàn)檠劬Σ恍枰跇?biāo)簽和輸入框之間來(lái)回移動(dòng).這種樣式也讓你把相關(guān)的字段放在一起,節(jié)省了空間。2.讓你的表單適應(yīng)它的風(fēng)格每個(gè)表單都應(yīng)該符合它要表達(dá)的形勢(shì)或情況.當(dāng)你在計(jì)劃著設(shè)計(jì)表單的時(shí)候,問(wèn)問(wèn)自己下面的這些問(wèn)題:你打算問(wèn)什么問(wèn)題為什么問(wèn)你的網(wǎng)頁(yè)設(shè)計(jì)在有表單和沒(méi)有表單的情況下分別是什么樣子表單中有沒(méi)有用戶要填的信息,或者有沒(méi)有他們想要填的信息你的回答會(huì)對(duì)你的表單樣式和內(nèi)容的設(shè)計(jì)有所幫助。3.用你所需當(dāng)你猶豫不決是否在表單中添加元素的時(shí)候,問(wèn)問(wèn)自己是不是可以不需要這個(gè)元素.如果回答"是",就不要使用。重置按鈕通常是不必要的表單元素.這個(gè)本應(yīng)消失的歷史殘留品卻依然出現(xiàn)在表單中,甚至是將來(lái)的表單設(shè)計(jì).想想看,當(dāng)你想要修改表單信息的時(shí)候,輸入框里面有什么內(nèi)容其實(shí)并不重要,那么有什么必要清除所有的信息呢重置按鈕唯一好處是當(dāng)你不小心清除了剛剛填好的信息,很惱火的時(shí)候,你不需要重新填寫(xiě)。4.在必要的時(shí)候才使用簡(jiǎn)潔的描述你也許要解釋一下在表單中收集相關(guān)信息的原因,特別是用戶不愿分享的信息，比如電話號(hào)碼或者電子郵件.這樣做不僅消除了用戶的疑慮,也保證了數(shù)據(jù)的正任何描述和評(píng)論都要簡(jiǎn)明扼要.你也許還要用不同的顏色,字體大小,或樣式來(lái)區(qū)分他們.過(guò)猶不及,畢竟你不希望這些描述索然無(wú)味或者明顯超過(guò)表單的其他部分.這是一個(gè)提供印刷服務(wù)的表單,很有效的利用了描述來(lái)說(shuō)明表單的作用。5.主動(dòng)溝通保證你的表單中使用以用戶為中心的友好語(yǔ)言.這里有個(gè)小竅門可以寫(xiě)出平常談話般的文字:避免和你的用戶真正交談。如果你想知道別人的名字,你不