杏彩杏耀注册网站
当前位置: 首页 > 新闻动态 >

如何设计长期的移动终端?

文章出处:杏彩杏耀 │ 发表时间:2017-10-27 18:25 我要分享

 
基于业务需求(通常在B端产品中),有时用户在操作过程中不可避免地需要填写许多表单。对于移动端长形,我们应该如何正确地设计它?
本文的概述:


 
1 .工作三大计划
 
对于长形式的设计,根据不同的设计思路,可以分为三个主要的程序,如下:
 
 
主程序1:我们共同的设计表单,一个显示所有形式信息的界面。
 
主程序2:在不同的界面层次上放置不同的分组表单,用户填写并返回。
 
主程序3:一步一步,一个接口完成一组表单内容,点击下一步进入下一组表单。
 
2的设计讨论。主要方案1
 
主要方案1的设计优缺点
 
优点:接口将显示所有形式的信息,如果你想要找到一些填充信息变得容易,相对于主程序2和3,减少页面跳转操作和视图。
 
缺点:基于接口的移动终端接口的弱容量将会显示,用户浏览和一次性操作压力,容易操作失败,导致成功率大大降低。
 
针对主方案1,用户完成表单后,提交按钮有3个主要的设计方法,一个是提交按钮,最后一个是导航栏上的submit按钮。另一个是submit按钮被挂在底部。

 
场景1,如果提交按钮被放置在表单上,那么用户的视觉流和操作感觉是一致的、平滑的和自然的。但是会有一个问题,当用户输入信息时,键盘调用会被阻塞提交按钮。Android手机上的输入法可以点击输入法上的按钮来按下键盘。而iOS原生输入法不能被推下,只需点击其他非编辑区域就可以按下键盘。这可能有点麻烦,用户可能会忽略提交按钮。
 
方案1.1解决了提交按钮被键盘阻塞的缺陷,但视频流和操作行为是无序的。用户输入屏幕底部后,视觉和手指返回到顶部操作。
 
方案1.2,在悬挂底部提交按钮,解决1.1视觉流程和操作障碍问题,解决1个提交按钮隐藏问题,但当输入文本,弹出键盘时,仍将被阻塞。

 
在场景中使用底部悬挂按钮是操作按钮非常重要,如手机淘宝立即购买并加入购物车。
 
此外,底部的悬挂按钮不适合于文本操作类。例如,本文的长格式文本输入。当输入文本和键盘时,它仍然会被阻塞。
 
底部悬挂按钮适用于非文本输入场景。从手机淘宝、新浪、微博上可以看到,适合于非文字输入的界面,提供功能入口或界面非文本输入选择信息的确认。
关于3的设计讨论。主要方案2
 
主要方案2的设计优缺点
 
优点:与主方案3相比,在切换到视图信息之前,不同的数据包形式是方便快捷的。应用程序的首页是简洁的,所有的信息都隐藏到下一个层次。
 
缺点:前后跳转,操作负荷较大,用户将围绕光晕。

 
在scheme 2用户中完成数据包,而不填充包包无法区分2,scheme优化,如完成,将会有完整的标签,提示用户已经完成并未完成的不同状态(如2.1)
论4的设计。

 

更多