面向界面设计师的用户体验检查表

640 阅读5分钟

鉴于网络已经变得如此复杂,在大的发布之前,很容易忽视一些细小的细节。而且,有时很难挑选出正确的技术或策略来解决一个特定的问题。这就是设计清单可以帮助的地方--有一些新的清单,你可能也会觉得很有帮助。

检查表设计

核对表设计是一个不断增长的最佳设计实践的集合,所有这些都聚集在一个单一的地方。你会发现几乎所有的东西,从独立页面的检查表到元素和流程,以及主题和品牌。一个由George Hatzis创建的整洁的小资源。

设计系统检查表

设计系统检查表是一个开源的检查表,用于规划、建立和发展设计系统。它包括了设计语言、设计标记、核心组件、工具和项目管理等方面需要记住的东西的基础。由来自reshaped的优秀人士创建和维护的,非常漂亮。另外,你可能也想看看《设计系统手册》,你可以下载Figma的设计系统检查表

无障碍设施非核对表

Accessibility Not-Checklist是一份详尽的可及性指南,其要点按主题和成功标准分组,并附有WCAG 2.0和WCAG 2.1的过滤器和最佳实践建议。你可以按主题和角色对清单进行分类。这是一个由intopia的优秀人员提供的奇妙工具。

A11y项目检查表

A11y项目检查表是另一个非常彻底的无障碍检查表,它深入到所有的细节,从表格和控件到视频、音频和动画。它还链接到WCAG的具体部分,在每一个单独的部分都有进一步的例子和指南。很好!

设计系统检查表 Trello模板

你和你的团队正在进行设计系统的工作?Trello的设计系统检查表模板是一个很好的例子,说明了如何组织你的工作,并使每个人都在同一页面上。即使你不是Trello的用户,这个模板也提供了一些有价值的想法,让你在从事这样一个巨大的项目时,可以创建自己的事情清单。

英国政府设计系统组件(Figma)

Gov.UK背后的可爱团队发布了一个为英国政府服务设计的完整的风格和组件集合。在设计过程中,团队对组件的设计进行了测试和验证,我们可以用它们来探索我们在设计中也许还没有考虑的状态或条件

如果你想在本地安装所有的组件,你还可以查看GOV.UK原型套件,以及GOV.UK设计系统来探索如何在原型设计中使用样式和组件。

复杂表格用户体验树

Slava Shestopalov在他的《架构复杂的表格》一文中,探讨了如何设计和架构高级表格--有一个非常全面的表格树检查表,包括所有那些经常被遗忘或忽略的精细细节。

用户体验项目工具检查表

UX Recipe是一个有用的小工具,可以为你的项目发现和选择一些用户体验项目的工具和技术。它还允许你估计完成工作所需的时间。所有的工具都被分成了几组,如果你点击标签,你会发现每个类别都有很多有用的资源。由Alecsandru Grigoriu创建和维护。

用户体验研究方法流程图

你如何选择最适合你的用户体验研究方法?至少有20种流行的方法,Norman-Nielsen集团的一个方便的用户体验研究方法流程图帮助你找到正确的方法。

它提供了一个常见策略的概述,分为行为、态度、定性和定量方法。一旦你知道了你所追求的洞察力,你就可以使用该图表来挑选你的策略

表格设计用户体验检查表

在网络表格设计方面,当问到一个特定的问题时,要找出恰如其分的组件可能是相当困难的。Lyft背后的团队创建了一个流程图,使设计师(和非设计师一样)更容易为他们的表单做决定。

在一篇关于表单选择模式的文章中,Runi Goswami描述了该团队在设计一个分段控制时经历的挣扎,以及他们最后是如何得到表单选择控制流程图的结果。

设计系统组件的决策树

设计系统往往有各种不同的味道。当然会有基本的组件、颜色、排版和间距,但往往也有更复杂的组件、使用指南、可访问性考虑和实时预览。此外,Workday Canvas设计系统还包括决定使用什么组件的流程图,其中有设计者和非设计者可以遵循的结果实例,以做出决定。

交互设计检查表

Aaron Legaspi和Amit Jakhu创建的IxD检查表帮助我们形成对交互的更好理解。每当你在构建某种交互时--无论是控件、导航还是整个界面--你都可以用这个检查表来评估你的设计是否符合负担能力、简单性、结构、一致性、可及性、容忍度和反馈,以确保它对每个人来说都是容易使用的。

奖励:文本-时间线工具

标记时。Text-to-Timeline是一个令人难以置信的 生成时间线的小工具,例如用于项目规划或生活时间表你写下标记性的文字,它就会被转换成一个漂亮的层叠式时间线。也可以作为VS代码扩展使用。

这就结束了

如果你正在寻找更多像这样的精品,我们在过去几年中发表了一些带有检查表的用户体验指南,所以请随时继续在那里进行探索。祝大家核对清单愉快!