- 1. 尽量使用单列布局
- 2. 提供礼物，不要急着推销产品
- 3. 合并相似功能
- 4. 来自用户的评价好过自吹自擂
- 5. 重复关键操作
- 6. 区分「可点击」和「被选中」的样式
- 7. 给出推荐选项
- 8. 提供撤销操作来替代确认提醒
- 9. 为明确的目标用户，而不是全部用户设计
- 10. 直截了当，不要优柔寡断
- 11. 对比要鲜明
- 12. 提供个性化介绍
- 13. 精简表单字段
- 14. 直接放出选项
- 15. 暗示页面还有下文
- 16. 不要放太多链接
- 17. 显示元素状态
- 18. 把好处写在按钮标题上
- 19. 直接在元素上操作
- 20. 在产品引导页直接提供注册表单
- 21. 使用平滑的过场动画
- 22. 循序渐进地引导，不要直接让用户注册
- 23. 不要使用太多边框
- 24. 展示产品带给用户的好处
- 25. 设计零数据页面
- 26. 默认帮用户选中服务
- 27. 页面设计尽量保持一致
- 28. 使用恰当的默认值
- 29. 遵循用户习惯
- 30. 告诉用户产品能帮他避免损失
- 31. 区分视觉层次
- 32. 将相似的功能放在一起
- 33. 及时校验
- 34. 放宽对输入的要求
- 35. 适当营造紧迫氛围
- 36. 适当尝试饥饿营销
- 37. 让用户选择，而不是填写
- 38. 增大点击区域
- 39. 优化页面加载速度，不要让用户等待
- 40. 支持快捷键
- 41. 利用锚定效应
- 42. 尽早激励用户
- 43. 逐步显示
- 44. 降低使用门槛
- 45. 提供非模态的反馈
- 46. 让一个控件提供多个功能
- 47. 给图标增加文本标签
- 48. 使用自然语言
- 49. 免费试用
- 50. 安抚用户
- 51. 有技巧地展示价格
- 52. 感谢用户
- 53. 提供好理解的数据
- 54. 强调选择自由
- 55. 灵活多变的奖励
- 56. 强调重点功能
- 57. 更好对比的数据
- 58. 提供集合
- 59. 显示预期结果
- 60. 幽默一点
- 61. 反馈操作结果
- 62. 考虑用户下一步操作
- 63. 适当留白
- 64. 讲故事
- 65. 使用真实数据
- 66. 逐步减少提醒
- 67. 少用「我」，多用「你」
- 68. 提供解释、说明和提示
- 69. 简洁的文案
- 70. 响应式布局
- 71. 视觉清晰
- 72. 提供补救措施
- 73. 支持分享到 SNS
- 74. 提供重操作功能
- 75. 选项尽量少
文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！
6. 区分「可点击」和「被选中」的样式
一些视觉风格，比如颜色，层次的区分和对比，可以更好地帮助用户使用产品，让用户知道自己处在什么页面，可以跳转到哪些页面。要达到这样的效果，你需要将可点击的元素（链接、按钮）、被选中的元素和普通的文字以相同的规则区分开来。在下面的案例中，我将「可点击」元素统一指定为蓝色，「被选中」元素统一指定为黑色，这样的设计让用户更容易学习和使用。
idea006
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论