Design PatternsArticles & Videos

  • “这取决于”:为什么UX取决于背景

    当我们被问到问题时,UX专业人士经常会回应“这取决于”。我们为什么要依赖这句话?

  • The Immutable Rules of UX (Jakob Nielsen Keynote)

    Jakob Nielsen在拉斯维加斯UX会议上的主题演讲讨论了十年后稳定十年的用户体验的基础原则。

  • Design Patterns For Complex Apps and Workflows

    Two design principles for supporting complex and repetitive workflows.

  • The 3 B's Test For When to Follow Design Trends

    Know when to follow or banish a design trend. The 3 B's: Budget, Brand, and Behavior will help you make the right decisions.

  • 制作平面设计可用

    The hazards of flat design and 5 key UX guidelines for making flat design usable.

  • UX是否变得更好或更糟?(jakob nielsen主题演讲)

    Each UI generation often takes two steps forward, then one step back. Even as new technologies emerge (e.g., Artificial Intelligence (AI) and speech recognition), knowing established UX guidelines will help you avoid missteps. This was Jakob Nielsen's keynote at the UX Conference in Copenhagen.

  • Tips for Icon Usability

    6 UX指南,以确保您的用户识别您的图标并知道它们的意思。

  • Jakob's Law of Internet User Experience

    用户将大部分时间花在其他网站上。这意味着用户更喜欢您的网站与他们已经知道的所有其他网站相同的方式工作。设计用户习惯的模式。

  • 巫师:定义和设计建议

    用于输入信息的常见应用程序设计模式,向导适用于仅执行的进程。

  • The Most Hated Online Advertising Techniques

    Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked. Ads that are annoying on desktop become intolerable on mobile.

  • Modal & Nonmodal Dialogs: When (& When Not) to Use Them

    模态对话框中断用户并要求操作。当用户的注意力指向重要信息时,它们是合适的。

  • 日期输入表单字段:UX设计指南

    Date-entry fields must be unambiguous and support task completion by using the right design pattern. Small design changes can prevent big user errors.

  • Why Zen Mode Isn’t the Answer to Everything

    Interfaces that temporarily hide the UI elements to emphasize content often increase the interaction cost, cognitive load, and the number of attention switches.

  • 顶级持久的内联网设计错误:7个致命的罪

    Intranet tools and programs come and go, but bad UIs linger for years, impact employee productivity and morale, and ultimately increase organizational costs.

  • Cards: UI-Component Definition

    “卡”是UI设计模式,其在视觉上类似于扑克牌的柔性尺寸容器中群体的相关信息。

  • 标签,使用右侧

    12design guidelines for tab controls to distinguish tabs from site navigation and address click uncertainty.

  • 汉堡菜单和隐藏的导航伤害UX指标

    Discoverability is cut almost in half by hiding a website’s main navigation. Also, task time is longer and perceived task difficulty increases.

  • 赤裸裸的设计模式:请不要go popups和返回给me选项卡

    These two overly demanding website design patterns aimed at driving engagement are in conflict with how people utilize browser tabs.

  • Basic Patterns for Mobile Navigation: A Primer

    Mobile navigation must be discoverable, accessible, and take little screen space. Exposing the navigation and hiding it in a hamburger both have pros and cons.

  • Which UX Deliverables Are Most Commonly Created and Shared?

    静态线框是最受欢迎的UX可交付,但至少有一半的不同的可交付格式,我们调查的专业人士至少使用了一半。

  • Slider Design: Rules of Thumb

    使用滑块选择精确值是一种需要良好的运动技能的艰巨任务,即使滑块设计精心良好。如果选择精确值对于接口的目标是重要的,请选择备用UI元素。

  • 4 ios规则休息

    Page control (dots), Submit at top, and the Plus (+) and Move icons are 4 common iOS patterns that cause usability problems in testing.

  • 动画为注意力和理解

    Moving elements are a powerful tool to attract users’ attention. When designing an animation consider its goal, its frequency of occurrence, and its mechanics.

  • Breaking Web Design Conventions = Breaking the User Experience

    Bucknell University caused a stir with its unconventional responsive redesign, but at a high cost to usability, as shown in tests with students and parents.

  • Accordions Are Not Always the Answer for Complex Content on Desktops

    Longer pages can benefit users. Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings.

  • Beware Horizontal Scrolling and Mimicking Swipe on Desktop

    甚至模仿划动手势和inco随着越来越多的网站rporate horizontal scrolling in desktop designs, users remain reluctant to move sideways through content.

  • The Magnifying-Glass Icon in Search Design: Pros and Cons

    People usually recognize that a magnifying-glass icon indicates a search tool, even when it has no label. Unfortunately, showing only the icon makes search more difficult to find.

  • Instructional Overlays and Coach Marks for Mobile Apps

    移动应用中的说明必须设计以获得最佳的扫描性,因为用户倾向于快速解雇它们,并且不会彻底读取。