-
关于表单设计我总结了这些
本文从客户的方面进行了思考,就表单的定义、录入、设计、目的及存在的问题进行了详细的梳理。推荐职场需要使用表单的同学阅读。 表单,在B端产品中是非常常见的元素,在各类B端产品设计中几乎都有应用。那么在设计表单时,我们应该从哪些方面着手呢?这个也是我在最近负责的新项目中才考虑到的。之前负责的项目只是把客户方需要填写的字段直接堆砌上去,并没有进行一个梳理,进而也无从考量,用户在填写时是否顺手?是否满足他…- 409
- 0
-
如何提高B端表单操作效率?
一些同学在设计B端表单时,不知道需要考虑哪些问题,直接使用Ant Design提供的表单模版,或者参考竞品,上线后用户反馈难用,产品反馈拓展性低,那么该如何提高B端表单操作效率呢?这里有7个技巧分享给大家。 目录: 1、不滥用表单的交互形式 2、将复杂表单进行合理的归纳简化 3、复杂表单布局要考虑关联性 4、表单视觉可以不平衡 5、标签对齐方式要选对 6、表单页面要考虑适配方式 7、输入框不用整齐…- 1.1k
- 0
-
移动端 · 表单设计有方法
不论是 toB 还是 toC 的移动端设计中,都会遇到一些表单填写和上传证件信息的情况。面对移动端要手动填写的表单,用户通常期待有高效的解决办法可以立即完成填写任务。本文为你总结出了几种移动端表单设计的实用原则,可以有效解决表单不够友好、用户填写错误、费时费力的问题,希望对你有帮助。 一、信息内容层级化 信息分层次、分步骤、分页面呈现 1、表单结构分层 从表单结构层面来看,内容过长的表单,信息可以…- 998
- 0
-
表单设计需要注意的15个小细节
表单设计老生常谈,但又是使用频繁且经常遇到各种问题的一种组件,尤其在B端业务中,涉及到大量的云资源开通、配置升级等表单填写与校验,因此设计师经常要面对复杂程度不等、信息多样的表单场景,那设计师该遵循怎样的原则、如何组织内容、在布局与页面空间问题上如何取舍,以及如何确保不同屏幕尺寸下都能保证表单信息的功能清晰度与设计美观度?本文作者整理了15个关于表单设计的小技巧,希望对你有帮助。 01、使用标题 …- 888
- 0
-
表单细节|标签应该放在哪儿?
表单是一个非常基础的、通用的组件,可以说是无处不在,比如咱们常见的用户注册、地址填写、用户反馈等页面,都包含表单。应该没有哪一个网站敢说自己不需要表单吧。 表单看起来很简单,都是由标签、输入框和按钮等基本元素组成,但在实际的业务中,却发现有无数可以推敲的细节,比如? “输入框的标签应该是顶对齐、右对齐还是左对齐” “输入框的长度多少合适?” “提交按钮放在页面左边还是右边?” 这些细节看起来微不足…- 1.7k
- 0
-
B端页面详细表单设计流程
B端设计师在日常工作中肯定少不了表单的设计,一个好的表单可以提高整体效率,提高完成度,并且在用户侧也有好的体验;在表单设计中,不同的应用场景所对应的表单也有所不同。 一、什么是表单? 表单设计是B端产品设计的基础页面,想要做好表单设计首先要搞清楚表单的应用场景。 表单是用户采集数据信息的核心场景,同时又通过表单向用户展示数据信息,简而言之表单是用户与数据库之间的桥梁;它可以确保用户按要求填写信息并…- 40.7k
- 0
-
如何设计表单的帮助信息?
我们在填写表单的时候,在输入框的旁边或者下面,会用一句话或者例子来解释需要输入什么数据,这就是表单的帮助信息。表单的帮助信息应该如何设置并且显示呢? “一切都是为了帮助用户完成表单输入。” 01 表单的帮助信息是什么? 在输入框旁边或者下面,用一句话或者例子来解释需要输入什么数据。 02 为什么要有帮助信息? 标签信息与输入框的形式虽然对表单填写提供了线索, 但这些还不够。 为了让用户更好的完成输…- 4.9k
- 0
-
表单设计应该遵循什么原则?
这篇文章从选取合适的表单问题、理清问题逻辑以及表单设计遵循的规则三方面和大家探讨一下表单设计的基本准则。 选取合适的问题 只需要考虑两个问题: 我们通过表单想得到用户哪些信息? 用户当前操作需要哪些信息才能完成? 根据我们得到的问题,参考卡罗琳贾勒特提出的“保留,删减,延迟,解释”四大策略形成更好的问题。 保留:你问的就是用户想要的,那么留下这些问题 删减:并不需要通过用户填写得到答案的,我们可以…- 7.3k
- 0
-
设计沉思录|移动端复杂表单的减负与提效
设计移动端的长表单,尤其是含有大量SKU(Stock Keeping Unit 最小存货单位)信息的复杂表单时,如何为用户减负、提升用户操作效率是最值得思考的问题。笔者从五八本地服务发布的改版中,总结出一些减负提效的方法,来与大家分享探讨。 01、改版背景 本地服务因其服务品类多(100+个品类)、不同品类信息各异、填写字段繁多的特点,PC发布一直是信息发布的主要场景。而PC发布无法满足无电脑B端…- 6.7k
- 0
-
B端产品页面设计:表单设计
表单在很多工作和项目中都会用到,在一个项目中,会涉及到大量的数据、信息等等,这时候用表单进行记录是很重要的,今天我们谈谈在设计表单过程中需要了解的知识和遵循的原则。 人们眼中的天才之所以卓越非凡,并非天资超人一等,而是付出了持续不断的努力;1万小时的锤炼是任何人从平凡变成世界级大师的必要条件。——格拉德威尔《异类》 在过去几个月中,笔者一直在B端审核系统、流程管理系统、业务管理后台、电销系统中来回…- 9.8k
- 0
-
B端产品中Web端表单如何设计
B端产品往往由于业务体量庞大,导致信息复杂,同时对业务的精确性的要求很高;服务于B端的业务,不能够出信息错误,填错一个信息,就会引发巨大的问题。 一、表单的定义 表单是信息添加、录入的通用形式;其作为获取用户输入的重要交互方式,也承担着将问题和答案进行配对的角色。 二、表单的设计原则 设计原则是任何一种解决方案的指路灯,它们体现解决方案应包含的基本目标。 针对互联网表单设计,我倡导的原则如下: 尽…- 4.7k
- 0
-
9个常见的网站表单设计问题
表单设计好,可以差多少?旅游网站Expedia曾经分享过一段经验:在他们的订单页面中,部分使用者填写了旅游地点、旅馆、付款资讯,并按下「立即购买」后,却并未成功完成交易。经过调查后发现,原来是在姓名栏位后面,还有一个非必填的栏「公司」,而部分使用者却误以为这是要写「银行」的「公司」名称;更糟的是,使用者会在紧接着的地址栏填写银行的地址。 当后续在验证信用卡时,如果核对了地址,就会因为填写的并非刷卡…- 8.2k
- 0
-
移动端表单设计:重新认识表单
表单设计看上去很简单,组成它的每一个模块我们都很熟悉;表单设计其实也并不简单,除了基础的体验我们还需要结合其行业特性、自身业务才能设计一个好用的表单。 而这就是为什么我们要写一个表单设计系列的原因。 如果从功能角度来划分,表单一定是互联网产品中最为重要的能力之一,它也是用户与产品之间进行交互的一个重要渠道。如果没有表单产品的体验将变得非常的被动,用户只能消费平台所提供的内容。 作为用户我们在日常会…- 4.4k
- 0
-
设计师需要知道的表单设计知识
不管你是负责设计B端产品或者C端产品,都必然接触过表单设计。有长表单也有短表单,我们要知道表单的目的是收集用户的信息,综合这些信息以提供更好更准确的服务给到用户。本文将从表单类型和设计点出发进行分析,希望对你有帮助。 对于用户来说,填写长长的表单是需要花费时间成本的,如果表单是将所需要收集的问题简单的罗列出来,填写起来会非常困难,引起用户的反感情绪,直接导致的就是用户会直接关闭表单填写。 设计师需…- 5.6k
- 0
-
移动端表单设计避坑指南
移动表单的设计、布局和功能在产品体验和交互方式上与PC端相比都不一样,所以作为体验设计师需要确保PC端网站上的任何元素都是针对移动设备进行优化过的。以期达到与PC端一样流畅的体验。 设计不合理的表单会给移动端用户带来不流畅的体验,导致用户流失并降低转化率。所以,明确移动端表单设计,看似简单却十分重要。 1、限制表单字段的数量 评估每个输入字段,以确定它们是否是必需的,并删除所有不必要的字段。切勿由…- 8.4k
- 0
-
表单设计的10大要点,快速提升网站体验
随着越来越多的人倾向于在界面上填写(保险/物流/金融/房地产等行业领域)报价单,这些领域的用户体验的价值体现对保持竞争力至关重要。 这些公司投入了大量成本来吸引用户访问他们的网站,事实上,保险及其相关术语往往出现于昂贵的付费点击广告的关键词之中。 这使得网站需要致力于提供更好的用户体验,以便于尽可能多地转化他们的访客,变得尤为重要。 这些网站的通病,也是用户体验的最大挑战,就是如何让顾客轻松填完冗…- 11.9k
- 0
-
设计师必不可少的表单设计(上)
本文将我自己踩过的坑整理出来,目的是为了帮助那些刚迈入职场的设计师,对表单能有一个更好的了解,从而避免在工作中进入误区。 01、前言 每个人生活中,都在和表单打交道,各种表格,表单需要填写,而表单在产品中主要负责数据采集功能。作用和现在一样——信息录入。表单也是最常用的信息录入的工具,随着互联网兴起,很多表单被放到了电子屏上填写,特别是最近几年,随着B端的兴起,和表单打交道的人越来越多,那么作为设…- 8.5k
- 0
-
8个移动表单设计指南
移动表单的设计、布局和功能在网站的整体用户体验中扮演着重要角色,特别是随着每天通过移动设备进行购买、创建帐户和提交请求的用户数量的增加。 “所有东西在移动设备上的工作方式都不一样,所以设计师需要确保他们网站上的任何元素都是针对移动设备进行优化的。” 设计不当的移动表单会使用户感到沮丧;导致用户流失并降低转化率。这意味着你必须简单地通过移动设备查看,填写和提交表单,这对你非常重要。了解移动表单设计的…- 8k
- 0
-
B端产品(一):表单设计的原则与技巧
随着消费互联网的红利减退,资本与巨头的目光逐渐聚焦到B端产品上,并致力于企业服务、提高办公效率等方面上。而B端产品大多涉及到了表单这一设计场景,于是本文将为大家仔细讲讲表单设计原则与技巧,希望对你有所启发。 B端产品的蓝海正在慢慢打开,随着C端人口红利的减退、企业业务信息化协同的发展趋势、科学技术的进步和突破,越来越多的生产场景被挖掘出来,形成一个个既特色鲜明各有不同、又有章可循有规律可依照的B端…- 12.2k
- 0
-
OA系统设计(二):表单
笔者有OA系统的设计经验,本系列将分篇章总结OA中最核心的功能,希望能尽可能全面地记录笔者的经验,和感兴趣的读者交流分享。 这次我们探讨OA系统里另一个重要的功能模块——表单。表单包括行政类单据,如请假单、设备申请单、用车申请单等;统计调查类单据,如人员信息统计表、团建活动报名表、调查问卷等。 线下一般有相应的纸质单据,填写人完成填写后可能经由多级领导审批,最终归口到某部门或某负责人。每种表单会关…- 11.6k
- 0
-
关于2B产品设计套路一:表单设计
本系列文章主要是想跟大家讲讲关于2B设计的一些套路,本文主要说的是表单设计。 原型设计应该是入门产品的基本功了,通过原型设计把无形的各种idea变为有形的产品页面是我觉得非常有成就感的一件事。但是相比于2C,2B页面级的设计给pm发挥的余地真的不多,但换言之就是有很多套路可循。 根据我对2B产品(主要是办公、后台系统)的片面理解,2B产品的核心就是对各种各样数据“管理”。啥是“管理”呢,用人话说就…- 8.5k
- 0
-
4个提升用户体验的表单设计小Tips
好的表单设计能够提升用户体验,具体如何做?本文作者梳理收集了33个能立即应用的最好做法,与大家分享。 想象一下,如果你走进一家商店,往购物篮里塞满了东西却找不到收银台的感觉。最后你可能放下所有东西一分钱没花极其失望地离开了。的确,这种在支付过程中遇到的槽糕事情,也会发生在表单设计中。 糟糕的表单替我省了好几百美元。冗长、繁琐的表单吓跑了你的顾客,让你的公司潜在中流失了几千美元。 表单看起来是最简单…- 8.5k
- 0
-
无界面设计:欢迎来到没有UI的世界!
本文将介绍一些不错的UX设计方法,当你在设计超越经典的图形用户界面(GUI)的交互时可以巧妙地利用他们。研究人员通过他们开创性的工作引领了无界面设计,因为他们意识到,如今的我们已经被计算机和各种APP软件包围了,它们时刻吸引着我们的眼球。智能手机、平板电脑、笔记本电脑和智能电视争相挤占我们的碎片时间,以通知我们各种事件或者请求我们采取某种行动。紧跟时代发展的步伐可以增强你的能力,这样你就能以更巧妙…- 15.5k
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!