童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

并不简单!帮你提升表单使用效率的四个界面设计技巧

4月24日 碎骨族投稿
  编者按:作为世界最著名的客户关系管理软件巨头,Salesforce在CRM软件设计上有着深入的了解和过硬的设计和开发经验。诸如CRM这类企业级的软件中,表单类的界面非常多,这也促成了今天的这篇文章。一个优秀的表单到底要具备怎样的素质?如何提高表单的用户体验和使用效率?看看Salesforce的团队是怎么做的。
  Salesforce用户每天都在和表单打交道,无论他是销售人员、主管还是经理。所以,对于Salesforce而言,能否无缝地添加、编辑、删除信息就是确保企业生产力的核心因素和驱动力所在。这也是为什么Salesforce的UX团队将表单设计和编辑作为新产品LightningExperience的核心。
  1、标签字段的对齐
  在Lightning中,表单里的标签和它所对应的输入字段是一起左对齐的,并且标签处于输入框的上方。这种设计方式可以让用户操作更加省心高效,和之前的版本相比,用户在浏览和操作的时候,只需要进行上下眼动就可以搞定一切,无需左右扫视。
  一切都是左对齐的
  虽然新的设计会在垂直方向上占用更多的空间,但是标签和字段的匹配会让整个界面在视觉上更加易用清晰。为了让用户在输入的时候看得更清楚,成对的字段和标签会更加靠近,两个不同的组之间的间隙会更大。无需左右扫视之后,用户可以更加顺畅地填写表单。
  在视图模式之下,我们采用了相同的原理来设计,这样使得信息的层次结构更优秀,同时确保了整体的可读性。
  2、设置默认值
  如果你是一名销售人员,你的工作内容可能涉及到同潜在用户进行沟通(也就是“Leads”)。如果你想在Salesforce中跟踪这些潜在用户的信息,那么通常你得先创建一个相应的档案。如果要这么做的话,可能会创建下面的这种Lead表单:
  在Salesforce中创建一个新的Lead表单
  看起来很简单,是吧?但是如果我们仔细看看,就能逐渐找出这种表单在设计上的门道。第一个可编辑的字段是“Lead状态”,它包含了以下选项:无联系、有联系、开放状态、合格、不合格。
  研究表明,设置一个默认值会引导许多人在多种不同的语境和环境下选择默认选项。好了,回到最初的问题,如果你是一个销售人员,在同新的潜在用户的沟通的时候,第一次填写这个表单的时候,你可能会更倾向于选择“开放状态”而非空着不填写。
  好了,在绝大多数的情况下,新建一个Lead表单的时候销售人员会选择“开放状态”。而在之后每次新建这类表单的时候,在这个字段上耗费一两秒来进行选择。但是如果这种表单的数量非常多,比如有几百份,那么这个修改成本就非常之高昂了。这就是为何要为一些字段设计默认值。
  3、预填写相关字段
  许多记录的相关页面会根据“发布者”来执行一些预制的操作,比如创建新的任务和事件(我们在淘宝下单的时候,系统会帮你填写预制的默认收件地址、收件人和联系电话,这种机制与之类似)。那么我们看看下面的页面:
  发布者登录之后触发的操作
  系统会自动填写发布者信息
  在理想的状态下,用户会认真填写每一个字段的详细信息,然而事实上用户并没有这么做。
  在这个案例中,这个Lead表单是关于一个名叫WalterJunior的人,并且这是执行一次调用之后显示的界面。这个用户相关的信息包含了四个字段,而其中“姓名”和“项目”两个字段都被预先填写,由于这是一个调用信息的界面,所以项目中默认填写的是“Call”,而相关用户的名字也无需填写,直接填写进去了。
  在理想的状态下,用户会“勤勉”地填写所有字段,并且详细地描述每一个细节和相关的信息。然而实际上,人是有惰性的,操作者总会详尽办法偷懒。每一个新增加的字段,都是用户完成表单的巨大屏障。为了解决这个问题,我们作出了一个妥协方案:系统预先填充一些相关的关键内容。当用户填写的表单涵盖这些预制信息的时候,系统会帮用户填写预制的信息,这样一来,这个有四个字段的表单中,用户需要填写的仅仅只有2个字段(请继续脑补淘宝下单的时候,自动添加收件人信息的机制)。
  4、让表单拥有更好的可访问性
  在设计新的LightningExperience的时候,我们对于它的可访问性设计就有一个基本的构想。由于键盘输入还是目前我们用户的主要输入方式(考虑到我们这是一个企业级软件),所以一定要对键盘有良好的兼容和适配,必须确保用户仅用键盘就可以执行全部的操作。为此,我们为每个表单组件建立了特定的键盘交互模式,而且这些模式的构建是遵循W3C的规则来设计的,这也确保了这套交互的准确和广泛的适配性。
投诉 评论

产品原型4步思维法无论你的企业属于什么领域,无论你在企业处于哪个层级,无论你遇到了多么棘手的商业难题,你都可以用画图来找到它们的规律。从今天开始,忘记Email,忘记Excel,忘记PPT吧!只……疾速成型!5天内搞定产品设计是怎样一种体验产品设计过程是有一个比较固定的周期的。但是,如果你能将整个流程的运作速度提升起来,用更频繁的反馈获得更好的结果,你还会使用当前的设计流程么?用更短的时间获得更多的迭代,这……原创译文:以用户为中心的设计(JiveCircle案例学习)作者参与设计了自家公司产品JiveCircle后,总结出以用户为中心的设计步骤,配以实际案例,能让读者深刻体会到如何从需求分析开始,快速将一款产品到推向市场。很值得参考和学习。……案例分享星空APP产品设计及运营方案(设想)“星空”是一个基于兴趣和随机性的私密社交产品。首页产品策划概要产品定位兴趣社交产品基于兴趣爱好进行捕捉,发现心情。用户可以发表心情,并给该内……如何设计一个优秀的电子商务产品详情页电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面,也是搜索引擎的结果页面。和我们一起去探索什么样的伟大元素……无线产品设计之“极简之法”一。通过”系统预判”将产品复杂度约简至固有值通过对用户画像的分析,我们确定了目标用户的痛点和期望,依据已知信息我们需要去做灰色预判,预判哪些功能内容是用户想要的、哪些是与……我理解的“微信的克制”有次面试官和我谈到了最喜欢的比较大众的应用的时候,我谈到了微信以及微信产品的克制,表示微信虽然志在成为一种生活方式,一个全网的入口,但是在使用上仍然保持着难得的精简,称得上是小……我们在聊场景时,场景对产品设计有怎样的作用?现在很多人都在谈论场景这样一个概念,那么我们来谈一下我们到底在聊场景的时候说了些什么?场景对我们的设计又能起到什么样的作用?能给到我们一些什么样的启发?先来看一下场景的定……产品的思路来自腾讯张小龙的分享(全版)之前我们发表了《张小龙:微信背后的产品观》。那篇文章虽基于张小龙的产品经验分享,其实相当多的内容是来自和菜头本人的理解。现在,根据点点网CEO许朝军的博客内容,把张小龙的现场分……用户界面设计:为什么动效重要?在2015年澳大利亚CSSConf上,BenjaminDeCock,一个在动效设计上有优先权的交互设计师,分享了多年来的洞见。他现在是一个在Stripe工作的用户界面设计师,S……【干货满满】转化率提升那些事细节问题分析用户动力阻力分析在用户使用产品的过程中,总有两种相反的力,在影响用户的行为,一个是动力,一个是阻力。要想提升转化率,就要分析出用户在购买的过程中阻力和动力,分析出具……并不简单!帮你提升表单使用效率的四个界面设计技巧编者按:作为世界最著名的客户关系管理软件巨头,Salesforce在CRM软件设计上有着深入的了解和过硬的设计和开发经验。诸如CRM这类企业级的软件中,表单类的界面非常多,这也……
不想做需求的搬运工,B端产品经理怎么办?如何定义一场细致的需求评审?一个老产品的心路历程关于在线少儿编程的需求分析头部产品经理的OPPORTUNITY素质模型转行产品经理一年多的避雷心得产品经理,你的用户流失了怎么办?产品团队的批判性思维:如何通过合理的决策带来合理的结果?30秒说清你的需求解决方案有多重要?实战经验分享:产品经理如何和UED团队高效沟通?我理解的产品核心价值观产品经理晋级产品专家必跨的14道台阶白领男士5大健康问题应对策略许多恐龙身材巨大,它们放屁会产生什么影响?油性皮肤用完面膜后需要清洗吗什么是马卡龙(马卡龙制作视频全过程)宝宝发烧要注意护理什么呢销售苹果手机的技巧今天属龙的贵人(猴为什么是龙的贵人)若即若离是什么意思(女人对你若即若离是什么意思)谍战深海之惊蛰张离结局是什么张离喜欢谁满天星怎么修剪被国家点表扬的六大明星胡歌杨紫上榜,靳东还登上新闻联播碗状面膜好用吗碗状面膜使用测评

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界