关于创建用户界面和优化用户体验的提示 [关闭]

Question

我目前正在从事一个将要进行大量用户交互的项目。还有商业方面，因为人们可以购买某些物品和服务。

在我看来，用户界面、速度和安全性的良好结合对于这些类型的网站至关重要。现在使用 ajax 和 JavaScript 来做几乎所有事情都相当容易，因为有很多可用的库，比如 jQuery 和其他。但这可能会有一些性能和不兼容问题。这可能会导致用户只访问下一个网站。

网站的整体外观也很重要。在哪里放置某些按钮，在哪里放置某些类型的文章，例如常见问题和支持。在哪里以及如何显示错误消息，以便用户看到它们但不会打扰他。整体配色方案也很重要。

基本问题是：如何创建一个界面来触发用户购买/使用您的服务

我知道心理学在用户如何与您的网站互动方面也发挥着重要作用。例如，配色方案很重要。当网站上的颜色令人讨厌时，您只想点击离开。我还没有找到任何解释这些概念的文章。

有没有人有任何提示和/或资源，我可以获得一些指导您为您的网站做出正确选择的文章。

Answer 1

遵守一些标准的 UI 设计原则：

1. 结构原则：你的设计 应该组织用户界面 有目的地，有意义和 基于明确的有用方法， 明显的一致模型 并且可以被用户识别，把 相关的事物在一起并且 分离无关的事物， 区分不同的事物 并使类似的东西相似 另一个。结构原理 关注您的整体用户 界面架构。
2. 简单原则：您的 设计应该简单、通用 任务简单，沟通 清楚而简单地在用户自己的 语言，并提供良好的 有意义的捷径 与较长的程序有关。
3. 可见性原则：您的 设计应保留所有需要 给定的选项和材料 任务可见而不会分散注意力 有多余或多余的用户 信息。好的设计不 用太多的东西压倒用户 替代品或将它们与 不需要的信息。
4. 反馈原则：您的设计 应该让用户了解 行动或解释、改变 状态或条件，以及错误或 相关的例外情况 通过明确的用户兴趣， 简洁明了的语言 用户熟悉。
5. 宽容原则：你的设计 应该是灵活和宽容的， 减少错误的成本和 通过允许撤消和滥用 重做，同时也防止 错误尽可能 容忍不同的输入和 序列并通过解释所有 合理的行动合理。
6. 重用原则：你的设计 应该重用内部和外部 组件和行为， 与目的保持一致 而不仅仅是任意的 一致性，从而减少需要 供用户重新思考和记忆。

尝试寻找已成功实现您希望实现的目标的网站或 Web 应用程序，研究他们的用户界面，尝试找到在他们的网站上吸引用户的常用参数和模式。

我始终相信amazon 非常擅长通过显示相关推荐、what other people are looking 类型推荐、people who bought this also bought this 类型的推荐来保持用户对网站的参与。

另一篇好书：What should a developer know about interface design usability and user psychology

另外，Good Read 关于电子商务网站的 UI 设计注意事项。

Answer 2

在 UI 设计方面，理想情况下，您将有一位实际的视觉设计师为您使用颜色提供一些指导，而 UxD 则根据他们在这些领域的专业知识提供对您的布局和流程的一些见解。除非这些人有一些意见，否则如果您自己设计页面并创建视觉效果，迭代发现是告知您的设计并深入了解这些项目如何影响用户以及您创建的整体体验的最佳方法。

虽然您可以阅读大量书籍并遵循“指南”（在初始设计阶段应该如此），但再多的书籍学习也无法取代真实的用户交互。

构建您的网站/应用/服务/等的功能原型。并将其展示在实际用户面前以衡量可用性和价值。这应该以特别的格式完成（相对于正式的可用性测试），并且原型应该根据需要由烟雾和镜子组成（即它可能只是可点击的组合或主要图像，只有您正在测试的实际工作的流程）。

一旦你有了某种程度的原型，就将它带到 ppl 经常出现的地方（如果需要，你可以访问 i-net 的地方）。我发现星巴克在这方面做得很好。找一些人，问问你能不能给他们10分钟的时间——你会发现很多愿意的参与者。为这些人提供一个简单/特定的场景，以在您的原型中完成并观看和学习。

在现实世界中使用您的软件的人会很快发现它的缺陷，您将学到比从书本或指南中学到的更多的知识。每次测试时，您都将迭代设计和调整项目。

像这样在几周内进行测试，您会很快发现完美的设计。一旦你拥有了 ppl 可以使用并从中找到价值的东西，你就可以开始使用它了。但是，测试不应该就此结束——一旦上线，您应该继续通过 A/B 和多变体测试进行测试和调整，同时密切关注您的分析和用户行为。

持续 A/B 之后的发现测试让您可以不断调整、测试和学习，最终创造出可能的最佳解决方案。