PMbook移动设计

移动设计第1课:如何设计好移动表单

2015-03-01  本文已影响700人  s2dongman申悦

本文来源于一本书《Mobile Design Book》,是在浏览每日新产品时发现的,当在其网站注册了邮箱后,就会每2天发送1个课程邮件,内容摘抄自书中的章节。在此特意进行整理和翻译,留存学习。

OKcupid

What could a dating app possibly know about filing out form?

还有什么比一款约会APP更能知道如何填写表格?

Forms -OKCupid is a free online dating app. It offers opportunities for friendship and networking in addition to dating.

表单——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 that forms are taboo; 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 through its minimal design; 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 this long form coherent; 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 an answer is missing; 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 for anyone to fill out; 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时,是否应该重视表单设计的方案?重视表单设计有多重要?

上一篇下一篇

猜你喜欢

热点阅读