美文心理个人纠纷职场创业
创业阅读
新闻投稿
创业工作
技能技术
职场职业
社会安全
纠纷案例
幽默乐趣
个人母婴
家庭家居
心理治疗
作文范文
美文笔记
历史解密

用户体验:表单设计中的注意事项

7月7日 不回头投稿 造句
  在下面的这篇文章中,我们来看看有助于你设计不同可用性表单的10个最佳实践,希望它对设计人员和开发人员都有用,玩得开心。
  好吧,让我们开始吧!
  “表单”是什么意思,它在哪里使用?
  通常,表单是一个带有标签和字段的框,其中包含一个号召性用语按钮。
  以下是网站和应用程序的许多部分中使用的表单的一些示例:
  登录注册
  采购订单
  门票预订
  房间预订
  付款结账
  通讯订阅
  咨询审计请求
  捐赠
  调查
  自定义表格
  那么,如何设计一个用户友好的表单?
  一般来说,表单设计为用户端隐藏了许多困难和痛苦的地方。因此,有必要设计一个用户友好的表单。
  让我们从讨论表单设计的两个主要规则开始:
  首先,表单设计的最佳实践是做用户测试,永远不要忽视用户的意见,即使你不同意。
  进行用户测试有助于找出生活中的小窍门,比如测量与表单交互的时间、检测痛点、观察用户如何使用界面、他在哪里卡住或找不到必要的元素等等。
  执行这些活动可以帮助初学者避免表单世界中最大的和无知的错误。
  技巧1:单列布局
  避免曲折界面空间布局。通过眼动追踪测试可以看出,用户花费更多时间从一列跳到另一列,并且在确定表单中的特定字段时遇到了麻烦。
  与此相反,单列设计只是从上到下的读取,它创建了与表单的简单交互。
  具有多列设计的表单通常会导致用户省略字段,原因很简单,因为他们没有注意到这些字段,或者因为他们误解了多列的含义,或者填写了不相关或不正确的字段,因为用户将它们误解为所需输入的一部分。
  单列设计更有效
  技巧2:完成和对齐的路径
  巴塞尔大学的研究人员发现,左对齐优于中心对齐是减少完成时间路径的最佳方法,如左对齐,眼睛不需要跳过页面。
  标签的正确对齐方式将注视时间减少了近一半,这表明这种布局大大降低了用户完成任务所需的认知负荷。
  曲折的定位需要更多的时间来完成
  技巧3:对长表单和进度条使用向导
  当你需要设计大数据表单时,确保表单中的所有字段都是真正必要的、唯一的、不重复的。即使您没有机会优化您的大数据表单,也可以使用带有步骤的向导。
  很简单:
  分段上的组表单字段;
  记住保存按钮:它保护用户处理和填充的数据;
  分步显示填充进度:帮助用户了解完成了多少步,还剩下多少步。
  向导和进度条使复杂的表单变得清晰
  技巧4:不要忘记将相关信息分组
  分组形式看起来有组织,整齐和清晰。因此,将相关信息以长格式分组到标题或分隔符下。
  为什么要将相关信息分组?
  假设,用户在填写表单时想要更改任何特定字段中的内容,突然觉得需要更改任何字段。在这种情况下,分组将帮助用户快速记住必要字段出现在哪个部分。
  相关内容成组
  技巧5:可选而不是必需的
  大多数情况下,所有字段都是必填项,只有几个字段是可选的。用星号标记必填字段是一种广泛的实践,但实际上这种形式开始用红色星号表示。
  顺便说一句,红色会从用户方面引起负面关联,因为红色只用于错误。
  在我的经验中,有一次在测试原型时,用户问我星号是什么意思?它是书中的标签还是描述中的标签?
  奇怪,不是吗?我们看到星号并不适合所有类型的用户。
  为了避免这种误解,最好使用“仅可选字段”。
  对于非必需字段使用可选标签
  技巧6:使用自动完成功能
  用户很懒,这是事实。
  所以,当你有机会让自己的生活更简单时,他们会很感激。自动填充自动填充使表单完成速度提高30。因此,分析可以自动填充自动填充的表单元素。
  为了给您一个想法,可以自动完成城市,国家,电话,电子邮件等元素。
  自动完成功能可以简化用户的生活
  技巧7:自定义输入格式
  注意输入字段格式。在任何地方只使用简单的输入或下拉框都是不好的做法。
  字段类型是否更多并不重要,用户喜欢数据字段的不同表示形式。
  表示吸引人的信息的最简单方法是:
  为性别类型使用单选按钮,不要害怕使用图标;
  金融领域使用带有货币文字的标签,自动区分千万和百万;
  设计手机号码、工作日、日期等明显字段;
  使用带有自动提示功能的高级搜索,避免用户手工填写许多字段。
  尝试对数据字段进行不同的修改
  此外,永远不要忘记关于输入格式的规则:
  字段的长度提供答案的长度;
  电子邮件字段验证;
  尽可能多地预填充自动检测;
  最小最大长度;
  数字、字母、字母数字,所有符号;
  依赖性;
  占位符。
  技巧8:CTA(calltoaction)风格规则
  用户不应该花很多时间去弄清楚应该使用哪个按钮来执行一个操作。例如:这个按钮是用于提交表单还是丢弃表单?
  因此,确保在表单中正确定义和区分主按钮和辅助按钮。
  你可以简单地使用不同的颜色。避免主按钮和辅助按钮使用相同的颜色,因为它们会误导用户,或者使用对比色来区分它们。
  在主按钮和辅助按钮之间进行分隔
  技巧9:CTA缩微
  为CTA按钮使用简短而清晰的名称。这个按钮的主要目的是吸引用户的注意,并让他们采取必要的行动。当它简短而清晰时,阅读的时间就会减少,完成的时间也会减少。
  简短意味着清晰
  技巧10:使用内联表单字段验证
  永远不要忽视表单验证的设计!不要把它放在开发人员的肩上。它是各种形式功能中最重要的部分。
  作为设计人员,你必须为不同类型的错误状态准备文本和视图、帮助文本以及其他与用户通信的方法。花时间验证微缩本。如果没有为每种类型的错误准备文本的资源,请考虑全局错误副本。
  图片来源:网络
  永远记住,当你为错误消息准备一个文本列表时,永远不要因为用户的错误而责怪他。相反,要确保你传达的信息是清晰的、切题的。
  重点是,用户数据需要实时验证。不要让您的用户填写所有字段,然后单击submit按钮以了解有什么地方出错了。
  不要强迫用户找出错误
  总结
  为了使您的表单设计更加出色,让我们避免以下内容:
  复杂的消息;
  提交后进行全局验证;
  字段的长标题;
  CTA按钮的长名称;
  未分组信息;
  丢弃自我暗示自动完成;
  一页无止尽的字段;
  对所有内容使用一种输入格式;
  容易忽视(色盲);
  采用多栏设计;
  在字段中使用标签而不是占位符;
  容易混淆完成路径;
  避免用户测试;
  不要使用建议和指南。
  所以,继续考虑你的新表单设计,并祝你好运!
评论 转载

造句:用户体验表单设计中的注意事项
造句:用户体验表单设计中的注意事
一份全面的“界面设计论述”是怎样的?本文以界面设计为题,介绍了界面设计中不同板块的内容与设计要点,同时还向我们介绍了如何进行界面设计的优化。1。什么是界面设计用户与软件系统交互信息的媒介。1。1……设计师专业表达指南形式篇之前花了三篇小文(链接在文末),讲述如何提升设计师设计作品的内在含金量,今天,我们将重点聊聊如何提升设计作品的外在专业性交互文档的呈现形式。形式感的重要性交互文档是……用户体验:表单设计中的注意事项在下面的这篇文章中,我们来看看有助于你设计不同可用性表单的10个最佳实践,希望它对设计人员和开发人员都有用,玩得开心。好吧,让我们开始吧!“表单”是什么意思,它在哪……从上瘾模型,看产品设计的那些“套路”好产品不只是满足功能,还要反映人性。撩动了用户情感的产品,就占据了用户的心智。当产品进入用户的习惯区间,就可以获得持续的生命力。关于如何让用户习惯于使用某款产品,畅销书《……弹出窗口:10个代表性问题及其替代方案通过观察弹窗,我们会发现大多数弹窗都存在着破坏用户体验,降低用户好感度的效果。因此本文结合这一现象,讲具体分析背后的原理以及避免的方法。无论是否使用弹出窗口,大多数窗口叠……价值驱动设计如何有意识地平衡美与归属感?本文中将分享:我们是如何定义Airbnb里包容性设计的产出方式?我们如何持续为全球社区提供设计解决方案?以及,我们在设计过程中所学到的经验教训?“作为设计师,当我们做得不……百度网盘10。0:服务升级背后的故事本文是关于百度网盘10。0的一个复盘,这次10。0结合着产品最新的“服务”理念以及百度UXC最新设计语言D20,进行全新升级,致力于为用户提供更优质的使用体验。项目背景……AB测试中12个常见的误区(上)文章为大家梳理一些运用AB测试时12个常见的误区,本文为上篇,一起看看AB测试是一项很有趣的测试内容,使用者可以通过优质的工具去完成产品中的AB测试。但其实,AB测试并不……支付系统详解:清结算系统清结算系统是支付系统的一个子系统,本文重点介绍清结算中的系统设计和与对账系统的关系。清结算系统是第三方支付系统按照与商户的协议,将一个结算周期内的收付款项汇总轧差生成待结……如何让按钮设计更迷人按钮在UI界面设计中是不可或缺的元素之一,这篇文章我们将介绍不同类型的按钮包括按钮的状态和交互。我们介绍的都是日常界面中使用的普通按钮,并不包括单选按钮、选项卡、复选框等其他类……如何搭建设计中台,解决B端多产品线的设计困境在B端产品多产品线的设计中,经常会遇到成本与质量问题,而搭建设计中台会是一个策略。因此,本文就向我们介绍了搭建设计中台的方法、原则与常见误区。01多产品线的设计困境……为何SaaS模式能成主流?什么是SaaS模式?SaaS模式到底有什么优势?传统模式向SaaS模式过渡,又将面临什么样的挑战和问题?在进入正题之前,我们先聊一点题外话,就在我写这篇文章的这一天(20……
电商购物车终端不同设计有何区别?只需三步,教你做好需求分析需求从何而来,又将如何解决?【Liya带你逛起点】生活的强者来自不断的努力产品经理是否需要懂数据库如果我是支付宝的产品经理,金融社交之路怎么走?产品进阶产品经理所说的需求到底是什么?由地铁出行引发的产品思维产品经理别说你不懂用户心理模型产品经理需要了解的元认知力产品经理如何告别纸上谈兵?为什么说在设计中融入产品思维非常重要?
手机摄影实战:如何完美控制一张照片的亮度。。。足球明星都穿什么鞋难忘那最初的恍惚一图看懂芝麻分能干嘛如何解决青少年依赖问题全国高风险区已全部清零上房揭瓦意思上房揭瓦是什么意思【歌词】多情的阿那答歌手:孙华阳热文聚热点网 哪知造句用哪知造句大全中泰化学十年实现收入3547亿,净利润84亿,目前市值246酸性气体(由词目及其释义等构成的中文知识性百科条目)为什么《这!就是街舞》不请黄子韬了?热闻聚热点网
©2025网站地图最近更新文明上网我要投诉