PinnedPinnedPrivate
jarango.com

通过信息架构提升用户体验

设计师们拥有专门的出版物、会议和专业协会,旨在提升系统的可用性。像 Fitts 定律这样的原则使我们能够设计出更易用的系统。但一个产品即使采用了“良好”的用户界面设计,仍然可能向用户提供难以理解的选择。想象一下用户即将进行不可逆转或危险的操作:在按下那个按钮之前,他们应该先停下来思考一下。收音机的菜单系统和流程设计得非常糟糕,使用体验令人非常沮丧,因此我将来绝不会考虑购买 Kenwood 的产品。换句话说,虽然交互机制可以进一步优化,但根本问题在于系统的信息架构,至少在这个用户界面中是如此。(例如,苹果品牌的 Apple Watch 小部件被称为“复杂功能”。特别是,你需要掌握他们的心理模型: 用户在讨论这个领域时通常使用哪些术语?再次,用户体验领域为我们提供了很好的方法来解决这些问题。

PinnedPinnedPrivate
nngroup.com

UX 中的绿野仙踪方法

绿野仙踪 "方法可帮助团队以低成本测试由复杂技术驱动的设计。如何开设《绿野仙踪》学习班 绿野仙踪法是一种调节式研究方法,在这种方法中,用户与看似自主但(完全或部分)由人类控制的界面进行交互。与传统的调节式可用性测试一样,绿野仙踪研究也包括一名主持人和一名目标用户。然而,在绿野仙踪方法中,设计可以是数字化的,用户看不到生成系统响应的人。使用绿野仙踪方法进行可用性测试时,需要增加一个人,即 "巫师",在幕后提供系统的部分或全部响应。对话式用户界面,如聊天机器人 使用学习算法提供推荐内容的界面 查询实时信息并将结果呈现给用户的界面 例如,作者在以下研究项目中使用了绿野仙踪法: 该项目旨在改进一家技术零售商网站上的支持聊天机器人。Wizard-of-Oz 方法降低了对复杂、昂贵技术(如生成式人工智能)的投资风险:在公司花钱构建这些技术之前,它能提供对其可取性、实用性和可用性的早期见解。

PinnedPinnedPrivate
nngroup.com

产品、服务和功能比较表

但是,除了产品之外,比较表同样适用于以下方面: Tuition rates学费标准 它们可用于比较同一组织的同类产品,或将一个组织的产品与竞争对手的产品进行比较。❌ jetpens.com:人们不需要为塑料笔这样简单、廉价的物品比较这么多因素。例如,苹果公司最新发布的 Apple Watch 只有三种不同的型号,因此它为试图做出决定的用户提供了一个现成的对照表。✅ apple.com:由于最新款 Apple Watch 仅有 3 个型号,苹果公司提供了一个包含所有型号的对比表。✅ apple.com:在产品菜单旁的信息架构中加入一个指向表格的链接,确保用户能找到静态对比表格。✅ tesla.com:特斯拉网站允许用户使用动态表格对不同型号的特斯拉进行比较。复选标记(左,homedepot.com)和按钮(右,lowes.com)是允许用户为交互式比较表选择项目的两种最常见方式。

PinnedPinnedPrivate
anthonyhobday.com

您每次都可以安全遵循的视觉设计规则

可靠的视觉设计来自一组可反复使用的安全规则,而不是凭感觉堆装饰。屏幕上尽量不用纯黑和纯白,改用接近黑白的颜色,中性色若带色相就保持冷暖一致;重要元素需要足够对比,结构和阴影则可以低调。所有视觉决定都应能解释,包括空白、对齐、字号、间距、颜色和阴影。数学居中不总是视觉居中,图形和字母常需要按眼睛微调。文字越大,字距和行高通常越小;正文不宜低于 16 像素,行宽控制在约 70 个字符更利于阅读。界面要依赖一致的比例、网格和对齐关系,十二列网格提供了较高弹性。容器边框应同时区别于容器和背景,外边距至少不小于内部元素间距。按钮的横向填充通常应为纵向填充的两倍。复杂背景适合承载简单前景,复杂前景则应放在简单背景上。好的设计不是追求惊奇,而是减少无意之处,让每个元素的位置、重量和层级都显得必然。

PinnedPinnedPrivate
smashingmagazine.com

设计完美的语言选择器 UX — Smashing Magazine

设计模式 , 可用性 , 用户体验 , 辅助功能。想象一下,您刚刚抵达东京。充满不耐烦和兴奋,你正要上路,但它来了:来自你的移动供应商的 紧急警告 ,催促你补充你日益减少的余额。带着一些合理的担忧,你访问了该网站,只是被重定向到该 网站的日文版 。您还不能阅读日语,但没有明显的更改位置的选项,也没有更改语言的选项。