食品设计文摘,2018年9月

自2009年以来,该摘要一直在收集有关界面设计以及工具,模式,案例和历史故事的新文章。 我会仔细过滤大量订阅,以便您可以提升专业技能并更好地解决工作任务。 上一期: 2010年4月至2018年8月

模式和最佳做法


在UX中正确使用动画的终极指南


关于使用Taras Skytskyi的界面动画的最聪明的提醒。 他观察使用数字产品时的实际情况,而不是古典动画世界中的抽象定律,而所有这些都带有说明性示例。 笔译



动作设计不必太难


Google的Jonas Naimark向您展示了前端动画的基本方法。 电容式地出差。

让我们做吧! 如何撰写更好的号召性用语


Deliveroo Rachel McConnell在界面中为按钮编写好名字的技巧



深色图案和其他手机设计禁忌


很好地概述了Suzanne Scacca中深色图案的类型。

移动登录方法帮助中国用户避免密码障碍


Nielsen / Norman Group的Chenxinyi和Yusuan(Tammy)Zhou描述了在中国移动应用中通过QR码或一次性代码进行快速授权的方法。

让您的移动网站为2018假期做好准备


Suzanne Scacca提供了有关准备度假销售移动网站的技巧。

如何在电子商务网站上显示税款,费用和运输费用


Nielsen / Norman Group的Kim Flaherty提供了有关在网上商店购买商品时及时提及额外付款的提示。 这家商店不仅有打乱当前销售的风险,而且会永久阻止买家退货。

表单字段的可用性:避免多列布局(13%弄错了)


Edward Scott用多列字段形式描述了问题。 用户丢失线程并跳过它们。

设计更好的渐变


MatthäusNiedoba正在使用Cinema4D界面,并提供有关实现滑块以调整渐变的技巧。

设计系统和准则


iPhone XS,XS Max和XR模板


苹果宣布推出新的iPhone XS,XS Max和XR手机。 虽然伤心地看到整个世界uporolsya和即食腐殖质匙(屏幕带有“砰”的一声,损害风景模式,成为一种常态),为他们设计并没有被取消。

在开始的第一天,我们设法生成了许多模板来提交布局:
Lstore的 iPhone XS和XS Max, Apply PixelsVirgil PanaPixeden
iPhone XR由Apply PixelsPixeden提供

新手机的分辨率和屏幕密度在官方指南中。 最重要的是:
iPhone XS-1125px×2436px(5.8英寸,@ 3x)
iPhone XS Max-1242px×2688px(6.5英寸,@ 3x)
iPhone XR-828px×1792px(6.1英寸,@ 2x)

Apple网站上提供了适用于Sketch,Adobe XD,Photoshop和Keynote的当前UI套件

奖励:本杰明·梅奥(Benjamin Mayo)介绍了在MacOS上运行的iOS应用程序的第一个版本存在的问题



作为第三方应用程序平台的Apple Watch并不那么受欢迎(甚至没有很快找到新鲜的模板),但是它们在第4代中以更大的屏幕显示,并且在新的watchOS 5上更改了表盘( 评论 )。 他们还努力争取无框。 屏幕尺寸

44mm-368px×448px
40mm-324px×394px



总的来说,是时候更新产品组合了,事实是您就像陈旧的iPhone X
PS如何编写-Xs或XS? 显然,下标大写XS甚至在Apple准则中仍然不同,因此我们正在等待安装。

发布设计系统


Nathan Curtis系列文章中有关更新设计系统的过程。 如何构建发布周期不同级别的版本控制 (组件库,组件本身,设计模板和令牌), 推出新版本以及从何处开始。



彩盒


Lyft的设计团队为其设计系统创建了一个功能强大的调色板生成器,该生成器提供了灵活性,但同时具有算法可预测性并支持足够的对比度。 Kevyn Arnott谈论了它是如何创建的



Awesome Reactnative UI-Awesome React Native UI组件每周更新一次


ReactNative上的大量组件。

设计系统实例


金融时报
探索教育

Google Wear操作系统


对Wear OS进行了很好的回顾,并附带了界面截图

用户理解


建立更好的反馈回路的实用手册


NomNom电子书,介绍如何使用不同渠道的用户反馈并将其转化为产品见解。

进步-要完成的工作的核心


艾伦·克莱门特(Alan Klement)再次解释了为什么“进步”的概念是“待完成的工作”方法的关键。

改变UX中的失明-定义


Nielsen / Norman Group的Raluca Budiu描述了盲目改变的心理原理。 有了它,您可以更好地了解界面元素。

界面画面的设计


反应原型


实验工具可帮助将Sketch布局转换为React上的组件。 它有助于将屏幕分解为单独的模式,每个模式都可以具有嵌套和行为逻辑。



成帧器


产品剩余测试版 。 并且Modou Lo列出了当前版本中最原始的位置
Dropbox的Zach Johnston汇集了一些可以处理真实数据的示例。

Adobe XD


九月更新 。 通过适应性调整大小,拼写检查,改进原型和动画。

详细分析了Prototypr出版物以及使用外部内容的说明

草图52 (测试版)


他们承诺将改善界面和深色主题。 最重要的是简化具有可变属性的字符的工作,因此相同的颜色重新定义将减少拐杖。 乔恩·摩尔(Jon Moore)欣喜若狂, 更详细地描述了这种新方法 。 同时也暗示了简化实际数据到布局中的插入。



插件和文章


6Spiral :允许您绘制螺旋。

视觉检查器涂鸦 :设计师和前端作家的协作。

沃尔维斯(Walvis)的Travis Folck谈到设计团队的草图库

原则4.0


编辑器和动画功能方面的许多改进。

预告片


Mac应用程序可通过杂货店促销视频的界面来帮助进行视频工作。 视频工作

清洁模拟


在设备中有效显示界面屏幕的另一项服务。

倾向发布者


该公司推出了竞争对手InDesign-逐渐将其从Adobe产品系列中剔除。 测试版已经可用,并且到目前为止是免费的。 视频演示

阿尔瓦


产品已发布Beta版。 与FramerX一样,它也被以正确的方式囚禁在设计系统中-设计人员使用React组件的可视化表示,而不是普通的UI Kit。

徽标实验室


该工具有助于针对数字产品和印刷中的不同表示优化徽标。

木偶


另一个原型制作和动画工具。 它看起来很平均,仅导入PSD和SVG,但您可以添加到堆中。


奇迹


支持导入由Sketch内部功能制作的原型

Axure RP 9


Beta已可以试用。 您可以从Sketch导入布局。

用户研究与测试,分析


如何招募用户研究


O'Reilly于2016年底出版了David Farkas和Brad Nunnally的UX研究 。 他们出版了该书的第7章,专门为用户研究寻找答复者。



实践中的定量UX研究


尼尔森/诺曼小组(Nielsen / Norman Group)对读者进行了一项有关他们使用的定量研究方法的调查。 选择是有限的,但是结果仍然很有趣。

为什么您的A / B测试花费比他们更长的时间


Oleg Yakubenkov展示了如何更改用户样本以进行A / B测试,并因此简化了获得可靠结果的过程。

4类调查问题


Jeff Sauro关于用户问卷调查的主要问题类型的备忘。



想要善解人意的领导者吗? 带他们到源头


一组定制的Facebook研究人员讨论了一种使公司经理沉浸在用户生活中的方法。 他们组织前往不同城市和国家的旅行,使他们沉浸在环境中,以更好地了解听众。

案例研究:将软件开发技术应用于可用性测试


Hossein Raspberry讨论了对可用性测试方法,其中或多或少有经验的用户可以共同解决方案。 结果,在他们的互动中,经验之间的差距更加清晰可见。

观察在用户研究中的作用


Jim Ross关于涉及用户监视的用户研究类型的备忘录。

解读SUS分数的5种方法


杰夫·萨罗(Jeff Sauro)提供了几种解释SUS指标的方法,这些方法将裸机数字转换为清晰的类别(包括与NPS相关的类别)。

浏览器中的可视化编程和设计


新脚本


具有对角线过渡的壮观画廊动画的脚本

悬停在链接上的异常影响的示例

在网络上使用颜色


建议的CSS颜色模块第4级中的颜色调整规范使您可以控制用户设备上颜色的显示 -通常浏览器自己决定如何显示颜色

用户体验策略与管理


设计运维


DesignOps上的UXmatters列中,Jennifer Fabrizi(旅行者),Leo Frishberg(家得宝报价中心),Pabini Gabriel-Petit(UXmatters)和Tobias Komischke(霍尼韦尔)在此发表了他们的见解。

法国兴业银行的Morgane Peng谈合作,约束和混乱


彭定Morgan(Morgane Peng)谈及法国兴业银行(Societe Generale Bank)的设计团队如何运作。

如何保持零碎


Josh Saito讨论了Dropbox Paper设计团队的最佳实践和团队合作,以帮助他们保持健康。

为设计师设计场所


IBM的Arin Bhowmick谈到了为设计师创建创意空间以及与产品团队进行共同设计会议的话题。

评估您的研究运营成熟度


戴夫·马洛夫(Dave Malouf)对定制成熟度和公司研究进行了反思。

Google首席执行官Sundar Pichai如何看待设计和隐私


对Google Sundar Pichai负责人的简短采访,其中详细介绍了该公司的设计设备。 不厚,但对掌舵人有用。

团队互动


声码


添加了对Adobe Illustrator的支持 (采用Figma和InVision Studio的方法),并打开了它们的SDK 。 他们在使用不同工具的模型方面积累了丰富的经验,并制定了包含所有可能工具数据的通用格式

花栗鼠


该服务有望帮助团队存储工作布局和其他设计资源。

摘要


工具站点已得到认真更新。

产品管理和分析


比较研究正确


克里斯蒂娜·沃特克(Christina Wodtke)很好地描述了在开始产品开发之前对竞争对手进行基准测试的不同方法。

方法,程序,标准


企业设计理念


InVision Design Sprint电子书。 由理查德·班菲尔德(Richard Banfield) 发表 ,他已经出版了有关该主题的书

如何一次运行13个设计Sprint-《纽约时报》的“内部制造商周”


杰克·纳普(Jake Knapp)为《纽约时报》进行了元设计冲刺。 作为公司年度黑客马拉松的一部分,有13个团队同时使用方法论解决了他们的任务。

奖励: 有用的一个关于卡丁车实验室的设计冲刺的故事

案例


取消装箱铬


汉娜·李(Hannah Lee)谈到了重新设计Chrome浏览器的计划,以在市场上投放十年。 有关使用顶面板的视觉设计(尤其是地址栏)的细微差别,但要足够细致地理解产品复杂性的规模,对此有些笑容地说:“那么该怎么办。”

奖励: 采访Alex Ainslie关于重新设计Google Chrome浏览器



发展趋势


市场统计(2018年上半年)


20亿台iOS设备

算法设计


AI的日常伦理


IBM的Adam Cutler,MilenaPribić和Lawrence Humphrey已经为一般具有人工智能的界面和产品的创建者准备了道德规范。 作者的公告



为什么喜欢生成艺术?


杰森·贝利(Jason Bailey)讨论了从抽象艺术家到神经网络的生成艺术的历史。

语音介面


智能助手的悖论:可用性差,采用率高


凯思琳·怀特顿(Kathryn Whitenton)和拉卢卡(Raluca Budiu)继续讲述尼尔森(Nielsen)/诺曼集团(Norman Group)对语音助手的研究。 一个有趣的悖论-尽管用户描述了使用它们时遇到的许多问题,但总的来说,他们通常会感到满意。 主要原因之一是用户本身限制了可预测智能助手的用例范围。



Google助手现在可以一次理解两种语言


Google助理学会了同时理解两种语言。

我学到的5种ARKit原型


一系列基于Nathan Gitter的Apple ARKit的增强现实概念。

为什么Apple的3D Touch失败了?


Juan J. Ramirez撰写了有关iPhone中的3D Touch问题的信息,该问题已从新的Xr模型中删除。 开发人员对这项技术反应迟钝,并且从人体工程学的角度来看,存在很多问题。

用于一般和专业发展


FakeClients-生成Fake Design客户摘要


该服务从不存在的客户那里提供设计方面的培训任务,以帮助新手设计师。



InVision内部设计


InVision大力更新了博客,所有有用信息的整体变得更加明显。

我如何开设咖啡店以及为什么每个设计师都应该尝试


Danil Mekhanoshin开设了咖啡店和漫画书店,因此他从另一方面着眼于情况-对于设计师而言,了解日常业务问题以供聆听非常有用。

业内人士和公司


设计破坏者


现在可以在线获取InVision的纪录片。

思科设计社区


思科设计团队博客。

会议记录


设计海报


Tatyana Smirnova领导Telegram的@mosdesign频道,宣布在莫斯科举行的有关设计的会议,大会和其他活动。 例如,这里是10月临近的9月的海报。 许多开始类似的收藏,但最终消失了。 我本人想在摘要中这样做,但是我花了太多时间。 我希望Tanya有足够的耐心

奖励:11月5日,我将参加Design Line在线密集课程问答环节 。 组成还包括创意人,ONY,红领,Agima,品牌研究生院等。

FacebookVKontakteTelegram通过邮件 订阅摘要 ,每周都会出现新链接。 感谢共享此组中链接的每个人,尤其是根纳迪·德拉贡(Nennady Dragun),帕维尔·斯克里普金(Pavel Skripkin),德米特里·波德鲁兹尼(Dmitry Podluzhny),安东·阿特莫夫(Anton Artemov),丹尼斯·埃夫雷莫夫(Denis Efremov),阿列克谢·科皮洛夫(Alexei Kopylov),塔拉斯·布里兹茨基(Taras Brizitsky),叶夫根尼·索科洛夫(Evgeny Sokolov)和安东·奥莱尼克(Anton Oleinik)。

Source: https://habr.com/ru/post/zh-CN424935/


All Articles