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

产品经理的UX移动端的输入操作设计

1月1日 火凤派投稿
  UX是Userexperience的缩写,指用户体验,UX设计指以用户体验为中心的设计。UXPlanet(uxplanet。org)上面讨论很多关于移动设计里做好UX的技巧,很多观点都非常具有指导意义。
  一。用户的输入
  在移动端的UX设计有很多挑战,你需要在一个什么有限的屏幕大小下去处理各种输入。因此在设计的时候要能够让用户可以通过非常简单直观的方式去完成输入,并提供给用户完整但简洁的提示。
  1。文本输入框
  文本输入框(TextField)最常用的一种输入方式。一个体验好的文本输入,要能够让用户快速地完成输入,在用户输入时为用户提供帮助、在用户出错的时候要能够让用户明白错在那里。
  用户输入时,要求输入的数据类型应该和当前的键盘相匹配。比如要用户输入手机号码,那么焦点落到输入框时,弹出来的应该数字键盘。这样减少了用户切换键盘的麻烦。
  还有一个提升输入速度的方式那就是自动切换大小写,即首字母为大小,第二个字母开始为小写。这个适用于在英文的输入中,比如输入英文名,或者英文句子的首行。
  提供缺省值和自动完成
  缺省值提示可以帮助用户快速完成输入,这个缺省值可以是用户之前输入过的文本,或者系统提供的一些热门词汇。
  自动完成是在用户输入的过程里,根据用户的输入来给出建议。用户可以通过系统的建议来自动完成输入。当然这依赖于系统建议的精准度。
  输入提示信息
  用户在输入过程中应该给予用户足够多的帮助。这种帮助包括对输入项的解析,以及对输入信息的提示。同时,任何一个标题(Label)都应该是简洁明了的。
  除了常规的在输入框左上角写明Label外,有一种简洁的做法是使用InlineLabel。
  当然这种做法虽然简洁,但不好的地方是当用户开始输入之后,就看不到这个提示内容了。甚至有些用户可能会误认为这已经填写内容了。
  用户FloatingLabel的交互方式可以解决这个问题:
  输入验证
  用户是有可能输入出错的,系统应该给予用户及时的反馈如果我做对了,请让我知道;如果我做错了,告诉我错在那里。
  给予用户的提示不应该中断用户当前的操作。不要用弹出框让用确认的方式,在恰当地位置(比如输入框下面)给出说明即可。
  同时提示也应该有对提示的颜色区分。一般情况下,红色对应错误,绿色对应正确,黄色对应警告。
  而对于有字符数限制的输入,当用户输入超过限制的字符时,还应该红色标记用户输入的字符数和限制字符数。有些系统在处理这个问题的时候,是直接不让用户继续输入,或者只提示用户输入的字符超出限制了,这都是不好的做法,前者让用户摸不着头脑,而后者则需要用户不断尝试减少多少才不超出。
  2。Radio按钮
  Radio按钮用于在用户有多个选项,但用户只能选择其中一个的时候。让用户进行有限选择,而非直接输入的方式,可以比较有效地减少用户输入错误的数据。
  当需要用户进行设置的时候,使用Radio来让用户进行操作是一种比较好的做法。
  在使用Radio的时候,需要注意的几个关键点是:
  选项的排序应该按逻辑排列,不要简单地按字母顺序来排。当然有时候这个也有例外,比如在国家选择里,你要选择中国(China),在按字母顺序排列的选项了用户可以非常快捷地通过定位到“C”开头的选项来找到”China”。
  选项的说明应该简短易懂,这个文案的功夫。
  进行默认选择,以及None选项(在用户可以不选择的情况下)。
  选项垂直排列,不要水平排列。下面这种是糟糕的做法。
  当然这个也不是绝对,但如果你要将选项水平排列的话,选项应该尽可能少,并且可点击的区域足够大,比如下面这种:
  Radio的点击区域要包含整个Radio区域(按键和标签),即右边这种方式:
  不要在选项之下,还有选项。
  你当然也可以用下拉列表做选择选项,但如果选项数量少的时候,用Radio是更好的做法。
  3。Slider滑杆
  滑杆输入其实也是数值输入。当我们对输入精确的数值不那么在意的时候,采用滑杆的方式更加方便、体验更好。
  比如音量的输入,我们当然不在意音量的精确数值是多少,我们在意的是现在的音量是高了还是低了,我们想要调高还是调低。
  当然,如果有时候还需要在调整完毕之后,查看下当前状态的数值,我们可以将对应的数值标示出来。
投诉 评论 转载

用好的交互设计来管理复杂“个人中心”“复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都……Sketch的一些常用技巧谈不上译文,汇总了一些文章当中介绍的tips,包括常用快捷键和一些小技巧。最后一条还蛮亮的,很实用,我怎么没想到这样做。1。“插入”的常用快捷键你在使用Sketch……一个用户体验设计师的转化率优化准则优化,作为一种服务,正变的无处不在。那么,对于通讯公司和专业的优化公司来说这两者有什么区别呢?笔者在理解转化率优化问题的时候碰巧遇到了TomAdams,CodeCompu……走心!优秀的移动端UI应当如何用微交互打磨细节?UI设计的细节很重要,它不仅仅体现在静态的元素上,动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计,微交互和动效设计是绕不开的问题,今天的文章我们……为什么用户会无视网站首页的轮播图?数据显示:在三百万个网站中只有大约1的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率到底怎么回事?个中原因相比会让你大吃一惊。绝大多数轮播……交互设计规范分享:页面信息展示、信息交互和通用组件规范本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比……逐渐兴起的对话式设计,你了解多少?对话式交互将逐渐改变人类的生活和习惯,未来的生活是怎样的正是我们所兴奋和期待的:)对话式交互的崛起计算机从简单的CLI(Commandlineinterface,命……用好的交互设计来管理复杂“筛选器”我们必须按照人们的行为方式来设计,而不是按照我们希望他们应有的行为来设计。好的设计不是让事情变得简单(如果复杂是符合需求的),而是去管理复杂。在《在做交互设计时,你需要知……产品经理的UX移动端的输入操作设计UX是Userexperience的缩写,指用户体验,UX设计指以用户体验为中心的设计。UXPlanet(uxplanet。org)上面讨论很多关于移动设计里做好UX的技巧,很……做好用户体验,掌握这些要素就够(一)我在人人都是产品经理这个平台上,没看到更全面概括原则与思想的文章,所以我想在这系统的说说。考虑到篇幅太长,用户看的可能会比较费劲,所以我会分成几篇文章来讲。有时我们在做用……平面设计中,有哪些简单好用的排版技巧和方法?当两张图片中应用的构成元素都相同,画布尺寸也相同的情况下,排版的好坏就决定你整张图片的质量了,这就好比两个厨师,同样的食材做同一道菜,味道却可能截然不同。一、版式首……不一样的方法论:从迪斯尼动画学到的五大UX设计原则本文作者RebeccaU,成文于她和迪斯尼首席动画师GlenKeane在SXSWpanel合作的一次干货分享之后,文章讨论了UX设计师能从迪斯尼动画……
是什么原因促使中小企业建立自己的企业官网?企业网站建设的几个共同核心要素建立一个公司网站有哪些要求与标准?如何做好医药行业网站建设规划才能缓解医患关系?【企业网站开发】企业移动网站应该如何发展?【想建一个企业网站】成功企业建立网站的必要性家具行业有必要建立自己的网站?【行业网站建设】行业网站建设到底有哪些技巧?企业网站建设的发展与优化应注重网站文章的更新垂直行业门户网站建设能轻松帮助企业实现在线交易中小企业为什么一定要选择专业网站建设企业?企业网站建设面临哪些挑战和困境?

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