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

【译文】移动应用界面设计7宗罪

8月28日 寒霜坞投稿
  本文是移动原型工具Proto。io的设计团队8月份在自家博客上发表的一篇“软文”,通过与移动设计界大牛们的对话,帮助大家了解在进行移动设计时应该特别注意的禁忌,顺便推了一下Proto这个工具。大家可以回顾一下自己团队的应用正在触犯哪些禁忌,想必会有点意思。读完本文,相信你能找到优化自家移动应用设计的方向。
  规则就是用来打破的?这完全取决于规则本身。在移动应用界面设计(后续简称:移动设计)的世界里,大家对美学、手势和动效的看法略有不同。有时一个简单的功能性应用比华丽的应用带来的效果更好,而有时候却恰恰相反。
  不过,有些基本规则是人们不愿意去打破的。如果你的移动设计使得用户无法顺利触达关键功能,这显然是行不通的。假使你的文字字号过小导致没人能顺利完成阅读,那么你得回炉重做。浅色背景搭配白色文字?重来吧。
  我们试图了解优秀的设计师们心目当中移动设计的7宗罪是什么。经过垂询三组设计专家,我们得到了三个略有区别的结果,看看你是否能从其中找到一致的地方呢。
  来自AKTA的意见
  AlyssaBurke与MacyNguyen是AKTA(一个数字体验咨询公司)的设计师,俩人都曾为财富500强的公司以及迅速增长的创业公司效力,参与过原生移动设计项目,为某些机构的顶级项目贡献设计输出。以下是他们认为无法接受的移动设计7宗罪:
  1、忽略上下文情境。
  目标用户的个人档案(年龄、生活习惯、技术潜能等)与他们的物理环境(室内室外,在线离线,早晨晚上等)会影响许多设计决策。移动设计师应该在迭代流程中充分考虑上下文因素,以降低可用性不足的风险。即使拥有平滑的过渡转场、光滑的按钮和美丽的字体,一些应用也会因为整体界面设计不符合特定用户场景(深色界面用于户外场景:糟糕的移动设计)而失去成名机会。
  2、闭门造车。
  设计和开发数字产品是一项需要团队协作的工作。即使有项目成员(开发、新人、极客、狂热者、朋友、陌生人、你的哥们儿和设计师潮人)对具体项目内容完全不了解,将设计工作及早并及时推广到整个项目周期中的不同角色之间也是非常关键的。我们需要让他们了解到必要的上下文信息,并持续保持相关信息互通。与其在发布后修复问题,不如在项目进程早期预留调整空间。
  3、怠慢开发人员
  程序员和工程师(以及偶尔酗酒的码农)不仅是你的同伴,而且是技术先导。他们除了知道哪些能够在现实中奏效之外,还能够如你设想的那般确保你的想法得到完美落地。有些移动设计在技术上行不通,有些或许可行,但这些都需要很多努力或时间在项目中验证。如果不问你或许永远无法确定能否做到。在项目交付时,开发人员会把你的设计成果实现出来,此刻,他们可能很欣赏你,也可能很讨厌你。
  4、低估动效设计
  随着物联网逐步成熟,数字界面在人们与周围真实世界的互动中扮演了更重要的角色,界面设计的这一部分需要被设计师更加慎重的对待。人类拥有与生而来的本能,从所处环境的变化中得到不同的感知与反应。使用合理的界面动效是一种呈现优先级和重要内容的有效方式。在某些情形下的恰当运用,甚至能够引发用户的愉悦。有兴趣的读者可以了解下迪斯尼动画的12项基本法则。
  5、字号太小
  比起纸质内容,人们在手机屏幕上进行阅读的精确度和深入度略有不足。正如移动设计拇指触控规则所定义,数字界面的字号最少应该两倍于印刷字号。不同情形适用不同的字体和设置,尤其当用户试图在移动设备上完成多类任务时。为了避免字号太小,还需要优先考虑按钮形状、图片及交互等界面元素对整体体验有何影响。
  6、忽略触控目标
  许多移动设计师仍然对用户手指大小不同的现状缺乏重视。一旦涉及行动或者任务导向的触控目标,尽可能的使它简单而且容易点击。为老人设计时要考虑触控时的抖动因素,同样为儿童设计时需要考虑点击的不准确性。建议为图形资源周围增加留白区域,以便本质上提升触控面积,帮助提升完成任务的速度。
  7、死抠平台规范
  在Android和iOS平台上统一一套设计方案有一定局限性,也容易对全局体验目标带来副作用。两个平台上有各自用户熟悉的设计模式,设计师不应该只熟悉规范,而应该探索在两个平台上流行的应用。
  来自MoblicoSolutions的意见
  我们同MoblicoSolutions(一家提供移动关系管理方案的企业,其目标是协助品牌“打造更多有意义的移动瞬间”)的一些员工进行了交流,他们不仅为诸多行业客户提供了“如何让他们的移动应用体验更棒”的建议,而且掌握移动设计方面的窍门。以下是他们认为移动设计的7大禁忌:
  1、在用户设备上占用过多容量只为了体现存在感
  当用户收到“磁盘空间不够”的提示时,会马上遍历手机上已经安装的应用并开始选择删除的对象。如果一个移动应用体积很大,占用了过多的容量却并未提供等同的价值会怎么样?后会有期,用户肯定拿你开刀。记得保持应用在体积上足够轻量,这样至少用户不会轻易把你删掉。
  2、在应用启动时及要求允许权限控制(推送、地理位置、摄像头等)
  回想下,有多少次我们兴冲冲的下载一个应用并准备开始使用时,一个对话框立马跳出来扫了兴?我不关心这个对话框描述什么内容,只想马上关掉它并继续使用应用功能。它是啥?好吧,菜鸟应用!
  3、下载后在使用前就要求登录、注册甚至收费
  实际上,这条或许应该排为第一禁忌,很难让人忍受。你能对用户所做最糟糕的事情就是:在他们下载你的应用后告诉他们必须付费才能使用。烂,烂,烂,重要的事情说三遍,赶紧删之。
  4、设计的移动应用界面看起来像网页
  如果这样,还需要移动应用干嘛呢?要说有一件事情可以毁掉一个移动开发者,那就是把网页的体验缩小到移动端并且称之为移动应用。移动应用应该有其具体优势,只提供缩水的网页体验远不能满足用户期望。
  5、粗暴投放广告,或者只提供极难点击的广告关闭按钮
  当你在滚动浏览移动站点时,只是手指不小心长按了某张图片就触发了浏览器广告,这难道不是让人烦躁的事情?偏偏还提供极小的关闭按钮,谁能点得到?想要点击简直跟赌博一样。尝试点击关闭的时候还总是因为手指触控面积较大误触了广告,真是要了命!
  6、消息推送过载
  没错,现在你的应用出现在数百万人的手机屏幕上,它有巨大的影响力。不过,在推送之前请三思,扪心自问:推送是否与用户相关?用户是否真的需要它?当然,你可以在你的移动店铺每次上新时都推送一下,但真的至于么?影响力越大,责任也越大,慎重使用消息推送吧。
  7、移动账号缺乏单点登录支持
  当移动开发者认同并尊重用户不愿意重复劳动的想法时,最好的体验才可能产生。没人愿意为你的应用重新登录一次。我们得接受单点登录的现行趋势,Facebook在这点上非常成功,继续加油吧。
  来自Ideaware的意见
  AndresMax是数字创新机构Ideaware(致力于帮助创业团队和财富500强的公司打造有竞争力的移动应用)的创始人。在创建Ideaware之前,Max是Mashable设计团队的负责人。经历过为众多行业巨头设计移动产品之后,Max对移动设计7宗罪有自己深刻的见解:
  1、用户点击后无反馈
  看在上帝的份上,当用户在你的应用中进行点击后请给予及时的反馈吧,否则用户会以为你的应用挂了,并且马上退出。
  2、无休止的引导
  如果使用自己的手机,我只想快速完成相关任务。别问我各种问题或者让我填写乱七八糟的内容。
  3、触控热区尺寸不对
  请停止把按钮和输入框做的太小,这不是网页。我的手指需要轻松触及行动按钮,而不是要进行精确到像素级的点击。
  4、使用古怪的导航模式
  想让用户可以快速熟悉你的应用?那就不要以自己独特的方式来组织导航。Apple的人机交互规范和Google的设计指南就是最好的参照标准。导航设计方面别引入争议,从而给潜在用户一个卸载应用的理由。
  5、选取糟糕的配色色系
  给眼睛一些休息的空间,你不必采用黄黑色文本那样的出挑配色。
  6、留白
  移动应用需要很多留白空间,把各种视觉元素进行区分,按钮得加大处理,所有一切都依靠留白来提供视觉缓冲。移动端首屏的概念没有网页那么夸张,所以切忌把所有东西都塞到首屏当中。
  7、无休止的推送
  为了上帝,请不要每天推送20条消息给用户了。用户在收到几条推送后,就会深深的感觉到想要卸载应用的那股冲动。
  你心目中的移动设计7宗罪是什么呢?
  尽管不同设计师心目中的7宗罪不尽相同,我们依然可以看到不少相似点和共识。最重要的两条是:
  除非确有必要,避免推送消息;
  通过使用符合习惯与直觉的导航,以及提供其当尺寸的视觉元素,让你的移动设计具备可用性。
  我们还能想到的一条是:忽略数字原型。在原型设计阶段能够发现很多移动设计问题,以及让它们更具可用性更加出色的宝贵反馈。这也是Proto。io为什么坚持提供强大又易用的原型解决方案的原因。
投诉 评论 转载

设计规范如何写?这20个精选案例让你大开眼界如下为规范汇总页,里面囊括了许多大家熟知品牌的规范。1。BrandStyleGuideExamples从中大致可以总结出规范的分类:品牌类(VI)一般以产品宣……超实用的格式塔原理小科普在界面排版,网页广告设计等视觉传达设计工作中,视觉上的画面琐碎,零散,信息混乱无序总是视觉设计师无可避免的问题。视觉的整体感做不好,会给人不舒服,不协调的心理感受。这些问……微信公众号里八大不能忍受的用户体验首先要说这里写的“微信公众号”不是指微信的公众号服务,而是指企业申请公众号以后企业在公众号里提供服务。说到这点不得不说到国内的手机端web网页的迅猛发展(主要采用HTML……【译文】移动应用界面设计7宗罪本文是移动原型工具Proto。io的设计团队8月份在自家博客上发表的一篇“软文”,通过与移动设计界大牛们的对话,帮助大家了解在进行移动设计时应该特别注意的禁忌,顺便推了一下Pr……交互译文如何合理的在移动应用中使用动效本文是我在SmashingMagazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章,很多词句用的可能不太妥当,在这里给大家作揖了!knockknock……近一年来做的动效设计整理最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块,一是负责公司App和游戏在AppStore及GooglePlay商店的视频创意设计和制作,可参见……iOS9人机界面指南(一):UI设计基础译者注:本文译自苹果官方人机界面指南iOSHumanInterfaceGuidelines(2015年10月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。1。……为什么你越来越爱用那些看起来丑而贱的表情?好奇心研究所的微博(好奇心研究所)和微信公众号(ID:QLab42)全面上线啦,微信直接搜索好奇心研究所就可以订阅,关注与所长亲密接触,赶紧的。为什么我爱用贱贱的表情:……通过设计简化学习过程这可没有听起来那么简单。坦白说,人们往往不会偏离道路去学习一些新东西。研究显示,在美国只有3的成年人会在一天中花时间学习。细想一会儿:尽管我们指尖轻按就能触达所有信息,所……别让这五种错误毁了你的交互设计交互设计从来不易。它需要对用户行为进行深入分析的同时,还要进行细致的计划。尽管新的交互设计不断出现,但并未使它变得更容易一些。如何才能创建令用户满意的使用体验?如果你对交互设计……我对QQ音乐的体验:关于探索音乐的故事。作为一名两年的QQ音乐app用户,当初我使用它的原因在于精美的界面设计和众多高质量的音乐资源。而现在,我每天都有听歌的习惯,这个我常用的软件也成为了不能缺少的部分。我接下来从探……iOS8HumanInterfaceGuidelines精选用了两个星期时间断断续续读完iOS的guidelines英文原版,原文是写得有点啰嗦,所以精选了以下觉得比较重要的点,并加以自己的解释;当然如果你有时间,还是推荐阅读英文原文。……
设计前期:业务项产品,如何做需求分析?产品人性说:怀疑与享乐跨境支付产品:现钞与现汇如何用数据指导设计?为什么好看的产品,要比好用产品更受青睐?那些让你不爽的互联网产品:你可能错怪他们了!如何在UI设计中使用颜色?推荐系统的实践与思考(上篇)产品增长案例:我们在imo上的AB和踩过的坑终极表单设计指南三星OneUI和IOS界面设计哲学(上)交互动效优秀的UI动画设计技巧三体里的水滴为什么如此厉害,微观世界为什么不存在质量?信阳毛尖和安吉白茶哪个好呢民事诉讼怎么抗诉都必需要哪些条件?语文教学计划孙禄堂武学文化网(孙禄堂武学著作大全)怎么在Word2010样式窗口中选择样式印度“失去”苹果,市场真的在滑向低端吗?2012暑期征文永远的西瓜小丑读后感白百何和王珞丹,长相相似境遇不同,其实明争暗斗多年?过期的眼霜可以用来擦脸吗眼霜的正确使用方法做诚信人,办诚信事作文关于论艺术的产业化原文阅读题及答案

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