輸入作為用戶主動與產(chǎn)品進行的交互行為,由于用戶需求不同,輸入本身就帶有很大的可變性與不可預測性。
簡簡單單的輸入行為幫助我們開啟了通往產(chǎn)品新世界的大門,然而缺少反饋設計的輸入有時候卻讓用戶不悅甚至迷茫。
相較于輸入元件的設計,輸入背后的設計才是真正需要設計師根據(jù)進一步思考用戶的使用情境與行為而精心設計的部分。 輸入行為的載體
輸入行為常見的載體是簡潔易用的輸入框元件,除了單一輸入框的形式,還有與圖標或按鈕等交互元件的組合形式。這些元件分布在產(chǎn)品頁面的各個位置,發(fā)揮不同的作用。輸入設計最常出現(xiàn)的位置在產(chǎn)品的搜索設計中,通常采用輸入框、圖標與文本三種元素相結(jié)合的形式。另一種常使用的位置出現(xiàn)在頁面評論處,采用輸入框和占位文本結(jié)合的形式,在用戶點擊輸入框后鍵盤自動喚起便于用戶參與評論,同時輸入框放大便于預覽已輸入的信息。以簡書APP**現(xiàn)的輸入設計為例,來分析元件載體常出現(xiàn)的位置和形式:
在簡信對話頁面中,底部輸入位置采用了輸入框和文本相結(jié)合的形式。在簡書的文章發(fā)布頁中,采用了分割線的形式,這種設計形式擺脫了輸入框的束縛,呈現(xiàn)出另一種視覺形式。 輸入行為的交互反饋
根據(jù)輸入載體常出現(xiàn)的位置和形式,可以將輸入行為在實際交互過程中的反饋分為:搜索反饋、字數(shù)反饋、內(nèi)部反饋、即時反饋和鍵盤反饋。反饋是設計細節(jié)上的升華,接下來將為各個反饋提供相對應的產(chǎn)品案例,逐一呈現(xiàn)給各位。對搜索輸入的設計應該引起我們足夠的重視,簡單的搜索框能讓好的使用體驗發(fā)揮到極致。在豆瓣的搜索過程中,點擊搜索框后,首先展示的是最近的搜索記錄,展示最近搜索了哪些內(nèi)容,通過回顧記錄也加深對精彩的書或電影的印象。在右側(cè)的界面中,輸入文字后會提供相對應的搜索建議,這種反饋幫助用戶減少了完整輸入的麻煩。我們只需要提供關鍵字,搜索建議就能夠為我們提供需要的內(nèi)容。
很多產(chǎn)品都在使用這種形式的反饋,例如百度的搜索引擎、萬能的淘寶搜索,這種反饋對用戶來說是友好而易用的,產(chǎn)品應該盡快普及這種反饋。02 字數(shù)反饋
字數(shù)反饋是產(chǎn)品為用戶提供的一種明確的字數(shù)限制。在固定的空間中用明顯的的反饋提示用戶,以免他們疑惑為什么無法下一步輸入。在左側(cè)的谷歌翻譯中,能看到在輸入框右下角顯示了總字數(shù)的限制以及當前輸入了多少文字,這種反饋為我們帶來了很清晰的輸入指示。
右側(cè)的知乎個人資料編輯頁面中,一句話介紹自己的字數(shù)限制在30個,當輸入超過限制字數(shù)后就會彈出明顯的反饋框提示不能超過限制。這種形式的反饋能讓受眾快速認識到當前輸入存在的問題卻不會打消輸入的積極性。03 內(nèi)部反饋
這里的內(nèi)部反饋是指信息在輸入框內(nèi)的表現(xiàn)形式。當前很多產(chǎn)品的輸入框的高度設計是動態(tài)可變化的,當文字超過一行便向上延展高度,至少可以顯示三至五行,比如大家熟悉的微信就默認顯示5行文字,超過則不再變化。簡書的評論輸入框中,當文字超出輸入框的范圍,輸入框右側(cè)會出現(xiàn)滑動條,用戶可以上下滑動查看內(nèi)容,避免溢出框外的內(nèi)容無法再被檢視。
右側(cè)Messages的輸入框中,采用和簡書不一樣的反饋形式,當輸入文字過多時輸入框上方的邊界沒有完全切齊文字,故意露出文字下半部可以引導用戶知道有更多的文字在上方。二者反饋的形式雖然不同,最終達成的效果卻是異曲同工的。將這兩種設計形式巧妙地結(jié)合在一起,輸入反饋能達到事半功倍的效果。04 即時反饋
大家普遍不喜歡填完一個長表單并提交之后,才發(fā)現(xiàn)哪里填錯了需要重新填寫。在錯誤出現(xiàn)之后,界面應該在第一時刻將錯誤信息呈現(xiàn)出來,讓他們能更早改正錯誤。 在慕課網(wǎng)的登錄頁面中,當輸入手機號出現(xiàn)問題時,在輸入密碼前會出現(xiàn)緊貼著輸入框的報錯信息,立刻檢驗輸入的內(nèi)容是否正確,用戶更快地被提醒錯誤并修正內(nèi)容,讓用戶更有信心、更快地完成輸入。
通常我們在設計時關注的都是輸入錯誤狀態(tài)下的紅色反饋,實際上輸入正確后綠色的成功反饋有時也很必要。05 鍵盤反饋
不同的使用場景**現(xiàn)合適的鍵盤也是設計中該考慮的部分,例如輸入銀行賬號時對應的數(shù)字鍵盤。左側(cè)是汽車之家的注冊頁,點擊快捷注冊時,輸入框獲得焦點并喚起數(shù)字鍵盤,省去再次切換鍵盤的麻煩。在付款時彈出的數(shù)字鍵盤(指紋沒有被識別出來時)。例如在微信紅包的輸入中,點擊總數(shù)會彈出數(shù)字鍵盤方便直接輸入金額。
對于數(shù)字鍵盤的安全性(習慣)與用戶體驗(虛擬鍵盤容易誤觸)間的平衡同樣需要在設計中考慮。正確的時間該做正確的事,簡潔的輸入中應該使用恰當?shù)姆答仭?/span>
輸入得到反饋好似用戶有了一份可供參考的行動指南,使用起產(chǎn)品也會無所拘束,所以有時候看似簡單的設計卻能帶來意料之外的收獲。
希望文章對你有所幫助,歡迎分享給身邊更多的朋友~


走,咱們?nèi)c贊!??
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評論自律管理,為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍,我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容,同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡信息。
一、根據(jù)《網(wǎng)絡信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī),對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
1)反對憲法所確定的基本原則;
2)危害國家安全,泄露國家秘密,顛覆國家政權(quán),破壞國家統(tǒng)一,損害國家榮譽和利益;
3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽;
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動;
5)煽動民族仇恨、民族歧視,破壞民族團結(jié);
6)破壞國家宗教政策,宣揚邪教和封建迷信;
7)散布謠言,擾亂社會秩序,破壞社會穩(wěn)定;
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序;
10)侮辱或者誹謗他人,侵害他人名譽、隱私和其他合法權(quán)益;
11)通過網(wǎng)絡以文字、圖片、音視頻等形式,對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡欺凌的;
12)危害未成年人身心健康的;
13)含有法律、行政法規(guī)禁止的其他內(nèi)容;
2. 不友善:不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為:
1)輕蔑:貶低、輕視他人及其勞動成果;
2)誹謗:捏造、散布虛假事實,損害他人名譽;
3)嘲諷:以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述,以此來激怒他人;
4)挑釁:以不友好的方式激怒他人,意圖使對方對自己的言論作出回應,蓄意制造事端;
5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對方難堪;
6)謾罵:以不文明的語言對他人進行負面評價;
7)歧視:煽動人群歧視、地域歧視等,針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
8)威脅:許諾以不良的后果來迫使他人服從自己的意志;
3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容,或進行相關行為。主要表現(xiàn)為:
1)多次發(fā)布包含售賣產(chǎn)品、提供服務、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式:
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容;
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容;
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容,如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等,誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當曝光;
6)購買或出售帳號之間虛假地互動,發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容,如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷;
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息,主要表現(xiàn)為:
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述;
2)涉及色情段子、兩性笑話的低俗內(nèi)容;
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容;
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想;
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
6)炒作緋聞、丑聞、劣跡等;
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息,主要表現(xiàn)為:
1)可能存在事實性錯誤或者造謠等內(nèi)容;
2)存在事實夸大、偽造虛假經(jīng)歷等誤導他人的內(nèi)容;
3)偽造身份、冒充他人,通過頭像、用戶名等個人信息暗示自己具有特定身份,或與特定機構(gòu)或個人存在關聯(lián)。
6. 傳播封建迷信,主要表現(xiàn)為:
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治病;
2)求推薦算命看相大師;
3)針對具體風水等問題進行求助或咨詢;
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運勢,東西寵物丟了能不能找回、取名改名等;
7. 文章標題黨,主要表現(xiàn)為:
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶;
2)內(nèi)容與標題之間存在嚴重不實或者原意扭曲;
3)使用夸張標題,內(nèi)容與標題嚴重不符的。
8.「飯圈」亂象行為,主要表現(xiàn)為:
1)誘導未成年人應援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論,影響傳播秩序
9. 其他危害行為或內(nèi)容,主要表現(xiàn)為:
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的;
2)不當評述自然災害、重大事故等災難的;
3)美化、粉飾侵略戰(zhàn)爭行為的;
4)法律、行政法規(guī)禁止,或可能對網(wǎng)絡生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將依據(jù)相關用戶違規(guī)情節(jié)嚴重程度,對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號,或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富,本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)