給第一次訪問的用戶是創(chuàng)造“WOW體驗”吧,想要理解其重要性的話,可以去看Kevin Hale (在線表單工具Wufoo的創(chuàng)始人)的一篇文章——Marrying Your Users: From First Date to Ever After豺裆。他的觀點是,第一次用戶體驗就好比第一次約會荐健。
在第一次約會時音半,如果你發(fā)現(xiàn)對方在餐桌上摳鼻子,那么你可能再也不想要第二次了玖喘。但是當你已經(jīng)結婚很多年了甩牺,即使發(fā)現(xiàn)伴侶有一些不好的習慣,可能也不會立即離婚累奈。所以在熟悉之前和之后是不一樣的贬派。
想必大部分人都能體會上面這段解釋。既然已經(jīng)知道了初體驗對用戶來至關重要澎媒,那么想想該如何去做搞乏。你可以通過一些小的界面變化來給第一次訪問者制造持續(xù)的印象。
用戶與你的互動方式主要是表單戒努,例如登錄和注冊请敦,可能他們會要用表單或簡單的幾個輸入框填寫信息,所以我們今天將要看看有什么酷炫的表單和輸入框設計能夠讓你的初次訪問者WOW~
創(chuàng)意表單
單一輸入框表單界面
不同于傳統(tǒng)將所有輸入框平鋪出來储玫,這種迷你尺寸的表單一次只展示一個文字輸入框侍筛,一點也不凌亂,沒有注意力干擾撒穷。這種方式還附有進度條匣椰、已完成和待完成數(shù)量等視覺提示。這個范例的缺點是你沒有辦法返回到前面填完的輸入框進行修改端礼。點擊標題鏈接禽笑,你可以在codrops里看到詳細的介紹和教程。
自然語言表單界面
如果你的表單看起來不像表單蛤奥,而是一段文字蛤奢,上面的關鍵信息可以通過下拉框和文本框來修改替換害碾,看起來是不是很酷谱邪?標題鏈接到的教程將給你制作這種表達的全部資料领追。
全屏表單界面
這種全屏體驗的表單能夠給訪問者一個完全無干擾的填寫體驗贫奠。
郵件注冊表單設計
下面這些貼心的郵件注冊動畫將讓你的客戶心情愉快唬血。
Studio Kit (域名已停用)
Bart Nederveen 的設計
Daniil Vnoutchkov 的設計
信封郵箱注冊動畫
Patrick Rogan 的郵件注冊設計
Julia Khusainova 的郵件注冊設計
從按鈕展開訂閱表單
登錄/注冊表單設計
Snapwire注冊表單設計
他們鼓勵用戶使用Instagrame申請早期接入望蜡。
Farruh Tillaev 的登錄表單設計
從按鈕變成登錄/注冊表單
Glenn Hitchcock 的登錄表單設計
Glenn Hitchcock 的登錄表單設計
Alexey Golovanov
Colin Garven 的登錄表單設計
信用卡注冊表單設計
Alexey Golovanov 的信用卡表單設計
這個信用卡表單使用視覺表述來告訴用戶該填什么。
單框信用卡表單設計
支付表單設計
支付卡設計
Jesse Pollak?卡
原文地址:
Epic Form & Input Field Design Trends
原文作者的網(wǎng)站:CodeMyUI.com