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

移动端Cell栏表单设计问题汇总

9月9日 喵小咪投稿
  表单是用户用来获取服务的重要输入工具,也是收集UGC的重要入口,更是用户与服务商交互的重要途径,主要交互过程:用户输入、编辑数据,提交给系统,系统给予相关的反馈和提示,设计过程中需要注意以下事项:
  表单分组
  表单的输入项要根据业务规则划分好组,把同一类或相关的内容放在一组,减少用户认知和思考;
  比如LinkedIn,把个人基本信息、工作经历、教育背景、技能专长都各自进行了分组,QQ的个人设置也根据内容相关性进行了分组:
  设置默认选项
  为某些输入项提供比较贴心的默认值(默认值需要能满足大部分用户的需求)。
  比如团购产品选择地点的时候,默认值为当前的城市,携程订酒店的时间默认值就是从今天到明天:
  给用户的格式要求
  输入项有格式要求的,用户输入前提示用户,不能等用户输入完提交时才让用户知道有格式要求。
  很多产品注册时,在用户填完所有信息提交时,才提示用户密码格式不对,需要数字和字母的组合,在用户填写的时候却没任何提示,尽量在用户输入前提示用户格式要求、选填或必填。下图是免拨注册和applesotre账号信息页面,在用户输入前就提示了密码的格式要求和选填必填:
  错误提示
  错误需要及时提示,不能等提交表单时再一一提示,否则很容易挑战用户的耐心。
  例如免拨创建名片的表单,手机号码位数不对时,焦点离开号码输入框的时候立刻将号码变红,提示用户号码输入有问题:
  输入焦点和键盘
  进入表单填写页面时,可以把输入焦点自动放入第一个输入项,同时弹出输入键盘,让用户少点击一步,要注意:如果表单页面的内容较多且下面的内容比较重要时,不能自动弹出输入键盘,以防输入键盘挡住下面的内容。
  随着表单项往下一个个填的时候,已填写的表单项要自动往上移,确保焦点所在的输入项的输入框一定不会被输入键盘挡住。
  注意几点细节:
  手机号码344分开,方便用户阅读;
  输入邮箱时,提供后缀选择,减少用户输入;
  输入地点,提供当前位置和热点城市供用户选择;
  焦点在输入框内且框内有内容的时候,输入框右侧提供删除按钮,可一键删除框内所有内容;
  匹配和识别
  输入键盘自动根据输入类型匹配,比如输入电话号码,那么焦点移入该输入框时自动把键盘切换为数字键盘,以减少用户手动操作次数;在填写表单的非最后一项时,点击输入键盘右下角的return、换行时,可以自行切换到下一个输入项。
  比如IOS原生通讯录添加新联系人时,点击键盘右下角的return和换行都会自动切换到下一输入项:
  尽量减少页面的跳转
  能在一个页面完成的尽量不要再跳转新页面;如果编辑的时候跳转新页面编辑,那一定要在编辑前的页面可以看到设置值。下图的两种性别设置方法,个人更喜好第一种,因为第一种减少了页面的跳转,降低了用户的认知:
  微信和来往的个人信息的每项都是跳转新页面编辑的,但是在总页面上就能看到设置值
  二次确认
  表单填到一半,点击返回或退出最好能有二次对话框确认。
  键盘输入始终是移动端的痛点之一,好不容易才完成几项内容的填写,不小心点了后退或退出就白忙活了,加上使用环境的影响(比如在公交车上、地铁上),误操作概率更大,所以如果表单填到一半退出,一定要二次对话框确认,如果什么都没填退出,则不需要二次确认了。
投诉 评论 转载

如何用编程思维快速完成产品设计?舒舟(阿里巴巴1688事业部):人们普遍认为,流程和工具不重要,重要的是想法和思路。话虽如此,不过我认为流程和工具也能反映一个设计师的设计态度以及个人思维方式。那些愿意折腾愿意……骨相、肉相、皮相,APP设计之道现在我们手机里的APP已然成为了我们的生活,玩的多了,我们也越加发现一个APP也是有骨、有肉、有皮的生命。很多都在谈体验,谈手感,那么一个APP的好坏体验到底是什么?这种感觉上……相册的逆袭:Qzone5。5动画诞生记腾讯ISUX推荐:还记得当年Qzone5。0的宣传动画吗?没错,就是去年年底发布的很酷炫的动画短片,也正是通过它,让大家对5。0有了一个全新的认识。友情附赠5。0动画的地址:http……大学生兼职APP的竞品分析一、入选产品:二、入选条件分析:分析总结:大学生兼职市场还没有霸主出现,是一块有待开发的领域。这些APP能够获得风投,除了兼职特色服务之外,团队成员背景也占一部分原……移动端Cell栏表单设计问题汇总表单是用户用来获取服务的重要输入工具,也是收集UGC的重要入口,更是用户与服务商交互的重要途径,主要交互过程:用户输入、编辑数据,提交给系统,系统给予相关的反馈和提示,设计过程……实习期间做交互设计的一些总结最近在实习过程中接触到了一些设计方面的工作,在这期间自己也读了一些设计相关的书,这篇文章我把这段时间学到的关于交互设计的一些东西总结一下和大家分享。在现实工作中,其实也很……QQ空间App产品体验报告目录:1。0体验环境2。0产品介绍3。0用户分析3。1用户特征3。2用户数量4。0产品设计4。1功能结构4。2界面设计5。……强悍的纽约设计师妹子教你App设计四大原则设计最有趣的地方在于它的通用性,不论是音乐、建筑还是工业,设计的规则大同小异。今天这篇文章来自纽约的产品设计师妹子Melissa,她从建筑系毕业之后并未从事她的本职工作,201……ZAKER产品体验报告相关信息体验版本:ZAKER6。1。1设备型号:小米3操作系统:MIUI5。1。16开发版目录产品定位和方向需求分析信息架构功能……后台设计(二):联运后台项目小结东东推荐:上次后台设计第一篇文章阅读量非常高,证明关于后台设计的文章比较稀缺。干货继续来,这是作者的关于后台设计的第二篇文章,各位看官请笑纳。两个月下来,第一期的联运后台……猫眼电影、格瓦拉、时光网APP竞品分析概览竞品选择14年国内在线电影票务市场份额前四名中,除微信电影外,选择了猫眼、格瓦拉、时光网作竞品分析。市场份额猫眼16。87、格瓦拉6。75、时光网3……互联网积分体系设计互联网积分随处可见,比如天猫的积分体系,京东的京豆体系、各大论坛的签到、回帖、评论的积分体系以及现在移动互联网的APP也出现了积分体系积分商城。目前接触的好几个APP都出……
为什么数据化运营如此重要?王者匠心:真正的创新归于对人性的探索初创团队的精细化分析和GrowthHackingQQ第一位产品经理吴宵光:腾讯17年发展史上的14个关键点【小雪带你逛起点】起点学院5月杭州站迎来大神苏杰一款互联网产品诞生的前世今生【小雪带你逛起点】起点学院5月深圳站现场回顾如何成为一名O2O产品经理如何管理你的时间产品经理应该纠正的八个问题经济学家许小年批驳互联网思维,预言大部分P2P公司会失败唯品会产品体验报告
百病皆由痰作祟!痰湿体质要如何调养呢?肾气不足的表现症状有哪些?去痘印最有效的偏方小费用抹去痘痕烦恼教师教学总结Win10怎么安装SUSELinux子系统Win10安装SU不动产担保具结书怎么写?如何正确使用扫描仪?12星座的爱情语录清雅居士知命知运之后要如何改善命运拒缴社会抚养费的后果是什么?我国民间传统中的五大保家仙家是哪五个?排行顺序是怎样的?豆角灰斑病如何防治?

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