设计师必修课:图标按钮设计的12条实用铁律( 二 )


设计师必修课:图标按钮设计的12条实用铁律
文章图片
设计师应与开发团队紧密合作 , 确保按钮与屏幕阅读器协同工作 。 添加role=“button”将使一个元素作为按钮控件出现在屏幕阅读器上 。
09手势应用
【设计师必修课:图标按钮设计的12条实用铁律】手势应用 , 让用户可以通过触摸与应用程序进行交互 。 使用触摸来完成任务 , 不仅提供了触觉控制还非常节约时间 。 某些手势(比如滑动以触发上下文动作、双击或长按来标记喜欢等)每天都被人们广泛使用 , 但对于普通用户而言 , 它们仍然不太明显 , 建议把它们替换给高级用户执行操作 。

设计师必修课:图标按钮设计的12条实用铁律
文章图片
10按钮标签信息易于理解
按钮传达的信息与其外观一样重要 , 错误的信息会让用户感到困惑 , 甚至是误导用户操作 。 正确的按钮标签会引导用户完成操作 , 最好使用动词 , 并在按钮上标记其实际功能 。
就像按钮在问用户——“您要(添加到购物篮中)吗?”或“您要(确认订单)吗?” , 避免使用Yes/No或过于通用的标签 , 比如Submit 。

设计师必修课:图标按钮设计的12条实用铁律
文章图片
11确定/取消 , 还是取消/确定?
两者都是正确选择 , 但设计师可能会花几个小时来讨论哪个更合适 。
-确定按钮在前 , 是自然流畅的阅读顺序 。 Windows把确定按钮放在了前面;
-确定按钮在后 , 可以帮助改善流程 。 这种顺序形式 , 帮助用户再采取行动前 , 对所有选项评估 , 有效地帮助人们避免错误 。 苹果则是把确定按钮放在最后的;
任何一种选择其实都没有错 , 也不会造成什么可用性灾难 。

设计师必修课:图标按钮设计的12条实用铁律
文章图片
12避免使用禁用按钮
每个人都遇到过这种情况:在屏幕上停留了几秒或几分钟 , 怎么操作都没反应 , 这才发现原来是禁用按钮使我们无法进行下一步 。 禁用控件让组件短暂处于非交互状态 , 但如果使用不当 , 则非常容易让用户产生负面情绪 。

设计师必修课:图标按钮设计的12条实用铁律
文章图片
我建议尽量避免禁用按钮 , 最好始终启用它 , 如果用户未提供某些必需信息 , 则只需突出显示空白字段或显示通知即可 。