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

移动设备的表单设计

9月13日 凉夕夏投稿
  移动设备的表单设计相比桌面受到很多限制:屏幕小、网络慢、输入困难等。因此在设计移动应用和网站时,应尽量减少表单的数量。同时如果某些地方确需要用户输入,应多尝试让他们通过点击选择,比如多选项、复选框、选择菜单、列表等,替代易用性差的文本框。
  限制往往能带来创新,移动表单也不例外。移动设备的局限促使开发人员和设计师寻找更好的方式提供快捷和易用的输入方式。这些领域的创新反过又被应用于桌面互联网,和更广泛的领域。
  下面我们来看一些成功的创新:
  1。放大输入框
  问题:鉴于移动设备的屏幕过小,用户很难看清并及时纠正输入过程中的错误
  解决:当用户选中表单的输入框后,系统将表单的输入框放大至整个屏幕,方便用户看清输入的内容
  2。隐藏密码
  很多表单涉及到输入密码,为防止其他人偷窥,表单设计通常自动把输入的密码变为号。这个设计表面上确保了安全,却带来可用性问题:输入密码时如果你的视线不小心移开了一下,就得重新输入。
  Iphone的设计:当你输入密码时,并不立即变为号,而是停留1、2秒之后,让你可以看到输入的内容。
  btw:关于这个被广泛采用的设计,可用性大师Nielsen似乎不以为然,大师说:
  提供及时反馈和当前状态指示是基本的可用性准则,隐藏密码的设计导致用户更容易犯错误
  3。弹出菜单控件
  下拉框是比较难用的输入类型之一,首先你得点击菜单打开它通过长长的列表找到目标移动光标到目标上点击它。
  Web上的解决方案是:当你浏览下拉框里的列表项时,光标一直跟随,光标离开时,下拉框关闭。即使有经验的互联网用户,也常常会丢失目标,重新来一次。对移动设备的交互来说,这更是个挑战,我们需要寻找新的方式。
  看看Iphone的设计:用户点击菜单后,屏幕下方出现列表,你可以通过触摸操作中的拖拽、轻弹、推,控制滚动列表的速度,找到目标,为方便点击,目标也被设计地很大。
  4。复合菜单
  弹出菜单控件同样可以应用到复合菜单。比如选择年、月、日时,我们可以把3个下拉菜单合并在一个区域完成。
  Google的Android系统也使用了复合菜单,不同于Iphone的基于触摸,它使用了可见的界面元素,通过“”“”定位。
  5。本机输入控件
  除了复合菜单,各种操作系统还为开发者提供了其他定制的输入控件,滑块、评分、对合按钮都可以让用户更容易地输入。
  6。旋转界面
  现实生活中,人们使用手机时,可以竖向,也可以横向,移动表单也可以根据屏幕空间的不同调整。Google的Android操作系统发邮件功能正是这样设计:
  竖向时,屏幕显示3个输入框,和一些动作按钮。横向时,email的输入框被放大,屏幕只留下右侧的一个按钮,最大限度地利用了空间。
  7。语音输入
  Google推出的Nexusone手机更先进,它允许用户在任何地方使用语音输入,用户可以通过内置的虚拟键盘切换输入模式,彻底解决了手持设备的输入难题。
  下面是一段演示视频,Google对中文语音的支持已经很强大:
投诉 评论 转载

体验vs功能:漂亮的UI未必最好如果想要你的产品更易用,优秀的用户界面(UI)必不可少,但注意,绝不要在交互上陷入过深(译者:这句翻译得似乎不好)。优秀的UI隐于幕后,让内容走上前台正是所谓的大道无为。……表格的UI交互模式指南许多人都认同这样一个现象:表格虽然是用户界面设计中的一个重要部分,但是它们却经常会被忽视。表格应该显示让用户更易读,更易扫视,更易比较的结构化数据,但在很多情况下,表格数据却显……交互设计的类型与难点广义的交互设计,包括人与人之间发生的事情,比如你去一个店里消费,营业员给你拿物品找钱等;人与物发生的事情,你去试用一些(PMC)便携消费电子产品产生的一些交互过程;以及物与物或……以用户为中心的“精于心,简于型”在我们做互联网产品开发和设计的时候,大多数人都认为应该把用户放在一个重要的位置。但我们往往会讨论该如何做到以用户为中心。当我听到这么六个字:“精于心,简于型”的时候,似乎……移动设备的表单设计移动设备的表单设计相比桌面受到很多限制:屏幕小、网络慢、输入困难等。因此在设计移动应用和网站时,应尽量减少表单的数量。同时如果某些地方确需要用户输入,应多尝试让他们通过点击选择……产品经理实用工具【9】用例设计Staruml上回讲了一篇用例设计RationalRose,不过还是因为以下问题很多产品朋友没法装,一需要破解,二、需要安装汉化版、三几百M的文件下载传输都有问题,所以忍着带宽传了几个朋友就……高雅的极简设计极简主义(Minimalism),又可称为“MinimalArt”,作为对抽象表现主义的反动而走向极至,以最原初的物自身或形式展示于观者面前为表现方式,意图消弥作者借着作品对观……如何设计一个用户为中心的Web应用程序本篇文章记录了NearbyTweets改版的完整设计过程。Web开发者和商家期望借此获取些灵感。用户则更有兴趣找寻这些设计中所蕴藏的东西。当然,我希望能在文章结尾了解到你的想法……网站:粘住用户还是让用户离开?如果你使用Friendfeed和Facebook,并且同时关注BretTylor,你可能会发现一件有意思的事情。BretTylor是Friendfeed的创始人之一,在2……优使性设计养成专栏从需求层级来看优使性原文为繁体,转载时翻译为简体,传送门:原文关于优使性,我们最常听到的解释可能是好用、易用(easeofuse)、可用,然而,以好用来定义优使性似乎有些不足(用可用作为解释……关于用户体验的十大误解当我告诉别人我是一名用户体验设计师时,对方往往一脸茫然,我接着会尝试着告诉他我的工作是让东西使用起来更简单和愉悦。这种情形总是重复出现,虽然我一再解释,但是没有任何用。关……10条关于界面设计可用性的启发译序:这篇文章是可用性大师JakobNielsen在10年前总结的,到今天仍然受用。通过这个时间跨度,可以得出,可用性话题不是某个时代的产物,一些研究经验时至今日也依……
微信里的“授权”到底是几个意思?环保行业“在线监测”产品的设计套路工作复盘:从四大角色带你了解H5制作流程共享单车APP需要增加导航功能吗?全面解析:电子合同电子签名原理与产品设计思路9天封闭式开发,敏捷开发的实践经历如何基于自然语言,优化美团外卖客服机器人产品?怎样才算写了一份好的产品说明书?如何用峰终定律设计你的体验?一个脑洞:用户DIY的APP社交产品方法论(二):体验一款产品的正确姿势在设计强业务导向型产品的消息推送功能时,应该考虑的问题有哪些
关于晨乌克兰与欧亚联盟战略关系分析韩信简介为什么你投资越理越穷?11月2日华为将带来美学新体验,全新华为PocketS长在你简述越南公职人员财产申报制度修高压线拆迁房怎么赔偿?房屋拆迁怎么维权热传聚热点网 芬兰城堡值得去吗温暖一刻犯罪者信息公开侵犯其名誉权?腾讯应用宝怎么赚钱?直接就能领取QQ现金红包是真是假12。2今日足球竞彩推荐世界杯四串一赛事分析比分预测

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