• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 網頁設計教程 ] 分享網頁設計中WEB表單設計方法—- 其他教程




    教學主題: 分享網頁設計中WEB表單設計方法

    大家好!! 小編今天來和大家分享關於 其他教程中的網頁設計教程教學

    今天的這個教學主題是: 分享網頁設計中WEB表單設計方法

    這教學的重點為這幾點 [ 設計,方法,網頁設計,分享,表單,用戶,WEB,他們,一個, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    隨着互聯網的發展,人們開始越來越多使用WEB表單,雖然沒有人願意填寫這東西,但卻無法忽視其對於網站的重要性,特別是購物網站,隨着網站類型的擴展。

    隨着互聯網的發展,人們開始越來越多使用WEB表單,雖然沒有人願意填寫這東西,但卻無法忽視其對於網站的重要性,特別是購物網站,隨着網站類型的擴展,WEB表單的形式也變得越多越多,這也就成了今天討論的主題,如何設計出令用戶滿意的WEB表單!隨着文中一起來分享一下國外一些優秀的WEB表單是如何設計的。

    隨着網絡的發展,人們通過各種方式使用它。今天,網絡購物,跟朋友或者不認識的人聊天,管理銀行賬戶,以及一些日常應用,共享照片或視頻,等等。事實上,只要能在線使用的應用基本上都已經有了。

    雖然這些多樣化的應用豐富了互聯網,但這些任務的完成還需要一些步驟。不管是在線交易驗證、評論新文章,還是管理某個應用,WEB表單總會出現在人們的視線中。

    為什麼是WEB表單?

    在網頁上,WEB表單把用戶、信息、WEB產品或者服務連接了起來。它們能促進銷售、捕捉用戶行為、建立溝通與交流,以及更多。這些重要的交互不僅僅是為了保持業務正常運作,它們也讓用戶實現了想要達到的目標。那我們為什麼不多關注一下WEB表單設計呢?

    也許人們認為WEB表單就是可以出現在任何位置的向用戶“採集必要數據”的“一些輸入框和提交按鈕”。也許他們沒有意識到優化WEB表單能獲得很多有意義的成果(比如年收入增加300萬美元an additional 300 million)。更可能的,他們不過是為了他們自己使用而不是為用戶去設計WEB表單。

    它不是數據錄入

    沒有人真的想去填寫一個表單,他們想要的是別的東西:買一本書、註冊投票、加入一個論壇。他們不是通過一個WEB表單來練習打字速度的苦工,他們有清晰的目標。不幸的是,許多WEB表單並沒有針對用戶的實際目標去設計。

    看看在社交網站Brightkite上的這個簡單表單。假如把“保持和朋友聯繫、結識新朋友、尋找新去處”作為宣傳廣告,他或她只需要註冊一個新帳號(圖一)。

    分享網頁設計中WEB表單設計方法

    圖一:Brightkite上的註冊表單(2008年4月)

    開始註冊,用戶必須選擇一個符合以下條件的用戶名:只能是英文字符或數字;3到15個字符長;可以包括下劃線;不能有空格;不能是已經存在的用戶名。那麼這些要求是不是能讓人們選擇一個最能代表自己的用戶名呢?沒有,這些只是強制用戶去應付網站的安全模塊或後台數據結構的系統條件。

    接下來的這組問題更不好開始。Brightkite需要你的Email地址以便發送確認信息。你需要一個至少3個字符長的密碼並重複輸入一次以防止你胡亂按幾個字符給Brightkite。接着,你通過解答加密的驗證碼和同意網站隱私協議與服務條款證明了你是一個活生生的人。

    與朋友保持聯繫、結識新朋友和尋找新去處這些功能去哪了?這些才是人們實際上想要的服務,但是這些目標在填寫表單時卻沒有被提及。反而,整個體驗過程被Brightkite自己要求的一些信息格式所代替了。

    與Brightkite對照的是tookmark的註冊表單(圖二),tookmark的功能是給用戶發送收藏站點的日常提醒郵件。所有的填寫項目直接關聯用戶的目標:你想你的提醒郵件發送到哪(Email地址)?你想用的收藏夾名稱是什麼(可愛的昵稱)?甚至提交按鈕使用的語句都與任務緊密相關:“馬上去看看”,點擊以後立即跳轉至一個虛擬郵箱教用戶接下來該如何操作。

    分享網頁設計中WEB表單設計方法

    圖二: tookmark的註冊表單(2008年12月)

    填寫tookmark的註冊表單的整個過程讓人感覺正在接近自己的目標,而不是讓人感覺把自己的資料按要求交給了一個機構,這是一個重要的區別。當人們覺得他們得到了所想要的東西,他們才會繼續下去,如果沒有得到,他們就會放棄。

    做出轉變

    此時,一些精明的讀者會指出以上兩個註冊表單例子來自兩個不同的應用,因此tookmark的這種方式不能套用在Brightkite上,他們會爭論有些情況確實是需要收集足夠的用戶資料以便得到一個有效的帳號。

    在這一點上,為用戶設計的WEB表單可以開始做一些轉變。與其考慮信息收集和數據庫中的用戶帳號,不如多想想什麼樣的信息能讓人們用最小的成本和清晰的體驗到達目標,這樣,他們就不會再問:“為什麼要求我填寫這些東西”

    不是所有WEB應用都像tookmark,每個應用都有一個目標就是如何跟用戶交互。把注意力集中在核心目標能幫助挖掘WEB表單所需要的信息。當你在設計WEB表單時,考慮一下幾點:

    1、 這些信息是不是用戶想要的(核心目標)?如果不是,用戶很可能會對這些要求產生疑問。

    2、 有沒有更好的時機來收集這些資料?在用戶正在嘗試應用的時候向他們收集資料比在他們註冊的時候收集更加容易成功。

    3、 有沒有一種方法能解釋某些信息為什麼是必需的?這些要收集的信息應該與用戶目標相關聯並讓他們恢複信心繼續後面的過程。

    4、 是否有更好的方法收集所需的信息?當然,WEB表單不是在網上得到用戶數據的唯一辦法。

    為實現效果,讓我們來看看Brightkite重新設計后的用戶體驗(圖三),“與朋友保持聯繫”這句話放在了頁面正前方。體現在網站首頁上的主要功能從註冊新帳號變成了邀請用戶聯繫他們在Facebook上的朋友。這種一鍵式流程拋棄了圖一所示的笨重註冊表單,給人們提供了已經存在的身份和朋友(來自Facebook)。

    分享網頁設計中WEB表單設計方法

    圖三: Brightkite的首頁 (2009年11月)

    儘管Brightkite和tookmark是不同的服務,他們都可以避免使用嗦的註冊表單,通過一些簡單的交互來表達他們的服務核心意圖,並促使用戶快速成功。

    如果我們做的是對的,就幾乎不會有任何形式的表單存在,這才是建立WEB表單的本質。

    看完小編分享的教學之後 是不是對網頁設計教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 分享網頁設計中WEB表單設計方法 這教學會喜歡

    文章標題: 骨子愛創意- 分享網頁設計中WEB表單設計方法–轉載請註明來源處

    本教學分類為網頁設計教程中的 其他教程相關教學

    文章相關關鍵字為: 設計,方法,網頁設計,分享,表單,用戶,WEB,他們,一個,

    本文永久連結 :分享網頁設計中WEB表單設計方法

    本文轉載自 :VIA