技術(shù)資訊
互聯(lián)網(wǎng)表單設(shè)計—第一章 表單設(shè)計(1)
2009-02-18 10:45:00
第一章 表單設(shè)計
表單很討厭。要是不相信,就看看有沒有喜歡填表的人。也許有會計師給客戶匆忙填退稅單,或者有接待員喜歡收拾工資單。但對大多數(shù)人而言,表單是件麻煩事。我們想做的是投票、申請工作、在線買書、加入小組或是從近期購物中拿到折扣。而表單妨礙了我們。
大多數(shù)表單是“由內(nèi)而外”、而不是“由外而內(nèi)”設(shè)計出來的,這起不了作用[1]。組織內(nèi)部或計算機數(shù)據(jù)庫通常采用特定信息方式定義人、地點、過程或東西的有效記錄。如果需要更新或者創(chuàng)建記錄,組織或者計算機程序直接請求“給我需要的信息”,請求就以表單形式出現(xiàn)在人們眼前。
舉個例子,網(wǎng)站數(shù)據(jù)庫將“會員”定義為姓、名、電子郵箱和密碼的獨特組合。因此,如果有人想成為會員,會跳出表單詢問名、姓、電子郵箱和密碼。這就是“由內(nèi)而外”。多數(shù)人不會認(rèn)為填寫一組數(shù)據(jù)庫輸入框是成為組織會員或者享受服務(wù)的方式。
“由外而內(nèi)”意味著從組織或者網(wǎng)站外部的人的角度看待事物。他們?nèi)绾味x會員?他們和數(shù)據(jù)庫描繪的方法會不一樣。他們會討論表單的另一面,比如,他們會獲得或者能做什么。
圖1.1
流行社交網(wǎng)站Facebook的注冊表單,這張表單幾乎一半都用于顯示安全檢查!
這些都說明,為什么表單設(shè)計的首要目標(biāo)是讓人們迅速輕松完成填寫。如果表單以無形方式存在,組織和用戶能同時獲得想要的東西,那就更好。表單很討厭,應(yīng)根據(jù)情況而設(shè)計。
表單設(shè)計重要性
多數(shù)人不喜歡填寫表單,這個事實已足以說明應(yīng)關(guān)注優(yōu)秀表單設(shè)計,但還有其他很多原因能說明表單設(shè)計重要性,尤其對在線情況。表單在網(wǎng)上是電子商務(wù)、社交互動和大多數(shù)基于生產(chǎn)力應(yīng)用類型網(wǎng)站的關(guān)鍵。
電子商務(wù)
現(xiàn)實世界中,典型購物體驗會經(jīng)過以下步驟:貨架、廣告琳瑯滿目,瀏覽商品,選定商品,收銀臺付款,有位(希望是)友好店員接待,清點所買商品,付款,裝袋,解決價格標(biāo)簽不見或物品損壞賠償問題,最后道別(圖1.2)。
照片:Andrew Walsh
圖1.2
在當(dāng)?shù)厣虉鲑徫?,微笑伴隨著付款。
網(wǎng)上購物(圖1.3)會經(jīng)過:在線商店虛擬貨架,搜索瀏覽商品和營銷廣告,要買的東西放入“購物車”,然后結(jié)賬。但是沒有面帶微笑、樂于幫助的店員,你看到的是張表單。
圖1.3
上:
下:
在電子商務(wù)網(wǎng)站eBay Express瀏覽物品充滿樂趣,而付款則是表單。
表單偏偏在這個時候出現(xiàn)了。你要買找到的東西,店鋪要完成交易賺錢。阻礙兩者目標(biāo)的就是表單,我們都知道———沒人喜歡表單。
#p#社交互動
與人、服務(wù)和產(chǎn)品的日常互動通過視覺,觸覺和聽覺線索得到加強。和人對話,能看到對方反應(yīng),聽到對方聲音。和一組人接觸,相同類型互動會讓我們感到是否受歡迎。
即使實體產(chǎn)品經(jīng)驗也同樣具有潛在接觸。例如,想想最初接觸新蘋果筆記本的情景(圖1.4)。打開包裝,接觸到反映筆記本實際質(zhì)量的各種材料和質(zhì)地:所有細節(jié)都經(jīng)過深思熟慮。如果計算機用個人照片來表示賬戶,也許是最個人的時刻。
圖1.4
打開Apple MacBook Pro筆記本包裝的經(jīng)歷可感覺、迷人,這種經(jīng)歷反映了包裝內(nèi)的產(chǎn)品質(zhì)量。
但上網(wǎng)時,上面每種體驗都變成了表單。想?yún)⒓有滦腿の渡鐣W(wǎng)絡(luò)?請?zhí)畋恚▓D1.5)。和好友分享視頻?請?zhí)畋?。回?yīng)博客作者的有趣文章?你都猜到了———請?zhí)畋怼;旧?,只要想?yún)⑴c網(wǎng)上社交互動,表單就會出現(xiàn)。大部分社交應(yīng)用網(wǎng)站根據(jù)參與成員、活動完成數(shù)量等判斷其發(fā)展情況,運營這些網(wǎng)站的公司也就依賴這些表單取得商業(yè)成功。
圖1.5
上:
下:
Vox是個有趣的社交網(wǎng)站,但想加入時,必須要填寫創(chuàng)建新賬號表單,這就不有趣了。
生產(chǎn)力網(wǎng)站
除電子商務(wù)和社交互動網(wǎng)站外,網(wǎng)絡(luò)越來越成為人們完成事情的地方。從網(wǎng)上銀行到基于網(wǎng)絡(luò)的文字處理,為生產(chǎn)力而設(shè)計的應(yīng)用網(wǎng)站數(shù)量倍增。對于基于生產(chǎn)力的應(yīng)用網(wǎng)站,網(wǎng)上與網(wǎng)下并無太多不同。如果真實世界調(diào)查需要填表,虛擬世界的調(diào)查不會有很大不同(圖1.6)。
圖 1.6
上:
下:
加州選民線下和線上注冊都使用表單。
我們又一次發(fā)現(xiàn),表單位于用戶需求和商業(yè)目標(biāo)之間。人們要管理信息或創(chuàng)建物品。而提供這些服務(wù)的企業(yè)對增長和優(yōu)化數(shù)據(jù)或客戶行為感興趣。阻礙雙方的自然是表單。
所有這些例子都清楚表明,網(wǎng)絡(luò)表單阻礙了用戶需求(人們想從產(chǎn)品或服務(wù)得到東西)和商業(yè)目標(biāo)(運營這些服務(wù)的公司希望事業(yè)常青)。
人們從電子商務(wù)網(wǎng)站購買所需物品,企業(yè)希望銷售最大化。支付表單阻礙雙方。
人們在社交網(wǎng)站加入社區(qū),與朋友聊天或共享內(nèi)容。從商業(yè)角度看,網(wǎng)站要發(fā)展,增加人們之間的接觸。阻礙雙方的是注冊和聯(lián)系表單。
人們希望利用基于網(wǎng)絡(luò)的生產(chǎn)力工具,完成事情,創(chuàng)造或協(xié)同工作。公司要增加內(nèi)容,提高人們花費在網(wǎng)站上的時間。表單再次阻礙了兩者。
表單推動商業(yè),社區(qū)和生產(chǎn)力在網(wǎng)上蓬勃發(fā)展。表單設(shè)計重要性不言而喻。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2008-11-20 12:01:00] 網(wǎng)頁表單中的主、次要動作
- [2012-02-21 22:36:55] 反饋表單的輸入優(yōu)化
- [2008-08-13 12:16:00] 注冊表單的規(guī)則
- [2009-02-15 22:38:00] 表單設(shè)計中的常見問題
- [2009-03-03 08:51:00] 設(shè)計評論表單
- [2008-08-14 16:13:00] 注冊表單中出錯字段排行榜
- [2009-03-23 22:11:00] 互聯(lián)網(wǎng)表單設(shè)計 第四章 標(biāo)簽(3)右對齊標(biāo)簽
- [2016-11-08 12:33:00] 青島網(wǎng)站制作如何實現(xiàn)自定義表單系統(tǒng)?
- [2009-01-05 23:05:00] 表單設(shè)計的最佳體驗
- [2012-12-19 22:20:48] 網(wǎng)站反饋表單的用戶體驗
- [2015-07-16 21:42:58] 織夢自定義表單獲取到當(dāng)前時間
- [2009-02-12 08:58:00] 回車鍵觸發(fā)表單提交的問題
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
搜索引擎蜘蛛 圖形網(wǎng)格 中小型企業(yè)網(wǎng)站建設(shè) 青島開發(fā)區(qū)建站公司 GOOGLE 網(wǎng)站設(shè)計趨勢 網(wǎng)站動畫 青島網(wǎng)站建設(shè)基礎(chǔ)知識 robots 營銷型網(wǎng)站建設(shè) 網(wǎng)頁設(shè)計 青島好的網(wǎng)站優(yōu)化公司 手機端的網(wǎng)站 微網(wǎng)站 輪胎網(wǎng)站設(shè)計 青島IT資訊 空白和簡潔的設(shè)計 高端網(wǎng)站設(shè)計 手機網(wǎng)站 網(wǎng)站開發(fā) 營銷策略 微官網(wǎng)帶來的好處 IT資訊 青島做網(wǎng)站多少錢 手機網(wǎng)站建設(shè) 審美 青島flash網(wǎng)站 新的元素 良好的導(dǎo)航 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè)