探探和 Linkedin 都在用的卡片计划，奈何才给你好的体验？
|
下图是一个回收基于卡片计划的用户界面示例。留意中间的卡片，它的题目首要是由于大量内容过多，以至于难以阅读。
图片来历：Piotr Adam Kwiatkowski 5. 插手动画和动效动画假如运用得好，可以大大晋升用户体验。其可以辅佐用户在基于卡片的界面中更好地定位，并成立差异卡片状态之间的视觉关联。 视觉提醒视觉提醒辅佐用户更好地相识怎样与界面举办交互。当必要向用户展示某些详细成果怎样操纵时，它就显得颇为有效了。
展示导航成果的提醒。图片来历：Barthelemy Chalvet 视觉反馈视觉反馈在界面计划中相等重要，由于它能直接和用户的天然祈望相干联。 在实际糊口中，各类物品凡是城市对我们的举动作出回响，这也是公共习觉得常的反馈。好比电脑的开关按钮，当你按下开要害时，你可以感觉到按钮被按下的力气反馈，同时尚有声音反馈。 在电脑端，你可以通过「悬停结果」来表现相干元素的交互举动。悬停动画可以增进成果的可发明性，同时，也行使户体验越发风趣。
在卡片中插手悬停动画。图片来历：uxpin 行使悬停结果还可以激活更多选项。下图中，光标悬停后，用户可以举办颜色标志、回覆、转发或删除当前信息。
图片来历：Roman Shkolny 放大放大可以泛起从原图到细节视图的过渡：用户选中卡片就可以直接看到相干具体信息。不外要留意，要确认让用户感受他们仍在沟通配景框架下举办交互。
动画可以将缩略图和细节视图相干联。图片来历：Charles Patterson 竣事语卡片是界面计划规模创新型新元素。它不只仅是一张卡片，它照旧缔造优质内容和计划最佳用户体验最机动的机关方法之一。 感谢! 作者 | Nick Babich 软件工程师，存眷UI和UX。 翻译 | Jorri 题图来自 Pexels 原文链接 Best Practices for Cards，已获原作者授权翻译。 （编辑：厦门网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
