移动设计第1课：如何设计好移动表单 - 简书
<div class="fixed-btn note-fixed-download" data-toggle="popover" data-placement="left" data-html="true" data-trigger="hover" data-content=''>
写了76056字，被310人关注，获得了374个喜欢
移动设计第1课：如何设计好移动表单
本文来源于一本书《》，是在浏览每日新产品时发现的，当在其网站注册了邮箱后，就会每2天发送1个课程邮件，内容摘抄自书中的章节。在此特意进行整理和翻译，留存学习。
What could a dating app possibly know about filing out form?还有什么比一款约会APP更能知道如何填写表格？Chapter 8: Forms -OKCupid is a free online dating app. It offers opportunities for friendship and networking in addition to dating.第8章：表单——OKCupid是一款免费在线约会APP。这款APP提供社交网络和网络约会的功能。When filling out a dating profile there is a lot of information you usually have to input about yourself. OKCupid makes this a little easier for you. Under your profile details page you have the typical fields like how tall are you, what’s your religion and if you like dogs, cats or both. We all know
they are the black sheep of the internet. However, there are some things you can do to make filling them out easier. The more effortless a form is to fill out the higher success rate of it being completed.在填写约会清单时，你通常需要输入关于你自己的大量信息。OKCupid会让这一切变得更简单。在你的个人详情页，你会面对一些常见填写项，比如你多高，你的宗教信仰以及你是否喜欢猫猫狗狗。我们都知道表单是一种（设计）禁忌；是互联网的害群之马。但是，你可以做很多事情来让这一切更容易。写表单写的越轻松，其完成正确率就会更高。In OKCupid’s case, all of their fields are actually select fields making filling it out much easier for you. The app requires you to pick an answer out of pre-made choices rather than think of one. This takes the cognitive load off from the user, making the form filling easier. The form in itself is aesthetic throug it uses subtle shades of gray, good typography and makes good use of whitespace and iconography. The form has it’s own design compared to using the default iOS form design.、在OKCupid的例子中，所有的表单项都是选择菜单，这样就能使你填写变得更容易。这款APP会让你从预设的选项中进行选择，而不是空想。这样就能减少用户在认知方面的负担，从而让表单填写更容易。表单本身由于其简约的设计而具有美感；从设计上，它采用了细微的灰色投影，良好的排版，以及对留白和图标的充分利用。和iOS默认的表单设计相比，它有它自己的设计风格。Because the form looks good, it’s more inviting for users to fill out. The consistent UI makes thi the visual design doesn’t overwhelm. There is a simple and light icon by every field to indicate it’s editable. When you haven’t picked an answer there is just a dash to let you know
it’s a great way to show it. All of the text is thin weight making the text easy to handle as well. It’s a long form, but an easy one to digest.因为表单看起来好看，就有更多用户愿意填写。风格一致的UI元素让表单看起来整齐；视觉设计也不会喧宾夺主。每个表单项都有简单且明亮的图标来表示它可编辑。如果你有个答案没选，就会出现一条短线告诉你有答案没写，用这种显示方式效果很好。所有的文本都是细体字，这样也会让文本更易于识别。表单很长，但也易于理解。Take away:Forms are tedious fo make it easier for the user by giving your forms a clean style.总结：表单填写对每个人来说都是乏味的；采用一种干净整洁的风格设计表单，会让用户用起来更容易。Do you think the experience of a form should be something to take into an account when designing an app? How important could it possibly be?你认为在设计一款APP时，是否应该重视表单设计的方案？重视表单设计有多重要？
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
移动产品设计
· 14697人关注
产品经理的读书笔记
· 11308人關注
· 1420人关注
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
选择支付方式：如何设计表格_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
格式 文档名称 用户评分 浏览量 下载量2013年 总版技术专家分年内排行榜第二
2014年8月 总版技术专家分月排行榜第一2014年7月 总版技术专家分月排行榜第一2014年6月 总版技术专家分月排行榜第一2014年5月 总版技术专家分月排行榜第一2014年4月 总版技术专家分月排行榜第一2014年3月 总版技术专家分月排行榜第一2014年1月 总版技术专家分月排行榜第一2013年12月 总版技术专家分月排行榜第一
2013年 总版技术专家分年内排行榜第二
2014年8月 总版技术专家分月排行榜第一2014年7月 总版技术专家分月排行榜第一2014年6月 总版技术专家分月排行榜第一2014年5月 总版技术专家分月排行榜第一2014年4月 总版技术专家分月排行榜第一2014年3月 总版技术专家分月排行榜第一2014年1月 总版技术专家分月排行榜第一2013年12月 总版技术专家分月排行榜第一
本帖子已过去太久远了，不再提供回复功能。}