成都app开发公司遇到多步骤表单怎么处理呢?移动设备的屏幕较小,没有足够的物理空间,无法像网络应用那样显示臃肿的多步骤表单操作向导。一个简便的解决办法是,像 Fring App的注册流程一样,显示当前操作步骤和总步骤数。

如果操作流程很长,就多加几个步骤表单。产品配置器,如 Chipotle 的在线订购模块和 Starbucks 的饮料创建模块,利用上一步和下一步按钮来引导用户。但这种方式忽略了导航设计的基本可用性原则:让用户知道自己在哪里,将要往哪里去(也就是位于第 x 步,总步数为 y 步)。清晰的导航对移动表单尤为重要,因为用户在移动设备使用app时被打断或走神的概率更高。

成都app开发

Fring 应用

app开发表单设计

Chipotle 和 Starbucks 应用

TurboTax 的 SnapTax 应用是个不错的设计,它在一个页面内显示所有步骤和提交按钮。用户可以进入每个步骤完成操作。这种单页显示的方式提供了极具价值的导航信息(整个流程包括 3 个步骤,还有 2 步需要完成),但使得用户在提交表单前需要付出双倍的努力才能检查完它给出的简要总结。

成都app开发

TurboTax 的 Snap Tax 应用

Square 应用在其标题区域显示了一个很有创意的进度指示器,同时显示了总步骤数和用户当前所在的步骤。

app开发表单设计

Square 应用的安装流程

开发app要明确告知用户当前所在的位置和将要去的地方。去掉不必要的输入域,最小化页面和操作步骤的数量。

开发app遇到的另外一种情况是,某些表单可能会需要滚动屏幕才能浏览完。app开发中长表单的最精妙之处在于,它用命令取代了按钮。 Zappos 和 Skype 都在 iOS 版本的应用中采用了模式化的表单,把按钮放在了标题栏内。

成都app开发

长表单: Zappos 和 Skype 应用

这种形式在其他操作系统中都是非标准化形式,但把按钮放在表单的底部也很有效。沿用最好的表单设计经验,遵循特定操作系统的按钮排列顺序和排列准则。Discover Card 应用内的命令按钮和取消按钮拥有不同的视觉效果,但在 iOS 系统中的顺序却错了。 Sam’s Club 应用的按钮顺序是正确的,但按钮看起来长得都差不多,用户必须仔细查看才能作出正确的选择。

app开发表单设计

eBay 的长列表表单和 Gilt 的长核对表单

成都app开发

Discover,设计良好但顺序错误; Sam’s Club,布局正确但设计糟糕

成都正在开发app的公司,不要人为地把表单划分成一些步骤来避免屏幕的滚动。坚决要去掉那些不必要的输入域,遵循特定操作系统中按钮布局的标准将获得更好的用户体验。

评论

电子邮件地址不会被公开。