有关创建用户界面和优化用户体验的提示

Question

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

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

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

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

我知道心理学在用户如何与您的网站互动方面也起着重要作用。例如，配色方案很重要。如果网站上的颜色令人恼火，您只需点击即可。我没有发现任何解释这些概念的文章。

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

Answer 1

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

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

尝试寻找已成功实现您希望实现的目标的网站或Web应用程序，研究其UI，尝试查找常用参数＆amp;在他们的网站上吸引用户的模式。

我始终认为amazon非常擅长通过展示相关建议，what other people are looking类型推荐，people who bought this also bought this类推荐来保持用户参与网站。< / p>

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

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

Answer 2

最好的建议恕我直言：

您是开发者，而不是设计师。不要试图成为一名设计师，因为你不是。

Answer 3

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

虽然您可以阅读的书籍肯定很多，并且您可以遵循“指南”（并且应该在初始设计阶段），但是没有多少书籍学习可以取代真实的用户互动。

构建您的网站/应用/服务/等的功能原型。并将其提供给实际用户，以衡量可用性和价值。这应该以ad-hoc格式（与正式的可用性测试相比）完成，并且原型应该根据需要由烟雾和镜子组成（即它可能只是可点击的comps或主要是只有您正在测试的流程实际工作的图像）。

一旦你有一定程度的原型，把它带到ppl往往的地方（如果需要你可以在哪里进行i-net访问）。我发现星巴克对此很有帮助。抓住一些人，询问你是否可以有10分钟的时间 - 你会找到大量愿意参与的人。为这些人提供一个简单/特定的场景，以便在原型中完成并观察和学习。

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

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

发现测试遵循连续A / B允许您不断调整，测试和学习，并最终创建可能的最佳解决方案。