设计表单是一种思维训练,而非一个布局问题

用户头像
南京/UX设计师/1年前/333浏览
设计表单是一种思维训练,而非一个布局问题
用户头像
阿琦Aqi
设计表单是一种思维训练,而非一个布局问题(图ZMTUwODcwNTY=) - 教程 - 站酷设计师阿琦Aqi原创素材 - 站酷ZCOOL
收藏
Adam Silver 的《表单设计模式》是我大三时读的第一本用户体验的书,那时候我不是很在乎表单设计。
当时,他们觉得当时的设计风险很低,设计师只需要在“真正的”功能之间增加了一点UI.
但是在读完这本书之后,我意识到:
即使是一个正常工作的表单,也有着糟糕的用户体验,很多人同样这么认为。
表单设计不仅仅是UI的一部分,而是一个独立的系统,具有他们自己的逻辑、样式和盲点。
这是用户和系统建立联系的契机,我们让用户去提供一些内容:他们的时间和个人数据。如果我们在错误的时间、用错误的语气或者用错误的顺序询问用户,我们将会失去这次转变。坦率地说,我们也有可能失去用户。
表单的存在是用户决定的:我准备好提供我的信息、金钱和时间了吗?
如果我们没有在脑子里去设计那些问题,那么我们只是创建了一个更好看的输入框。
以下是来自书中的一些想法,这些想法仍然影响着我处理表单的方式:
1、从目标开始,而不是从表单字段
大部分的表单,反映了数据的存储方式,而不是用户是如何思考的?
用户不会想着去填写“具体的信息”,他们会试图完成填写表单的行为,因此表单的重要性是其次的。
设计表单是一种思维训练,而非一个布局问题(图ZMTUwODcwODA=) - 教程 - 站酷设计师阿琦Aqi原创素材 - 站酷ZCOOL
收藏
2、错误提示是用户体验中的一部分,而不是少数情况。
一个红色的描边显示和“输入无效”提示是不够的。
如果我们阻止用户继续,我们需要告知他们发生了什么,接下来应该怎么做,而不是只有指责。
设计表单是一种思维训练,而非一个布局问题(图ZMTUwODcwNjQ=) - 教程 - 站酷设计师阿琦Aqi原创素材 - 站酷ZCOOL
收藏
3、占位符不是标签
当你输入内容后,占位符会消失,这意味着如果用户分心或者需要再次检查字段内容时,他们将会丢失上下文语境。
始终显示可见标签
他们不会让界面看上去混乱,反而会让意思更加鲜明。
设计表单是一种思维训练,而非一个布局问题(图ZMTUwODcwNjg=) - 教程 - 站酷设计师阿琦Aqi原创素材 - 站酷ZCOOL
收藏
4、语境比一致性更重要
一个布局不可能服务于所有的用例。
SaaS产品中的反馈表单,并不需要询问用户姓名和电话号码。
一个电子邮件和一条信息就足够了,其余的可以从系统中获取。
好的表单设计是具有语境/情境的。
设计表单是一种思维训练,而非一个布局问题(图ZMTUwODcwNzI=) - 教程 - 站酷设计师阿琦Aqi原创素材 - 站酷ZCOOL
收藏
5、一列总是更好
用户一般自上而下浏览表单,而不是从左往右。
两列表单会减慢用户的浏览速度,尤其是表单之间没有关联。
保持单一的垂直流,更快,更简洁,而且在手机上效果更好!
原文:
https://medium.com/design-bootcamp/designing-forms-is-a-thinking-exercise-not-a-layout-problem-46ae713ab179
作者:Daria Zhyltsova
译者:阿琦Aqi
本文翻译已获得作者的正式授权
设计表单是一种思维训练,而非一个布局问题(图ZMTUwODcwODQ=) - 教程 - 站酷设计师阿琦Aqi原创素材 - 站酷ZCOOL
收藏
你好,我是阿琦Aqi,从事用户体验设计多年,目前是一名自由设计师,坐落在江苏南京,喜欢研究和探索业内的设计案例和设计方法。如果你有一些更好的设计观点欢迎一起探讨。
0
阅读原文
|
举报
|
7
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI界面 组件
【新年UI图标】珠宝icon
高级感金属拟物 UI设计组件库
高级表盘系列UI源文件
拟物风质感写实UI卡片合集源文件
我的钱包-UI界面设计-app
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
【新年UI图标】游戏/娱乐icon
盲盒APP UI设计
手表表盘UI系列
UI应用平面图标
【新年UI图标】优惠券icon
钱包ui模板
【新年UI图标】30个图标
【新年UI图标】汽车icon
UI通用设计素材1
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
抽象液态渐变UI背景模版
科技医疗透明柜UI界面设计
UI 登录界面设计模板包
【新年UI图标】银行卡icon
新拟态风格 UI设计组件库
你可能喜欢
相关收藏夹
大家都在看
登录注册