UI & UX微提示:第12辑
在创建高效、可访问且美观的 UI时，只需进行最小的调整即可改进您的设计。在这篇后续文章中，我为您带来了另一种易于实践的 UI 和 UX 小技巧。可以毫不费力地帮助改善您的设计和用户体验的提示。
单选按钮还是下拉菜单
涉及到产品列表时，在显示产品的提供时使用的最佳输入选择可能会有些混乱。
单选按钮与下拉菜单。 斗争！
电商的屏幕真实e状态非常紧张，避开了最关键的部分；用户的信息过载，只需用户单选按钮大约四个或更少的选项，以及更多(4+)，与下拉菜单一起使用。
尽量避免黑色阴影
在彩色画布上处理元素时，尽量避免黑色阴影，如果可以的话，让事情变得更加真实。
在现实世界中，如果您将一个元素放置在彩色背景之上，那么该元素投射的阴影将有一些背景颜色渗出。
所以要避免那些看起来很假的阴影，并在混合中加入一点背景颜色，让事情看起来更有说服力。
深色主题设计时永远不要选择纯黑或纯白
正如我在之前的一组技巧中提到的，在创建深色主题设计时永远不要选择纯黑色，因为它会影响许多用户的可用性。尽可能软化黑色。
每当您决定将白色元素添加到深色设计中时，都适用类似的规则。
如果您的白色是纯白色，它们可能会与深色主题元素相映成趣，并导致视觉体验不佳，因此请软化这些白色并降低它们的对比度，以便为用户提供更轻松的视觉体验。
最好的图像以正确的方式展示您的产品
出色的字体和出色的图像是出色产品展示的基石，并且始终值得您给予他们尽可能多的爱。
您可以拥有最好的文本内容，并提供无可挑剔的类型选择，但如果您的产品图像与它并排放置很糟糕，事情可能会很快变得平淡无奇。
使用您能找到的最佳照片并以完美的方式展示您的产品。
不要仅依靠颜色来传达表单中的错误状态
涉及到表单的可访问性时，不要仅仅依靠颜色来向用户传达不同的状态。
例如，对于Error states，如果您只交流颜色问题，那么患有某种形式的色盲的人可能会完全错过这一点。这不酷。
始终尝试结合图标和某种形式的错误消息来帮助辅助功能，并且不要让许多用户对正在传达给他们的问题一无所知。
使用示例值改进表单的用户体验
事实证明，在表单字段中使用占位符副本会增加表单转换并改善用户体验……如果以正确的方式完成。
但。您可以更进一步……示例值。
与其只选择“输入您的电子邮件”之类的占位符副本，不如提供一个真实的示例，即；'hello@marcandrew.me'，以改善用户体验，并按预期方式使用占位符。
我希望通过这个简短的技巧集，您已经意识到对您的设计进行最小的调整可以为您自己和您的用户带来更好的最终结果。
作者：Marc Andrew 封面摄影：Shubham Dhage / Unsplash
相关传送门
相关文章
本页面最后更新于 2022年01月17日 11:14
