问题标签 [user-experience]

我喜欢这个插件，但现实是大多数人一开始并没有意识到他们可以点击文本进行编辑。

理想情况下，最好在文本旁边添加一个按钮或一个简单的 [Edit] 链接，用户可以清楚地看到但永远不会通过 ajax 提交。

有任何想法吗？

我是一名软件开发人员，我现在要进行一个项目，该项目涉及使用 ASP.NET（3.5 / 2008，使用 Web 客户端软件工厂）实现网站。我的任务是为该项目创建一个 UI / UX 设计文档，但是我真的不知道从哪里开始。

我在 3 年内参与了一个项目，其中有一份正式的 UI 设计文档，其中包括布局和样式指南/规则（例如，应用程序有标题、导航等，链接必须是颜色 A，用于积极操作的按钮必须在右边等）。事后看来，这非常有用，我很感激有人也付出了那么多努力——甚至在文档中定义了 CSS 类。但是，该文档是基于现有应用程序的，并且符合企业的整体企业形象。

当前项目是一个新项目，目前没有明确定义的需求（是的，我知道......当没有很多要求时你如何设计......我跑题了）。很难知道究竟需要什么功能。有两种不同的用户类型/角色，但本文档不会对它们进行正式研究。另外，我不确定公司的身份，除了企业有一些关于使用他们的标志的规则，我只会在几天后得到进一步的澄清。

所以我有点茫然，在画布上涂颜料，希望最后能得到一张漂亮的照片（要是我是杰克逊·波洛克就好了）。

您会在本文档中包含哪些内容？它针对业务（客户）以及开发人员。我只能想到以下几点：

1. 布局 - 页眉、页脚、内容、导航
2. 样式 - 不同预期组件的调色板和样式
3. 用户交互 - 当用户执行操作并且必须等待他们收到模式对话框的通知时，使用 AJAX 完成验证，导航应该是上下文的，任务应该通过最少的点击/导航等来执行，等等。

有没有人有过创建这样一个文档的经验，或者任何已知的、经过尝试和测试的 UI 设计过程？

谢谢，

詹姆士

使用XFN (XHTML Friends Network)有什么好处？我在多个博客和社交网站上看到过这个，但我真的不明白它为什么有用。除了能够使用 CSS3 设置这些元素的样式并使用 JavaScript 选择它们之外，还有什么好处？你知道有哪些网站真正利用 XFN 来增强用户体验吗？此外，是否有类似的替代 XFN？

我们有一个基于某些搜索条件显示报告的 Intranet 网页。搜索条件的控件位于页面顶部，报表网格是页面上的唯一内容。网格通常会显示超过 50-100 行并且需要滚动。从用户体验的角度来看，哪种页面设计更合适：

• 具有垂直滚动条和固定标题的固定大小网格。

  • 这种方法的优点是当用户垂直滚动网格时，标题保持在原位并始终可见，从而更容易理解报告的内容。过滤条件也始终可见，无需滚动回页面顶部即可更改。
  • 缺点是网格的大小必须固定，并且根据浏览器窗口的大小，可以显示两个垂直和两个水平滚动条（标准浏览器滚动条和网格滚动条）。这可能会有所缓解，因为我们知道用户的屏幕尺寸，并且我们可以在最大化浏览器窗口的情况下优化页面。

• 让网格根据记录数调整大小。

  • 优点是只会显示标准的浏览器滚动条。
  • 缺点是当用户向下滚动时，标题和过滤条件变得不可见。

请注意，我们不想使用分页，因为记录的数量不足以要求这样做，并且用户通常不喜欢分页，因为这使他们更难以扫描结果。

这可能是一个主观的问题，但它很常见，我认为应该有一个明确的用户体验指南来说明如何处理它。

正常情况下是否有推荐的最小按钮尺寸？

“推荐”是指某些文件规定的，例如：

• 苹果人机交互指南
• Windows 用户体验指南
• 或一些ISO标准..

我所说的“正常”条件是指：

• 桌面/办公室使用
• 标准 96dpi 显示器分辨率
• 用于指向的鼠标/触摸板（无触摸屏）
• 非残疾或视障用户
• 标准“主题”（没有大字体/图标）

我有一些可用性问题，我会重视一些输入。

我网站的初始页面包含两组控件，一组用于用户登录，另一组用于新用户激活。

问题在于后者。当用户注册该服务时，他们会收到一个格式为 XXXX-XXXX-XXXX-XXXX 的激活码。目前，他们必须将其输入到四个单独的文本字段中。虽然我已经添加了一些 javascript 来自动在文本字段之间来回移动它们，就好像它是一个单独的控件（效果很好），但问题是它缺乏一种让用户将数据粘贴到其中的方法，并且作为这有点痛苦。

现在这不是一个大问题，但这可能意味着人们对我的网站的第一次体验有点令人沮丧，不得不在包含他们的激活码的电子邮件和我的页面之间来回跳跃。这显然不是最优的。

在这一点上，您可能认为显而易见的答案是将激活码输入到一个单独的文本字段中。你是对的，但如果我这样做，我会失去一件非常重要的事情：我失去了一种形式和另一种形式之间的关键视觉区别，它会自动告诉用户他们需要使用哪种形式，而无需阅读或不必阅读任何内容分析一件事。就目前而言，页面上有两个不同形状的洞，用户数据显然只适合其中一个，所以在某种程度上，与他们相关的形式是显而易见的。

那么，有人对此有什么好的解决方案吗？唯一的限制是我需要将所有控件保留在一个页面上。

提前感谢您的帮助。

编辑：

感谢到目前为止的所有输入，其中的每一点都很有价值。我目前认为最好的解决方案不是一件事，而是实际上是不同方法的融合，以使整个事情更有用。

在此基础上，根据您的所有建议，这就是我要做的事情：

• 在购买电子邮件中，设置指向初始页面的链接，使其在查询字符串中包含激活码。设置初始页面以检查这一点并直接转发它们。这可能意味着绝大多数用户甚至不会看到初始页面，但仍然会有人们通过其他方式收到他们的代码并且必须直接输入它们的情况
• 将四个文本字段转换为单个文本字段，并将“XXXX-XXXX-XXXX-XXXX”作为内联标签。
• 设置登录控件以转发在此处错误输入其激活码的任何用户，而不仅仅是将它们转储到错误屏幕。

而且我不知道为什么我一开始就没有包含它，但这里是任何想要查看当前实现的人的 URL（你必须原谅它是意大利语的事实，但它应该是相当简单的什么是什么）。

已经给出了 bryan 的答案，其中包含了我将要使用的大部分内容。如果我有必要的声誉，我会投票赞成你所有的答案，因为它们都有帮助。再次感谢。

我试图在 iPhone 上展示一个视图，它要求用户提供 3 个值中的任何 2 个，并使用它们来计算第三个值。我在可用性方面有点挣扎。

一种选择是三行，每行都有一个标签、文本字段和按钮。无论点击的按钮在哪一行，都是要计算的值。我不太喜欢这种方法，因为它用两个很多按钮使视图混乱。

我希望能够使用一个按钮，如果用户只输入 2 个值，这将是可行的。我可以计算空值。

另一种情况是自动清除第三个文本字段，使其始终为空。（例如，输入值 1，输入值 2，清除值 3，点击按钮并计算值 3）我认为用户会很难像这样清除文本字段。

任何可用性专家都可以提供更好的解决方案吗？

我正在寻找一些关于增强试用用户第一次使用产品时的用户体验的想法。该产品针对特定领域并具有各种功能/工作流程。有经验的产品用户自然会找到有趣的方法来组合功能以获得他们想要的结果（有点像从程序员的角度使用 IDE）。试用用户可以有限的方式使用产品的所有功能（例如：如果有是一个搜索功能，试用用户可能只看到前 20 个结果，或者他可能只被允许搜索 100 次）。我的问题是：帮助试用用户在试用期内探索/理解产品可能性的最佳方法是什么，尤其是在用户放弃产品前的前 20 到 60 分钟？

编辑 1：该产品是一个桌面应用程序（通过 JNLP 提供，因此不需要安装），正如评论中所指出的，在这种情况下，期望可能会有所不同。也就是说，许多网络应用程序确实采用虚拟桌面形式，因此欢迎所有建议。

本质上，我想在我正在构建的网站上实现 jQuery 功能，但我不希望 Internet Explorer 用户必须单击“允许阻止的内容”。该功能适用​​于 Safari、Chrome 和 Firefox。只有 IE 会通过 Active X 警告提示用户。

我正在使用以下 jQuery 循环插件： http: //malsup.com/jquery/cycle/

我想我可能不得不忍受这样一个事实，即用户在使用该站点时必须单击 Active X 消息，但是 Zendesk (www.zendesk.com) 正在使用相同的实现，并且该站点没有提示我与警告。

任何关于我做错了什么的想法都将不胜感激。

每隔一段时间，我都会遇到显示可用语言列表的问题，并且每次我问自己：

显示语言是否更好：

• 当前选择的语言
• 英语
• 根据按钮/列表项的语言

例子：

• 英语
• 德语
• 法语

或者

• 英语
• 德语
• 法语

是否有任何约定应该使用哪个更礼貌或以任何其他方式更好？还有其他选择吗？