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

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