食品设计文摘2019年7月

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



模式和最佳做法


用户Inyerface-最差实践的UI实验


在实践中,巧妙的网站显示出许多界面错误。 如何不使用熟悉的模式并破坏用户习惯。



大规模的黑暗模式-11K购物网站抓取的发现


在线商店中深色图案的强大探索。 监狱大学和芝加哥大学研究了11000个地点,并估计了问题发生的频率。



弹出窗口:10个有问题的趋势和替代方法


尼尔森/诺曼集团(Nielsen / Norman Group)最高评价的安娜·卡利(Anna Kaley)使用弹出窗口可帮助避免做出错误的决定。 这是一个繁重的界面模式,会打断用户的工作,因此您需要非常小心地进行操作。



真正好的电子邮件2.0


好的邮件列表模式的集合已更新。 它们被分类为易于导航。



UX对键盘辅助功能的改进


亚伦·珀尔曼网络研讨会,为残疾人士改善键盘导航

启发性的设计决策:紧迫事项


安迪·克拉克(Andy Clarke)继续进行一系列实验,并在网络上刊登了有趣的杂志。



Trello用户入门-启发您的7种策略


解析新界面以在Trello中结识新用户。

设计系统和准则


什么是数据可视化样式准则?


艾米·塞萨尔(Amy Cesal)概述了描述设计系统中的数据可视化的示例示例,并简要介绍了准则。



Microsoft Fluent设计2.0


Microsoft已更新其Fluent设计系统。 它涵盖Windows,Web,Android和iOS(顺便说一下,适用于Sketch和Figma的模板)。 团队的几句话



新芽社会设计系统的历史


Chase McCoy讨论了Sprout Social设计系统的历史及其当前功能。

白标-将设计系统交到用户手中


Mike Fix谈论了他的令牌方法。 仓库

EVA设计系统


Angular上的现成设计系统,可以对其进行定制以满足您的需求。 它带有用于Sketch的调色板和模板生成器



正确设计设计系统


Shopify的Koen Vendrik讨论了使设计系统主题化的方法,以及它们如何将这些功能逐步整合到Polaris中。

使用主题UI在React中进行样式指南驱动的开发


Mitch Gavan在React上使用皮肤的概述。



扩展原子设计


布拉德·弗罗斯特(Brad Frost)反思了他的“原子设计”概念的发展方向以及为什么他只为特定任务进行任何更改。



洛纳大厦(101)


Devin Abbott展示了他如何使用用于设计系统的实验性Lona框架创建自己的网站。



我们如何使用UI Kit主题通过CSS变量与SCSS成为朋友


来自Skyeng的Vitaly Evtekhov谈到了公司设计系统中颜色的变量。



使用基于组件的设计如何帮助我们更快地构建


Twitter的Katie Sievert和Jon Koon谈论了公司的设计系统。



Airbnb支持动态类型


Noah Martin和Airbnb的Hugo Ahlberg讨论了该公司如何在iOS中支持动态字体。 他们使用自己的Cereal字体,这比标准解决方案难得多。

用户理解


世代相传-医疗保健中的UX


Eliana Stein和Barbara Gulten讨论了医院工作人员的界面问题。 他们并不总是具有良好的设备经验,他们经常使用普通的计算机。

新的界面设计工具


素描56


使用一组对象改进工作,直接在布局上(而不是在替代面板中)替换符号中的文本,并进行较小的界面改进。



团队的Beta版 :具有整个工作组的管理功能的云中的常规工作区(现在可以将布局保存在此处)。 每位用户每月$ 8.25(免费观看)。 到目前为止,只有最基本的功能(注释和版本),但后来会出现Zeplin的类似物,即项目中的布局组织,API。

外挂程式


  • Envato Elements :Envato已启动了其模板集合。 有一个插件可以简化目录的使用。
  • Anima 4 :将代码导出到React,并允许您自定义结果语法。 它还将通过flexbox进行布局。


Adobe XD


6月7月更新。 改进了插件,原型和Jira的工作。

Artboard Studio 2.0


在新版本中,存在关于布局的共同工作。

Figma的插件


现在目录中有数十种内容:元素内的自动缩进和布局的组织,内容的填充,原型制作和动画以及其他有用的实用程序。 对开发人员 最有趣的 文档 的概述



Figma的创建者Dylan Field进行了访谈 ,介绍了该乐器的历史,团队的形式以及未来的计划。

有用的材料



梅森


基于React组件库的网站构建器,可以在可视编辑器中对其进行更改。 复习

轻轻松松


促销网站的另一位设计师。

话剧


PaintCode的创建者提供的新通用设计工具。 这套功能是相当标准的-我们绘制布局,制作交互式原型并丰富动画。



成帧器


从团队反应前端动画库

记录画面


一种用于从浏览器录制视频的简单服务。

关联


Beta已出现作者的视频审查


豌豆


浏览器中的免费图像编辑器。 打开一堆格式-PSD,Sketch,Adobe XD,RAW等。 与创作者一起进行AMA

Adobe壁画


iPad上的插图画家应用程序源自原型Project Gemini 。 重在重现真实油漆行为的画笔。



可打印的模型


在纸上草绘界面的另一个模板。

用户研究和分析


使用哪种UX研究方法


俄罗斯天然气工业股份公司的Elena Borodina描述了一个用于选择定制研究方法的强大框架。 她从最近的经验中带来了三个项目,并展示了决策的逻辑。 完整版



2019年基本UX研究工具地图


用于准备和进行用户研究以及使用用户面试服务的结果的工具图。



PURE方法如何以100年的人为因素研究为基础


杰夫·萨罗(Jeff Sauro)描述了评估PURE接口的方法的历史,从科学的劳动组织到GOMS以及更现代的方法。

别人呢? 可用性研究报告基准


Rolf Molich分析了下一个常规实验,比较了不同UX专家的方法。 16个团队在Ryanair网站上进行了可用性测试,并撰写了一份报告,概述了其结果中存在的问题。 本文研究了它们的一般性和差异性。 原来的



同时三角剖分:混合用户研究和数据科学方法


Spotify的Colette Kolenda和Kristie Savage展示了该公司如何结合定制研究方法和分析方法来回答复杂问题。



形成性vs. 总结性评估


Nielsen / Norman Group的Alita Joyce解释了形成性和总结性用户研究之间的区别。 本文提供了研究问题及其与这些类别的相关性的良好示例。

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


了解iOS的SwiftUI 13


Meng To的设计师SwiftUI课程。

新脚本



设计管理和设计运维


成长为设计经理集合


向Playbook社区的设计经理介绍了一系列提示。 行业中经验丰富的人员回答有关团队管理和流程构建的常见问题。



设计运算101


Kate Kaplan介绍了Nielsen / Norman Group的DesignOps框架。 设计经理和团队在三个方面的合理分组重点是团队本身的组织,工作效率和产品的消耗。



对UX管理器的需求不断增长


Jared Spool正确地注意到了对设计经理的不断增长的需求。 公司正在招聘越来越多的设计师,因此您需要将他们正确地整合到产品工作中,并帮助他们获得聆听和有效的声音,以教会产品经理与他们进行正确的互动。 越来越多的古典业务公司,例如银行和电信公司,正在内部创建设计团队,尽管这些任务以前是外包的。

运行远程一对一-最佳实践和模板


来自Miro的Egor Korobeinikov提供了有关在分布式团队中举行一对一会议的提示。 他在Miro中提供了模板,以捕获讨论主题和结果。



梦之队:我们如何缓解紧张情绪并使人们团结在一起


DocDoc的Ivan Solovyov描述了在不同级别同步团队的方法-不同格式的例会。



优先考虑设计评论,第1部分


罗克韦尔自动化的乔纳森·沃尔特(Jonathan Walter)参加定期的产品设计评论会议。

团队互动


远程UX工作-NN / g案例研究


Nielsen / Norman Group的Kate Moran提供了有关组织UX团队的远程工作的提示。 该公司成立以来的所有年头都没有办公室。

点投票-UX中的一种简单的决策和优先级排序技术


Nielsen / Norman Group的Sarah Gibbons描述了一种通过点投票来从各种选择中选出想法的方法。

远程构想:同步与同步 异步的


Nielsen / Norman Group的Aurora Harley和Kate Moran描述了一种同步和异步方法来与远程团队一起产生想法。

方法,程序,标准


d。学校公共图书馆


来自d.school的结构化的明智设计思想库。



案例


Uber如何为世界其他地方设计其Lite应用程序


为互联网速度慢和电话薄弱的国家/地区创建Uber应用程序的简化版本的故事。 他们拒绝了该卡并重建了产品的工作,似乎没有它就不可能了。 笔译



Twitter新设计的内幕


关于Twitter重新设计的故事始于几年前。

为什么Health中的可视化无法正常工作


Lena Dorogenskaya讨论了Vizydrop健康跟踪服务的仪表板的设计。 他们如何放弃无用的数字来跟踪关键趋势。

故事


Amazon.com的20年间隔拍摄(1999-2019)


在20年内更改Amazon界面。

Adobe Photoshop设计历史的29年


所有版本的Adobe Photoshop的界面概述。



发展趋势


市场统计


2019第二季度


全球计算机销售增长 -1.5%

2019上半年


全球智能手表供应量增长 -48%

2018年


Yandex智能音箱市场份额
(中欧和东欧)-14%

语音介面


亚马逊Echo Show 5评论


Amazon Echo Show 5界面概述。

设计新的UX概念以减少驾驶员分心


雷诺设计师管理汽车多媒体和导航功能的概念。 这是拇指下方的两个触摸板,而不是物理按钮。

Yandex。汽车设计流程


瓦西里·谢尔盖夫(Vasily Sergeev)详细介绍了Yandex.Auto汽车接口的设计,设计和测试过程,该接口已在市场上的许多模型和汽车共享中使用。



汽车接口



我们可折叠的未来有点晚了,没关系


第一批商业柔性电话开了一个错误的开始。 三星已经推迟了Galaxy Fold的发布( 尽管评论称赞用例,但存在很多技术问题 ),其他制造商也不急。

虚拟和增强现实



用于一般和专业发展


大多数设计师忽略的一项关键技能


Atlassian的Alastair Simpson建议设计师向零售商学习,以介绍他们的解决方案。 它描述了良好设计保护的关键阶段。

业内人士和公司


我学到的联合创始人运球


Dribbble联合创始人Dan Cederholm撰写的20条秘诀讲述了Dribbble的创建故事。

公司购物



会议记录


2019 DesignOps全球会议


会议于5月30日至6月1日在曼彻斯特举行。 这是第七届数字产品设计管理会议(更确切地说,第六届-LXConference已闭幕)。 组织者发布了表演录像带

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

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


All Articles