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

论APP发布状态左上角的按钮命名及其背后逻辑关系

2月10日 满月族投稿
  一个APP在发状态的时候其左上角按钮到底应该是取消呢,还是返回呢?还是,或还是其他?这不是一个很重大很要命的问题,但是它也不仅仅只是一个按钮的问题,不同的模式其底层的本质不同。
  这个问题之前我也一直忽略,我们自己的不约App当时直觉的就直接用了,没多余的想法,就是其他都是按钮形态,如果以一个取消文字来代替,跟其他页面设计样式有冲突。后面迭代的时候App已经变化很大了,现如今的一个版本重新整理了一下按钮及其逻辑,跟设计还有开发多次沟通过后发现我们的也是需要做点改变了。
  嗯,废话结束,进入正题。
  在设计发状态时候左上角的按钮命名时候首先要弄清楚自己产品的页面逻辑关系,然后可以去多看看目前的主流产品都是如何处理的,再结合自身的情况做适当的调整。
  碰到这个问题后,不要只凭直觉“我觉得它应该是一个什么什么”,先去调研调研再说,看看主流APP的设计都有那些模式,思考一下别人为什么要那样做,用着是不是很顺心没有交互障碍。
  下午通过研究若干个APP之后发现现如今主流的模式有这么几种:
  取消微信、微博、QQ空间、QQ邮箱、LOFT、赤兔等
  人人、nice、脉脉、知乎等
  返回备忘录、in等
  关闭简书等
  总共研究了13款我手机装的APP,大概也覆盖了目前的主流应用,我们来做个小诊断,看看他们都是什么样的,为什么要那样弄。
  模式一:“取消”处理法
  上图为证
  按顺序来,依次为微信、QQ空间、QQ邮箱、LOFT、微博。
  其页面交互为:从底部弹出到,点击“取消”后从顶部下去。
  思考一下他们为什么这么做?
  首先,这几个APP除了LOFT之外他们页面的按钮都是图标文字为主,因此在这里用“取消”符合其他页面的设计原则,同时不会对用户造成困扰。
  其次,打开写状态“取消“不写了,这种交互逻辑是在不影响目前页面的前提下,调出来一个新的页面覆盖在其上,因此用“取消”符合其页面逻辑。
  最后,“取消”是什么意思呢?百度百科解释为:“取消”亦作“取销”。使原有的制度、规章、资格、权利等失去效力。那么在这里其意思符合用户使用场景逻辑,使目前编辑的状态页面失去效力。
  模式二:“”处理法
  上图为证
  按顺序来,依次为人人、nice、脉脉、知乎。
  其页面交互为:从底部弹出到,点击“”后从顶部下去。
  思考一下他们为什么这么做?
  首先跟取消的意思即为接近,给用户的感受偏向于“不要了“的意思,因此在这种编辑状态场景下符合逻辑。
  其次,使用的APP除了考虑使用场景逻辑问题,还有一个很重要的问题就是设计统一原则问题,这些APP各个页面都以纯粹的图标为按钮,因此在这个页面使用图标““是对设计原则的遵循。
  最后,一个““多简单明了啊,只要其他逻辑原则不冲突,首选,我懂你懂大家懂。
  PS,其实单纯的图标对小白用户的使用还是有一些压力的,这也是为什么腾讯系的产品绝大部分都是图标文字模式,虽然啰嗦,但有人家的深层考量,纯粹的追求设计的简洁容易做出自己一个人或是对互联网产品有高度认知度的小众用户的产品,最终无法推广到大众用户。
  模式三:“返回”处理法
  上图为证
  按顺序来,依次为in、备忘录。
  其页面交互为:从右侧出来,点击“返回”后又回到右侧。
  思考一下他们为什么这么做?
  首先,这个返回包含的比较多,不仅是单独的一个返回图标,还有返回图标返回文字,另外还有返回图标上一个页面的标题等,但这种设计模式目前依然小众,翻了很多APP,最终只有in和苹果备忘录两个APP。
  In的返回逻辑比较容易理解,在此页面之前还有两个编辑图片的页面,他们都是一个样式,右上角为返回,用户可以一步步走下去,最终也可以一步步返回去,假如中途出什么差错,不用重新来过,返回修改就OK,对用户的使用是一个减压。
  备忘录的逻辑怎么说呢,我还是没太搞明白,路过的大神求赐教()
  模式四:“关闭”处理法
  上图为证
  上图为【简书】大拿
  其页面交互为:从底部弹出到,点击“关闭”后从顶部下去。
  思考一下他们为什么这么做?
  记得还有几个APP也是关闭处理法,不过今天没怎么找到,或许是他们迭代已经更改了,目前就一个简书还是这样。
  个人理解,关闭是一个很程序的词汇,常为程序猿专用词汇,或许简书的产品经理是开发转入?我瞎猜而已(),简书的小伙伴们求考证
  第二,关闭百度百科解释有两层意思:1指门闩,后泛指防御性的设施。指心情,意思是关闭自己不想与外界有任何联系。而简书是一个写文章的APP,它这里不是状态,是文章,因此使用“关闭“这个词汇相对于”取消“似乎更适合一些,我在写东西,写着写着不想写了,那我关闭就好了,在简书上写东西是为了让别人看到,那么我不想写了就是不想跟外界发生任何联系,那么我就关闭,或是私密保存,或是放弃编辑。
  应该还有其他的设计模式,但毕竟不是主流,用户也比较难接受。
  综上,在一个发状态的页面其左上角的图标到底应该怎样设计?
  其实我们需要考虑这么两个因素就够了:
  第一:你的APP受众人群是哪些?是部分互联网高认知的用户呢?还是普罗大众?
  这也是为什么腾讯系的产品大部都是图标文字的设计样式原因。他们面对的是十数亿的普罗大众,比如我老妈她知道取消是什么意思,但是对于就不知道了,不敢点了。另外国外的主流产品大部分都是纯图标的,这跟其互联网普及也有关,国民已经熟悉简洁的互联网规则了,所以无需累赘加文字解释;但国内尤其是中西部已经农村地区,大家刚刚开始接触互联网,需要一个认知的过程;
  考虑了第一个因素后就考虑第二个因素:你的APP其他页面按钮是如何设计的?如果是纯图标,那么请在这里保持一致,一个解决所有事;如果不是纯图标,那就需要相应的调整来做统一了。
投诉 评论 转载

网页设计师该向印刷设计学习的3件事了解这3条经典原则,能帮助你创造更好、更易懂的网页设计。许多经典原则,例如那些字体设计原则,在线上仍然有效。图片由PeterVanLancker提供,《为人眼进行网页UI……以用户为中心的一体化新产品开发综合途径一、背景伴随着科技的发达,人们对于自己生活中的方方面面都开始有要求。也急切需要一个可以帮助人们解决问题的产品孵出。从传统行业的实实在在的可视实物,到今天的互联网虚拟实物。……案例分析数据如何指导产品设计两年之前,那时我刚开始做产品,当需要做数据分析时,我总是一头雾水,完全不知道该如何下手。我想做好,我真的非常想做好,可我却真的不知道该怎么做。经过这两年大大小小项目的不断锤炼,……从业一年产品新人对自己亲身经历的一点看法:大既是小一个宏伟的目标需要一个准确并且坚定执行的切入点,如果一味的追求大的可能,往往大即是小我刚来公司的时候公司正面临向移动端的转移,从传统的游戏电商PC端转移到移动端。这……那些被滥用的国外App交互设计,你用过没?一直以来,国外在产品设计,尤其是交互设计方面,一直属于领先状态,经常会有一些操作起来比较惊艳的App进入我们的视野。比如私密社交AppPath、Todo工具AppClear等。……如何打造一款开发者喜爱的产品在我们所处的这个互联网时代,总有一些创想家们在试图改变着世界,让人们的生活变得更加高效,更有质量。“开放”、“拥抱”是互联网人的标签,更是产品人的特征,开放心态,拥抱变化。……微信运动:抓住用户的小九九,一个都别跑“生命在于运动”,你觉得是我傻还是咋地,我会不知道吗,可是我太忙了,根本没时间(工作日)我太忙了,根本没时间(周末)我太累了我还有其他重要的事要做,运动……满足需求也是死?谈谈社交产品的生命衰减周期和对策近段时间以来,互联网迎来寒冬,而首当其冲的便是社交产品。曾几何时,这个领域曾是千帆竞发、高手云集,然而几年下来真正打下江山的屈指可数。这其中最可怕的,便是生命衰减周期的加速,任……用APP的设计思路去策划微信产品,一个字“死”!最近一个正在创业的朋友,叫我帮忙给他们现做的产品把把关。说实话,我不是什么资深大牛,也不是BAT名门出身。把关谈不上,只能说是帮忙提点个人的看法。这位朋友想做的事情很简单……论APP发布状态左上角的按钮命名及其背后逻辑关系一个APP在发状态的时候其左上角按钮到底应该是取消呢,还是返回呢?还是,或还是其他?这不是一个很重大很要命的问题,但是它也不仅仅只是一个按钮的问题,不同的模式其底层的本质不同。……产品设计实践尝试对iOS原生相册的小改进紧赶慢赶,还是没能赶在ios9更新之前写完这篇文章。但同时也欣喜能在“加入专门的截图相册”和“下滑手势返回相册”这两点上能碰巧与苹果的想法不谋而合。针对新的ios9,下文……产品设计第一步:学会”感觉”普通心理学理论在产品心理学中的应用。今儿我们从人的信息加工之“感觉”说起,目的是从最基本的心理学现象揭开产品设计中的那些小门道儿!(纳尼,原来要这么做产品!)不说废话,直接开搞……
如何利用门户系统,解决企业内部信息混乱问题?一份超详细的UI设计规范全攻略过去的未来:成为用户体验设计师设计师必读:掌握微文案设计,高效提升产品转化电商站内搜索体系搭建(1)构造一个支持精准推送的电视传媒投放系统web系统中,导入功能的设计要点基于淘宝APP改进建议的原型图设计产品经理如何解决“SaaS性能差”问题?案例解析:从国航APP改版,看航司APP用户体验全流程深度定APP改版笔记:颜色篇倒推拼多多产品需求文档
刘昊然女朋友是谁不是谭松韵和欧阳娜娜而是她培养战略思维的三个要素领导如何培养战略思维?存放漂白粉需要注意什么求查别人手机通话清单查询的高手(求查别人手机通话清单查询)数据管理初创Collibra融资1亿美元谷歌母公司领投中国古代的免死金牌其实是必死金牌中老年保健知识(九)林大宝是谁?原著庆余年大宝真实身份及结局疫情期间房租纠纷起诉时应该递交哪些材料狗猫鼠的主要内容是什么简介明星离婚官宣文案千千万万,一个比一个有看头海尔空调不制热怎么回事海尔空调不制热原因及解决办法

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