网页界面设计中表单的组成部分有哪些提示信息
做建站这行快十年了,见过太多客户被表单搞得崩溃。昨天有个做电商的朋友,哭着给我打电话,说转化率跌了30%。我一看后台,好家伙,注册页面长得像填户口调查表,还要上传身份证照片,用户不跑才怪。今天咱就聊聊,网页界面设计中表单的组成部分有哪些提示信息,这玩意儿搞不好,真能把人逼疯。
首先得说,表单不是越短越好,也不是越长越好,是越“懂你”越好。很多新手设计师,把表单做成填空题,用户填完还得猜下一步。我见过一个案例,某招聘网站,用户填简历,填到一半,系统突然弹窗问“您喜欢什么颜色”,这跟找工作有半毛钱关系吗?没有。这种设计,纯属自嗨。
表单的核心组成部分,说白了就几样:输入框、标签、提示语、按钮。但关键在于,这些元素怎么组合,怎么给提示。
先看标签。标签是表单的骨架,必须清晰、准确。别搞什么“请输入内容”,用户会懵。要写“请输入您的手机号码”,或者“请输入您的邮箱地址”。标签的位置也有讲究,放在输入框上方,比放在左边更符合阅读习惯。我有个客户,非要把标签放在右边,说是为了美观,结果用户填表时,眼睛来回扫,效率低得吓人。后来改成上方,转化率立马涨了15%。
再看提示语。提示语是表单的灵魂,它告诉用户该怎么填。比如,密码框,要提示“至少8位,包含字母和数字”。别让用户去猜规则。我见过一个银行APP,密码规则写得模棱两可,用户试了十几次都不对,最后直接卸载。这种体验,简直是在赶客。
还有错误提示。这是最容易出问题的地方。很多系统,用户填错了,只弹个红框,或者写个“输入错误”。用户会想:我到底错哪了?是格式不对?还是长度不够?还是包含特殊字符?必须明确指出错误原因。比如,“手机号格式错误,请输入11位数字”。这种明确的提示,能极大降低用户的挫败感。
按钮也很重要。提交按钮的文字,别写“提交”,太冷冰冰。可以写“立即注册”、“马上领取”,带点行动号召力。按钮的颜色也要醒目,别搞个灰色,用户根本找不到。
最后,别忘了移动端适配。现在多少人用手机填表?如果表单在手机上显示不全,或者输入框太小,手指根本点不准,那简直是灾难。我有个朋友,他的网站在PC端看着挺好,一到手机端,表单挤成一团,用户根本没法用。后来重新设计,把表单拆分成多步,每步只填几个字段,体验好多了。
总结一下,网页界面设计中表单的组成部分有哪些提示信息,核心就是:清晰、明确、友好。别让用户猜,别让用户烦。多站在用户的角度想想,他们填表时的心情,是着急、是困惑、还是愤怒?把这些情绪化解掉,转化率自然就上去了。
我最近帮一个客户优化表单,把原来的15个字段,精简到8个,加上清晰的提示和友好的错误提示,转化率提升了20%。这数据不是吹的,是实打实的。所以,别小看表单设计,它可是转化的关键。
如果你还在纠结表单怎么设计,不妨从这几个方面入手:标签清晰、提示明确、错误友好、按钮醒目、移动端适配。做到这几点,你的表单就不会太差。
记住,用户体验无小事。一个小小的表单,可能决定用户的去留。别等用户跑了,才后悔莫及。赶紧去检查你的表单吧,看看是不是也存在那些让人头疼的问题。