UX设计指南 - DEV社区


最初我将此指南分享到Syndicode博客,以描述我们在代理商中使用的UI和UX设计流程。由于这些材料看起来非常有用,而且引导相似,所以我决定将它分享到我最喜欢的dev.to社区。

UI / UX设计的作用
设计应用程序和网站带来了特殊挑战:

  1. 促进复杂的任务和工作流程,
  2. 使用户能够理解和管理复杂数据,
  3. 适应各种各样的用户角色,需求和流程。

应用程序的有效设计和实现可以在广泛的环境中 - 从娱乐到医疗保健 - 对生产力,效率,准确性和满意度产生深远的积极影响。
UI和UX不是一回事,UX是用户对产品的整体体验,UI是用户实际与之交互和查看的内容。

伟大设计的价值
成功应用程序设计的关键不是一个好主意或一个好的功能 ,而是归结为用户体验(UX)和用户界面(UI)。

例如,您的应用程序用户在打开您的应用时首先看到了什么?用户首先看到的是登录页面。什么是目标网页?这是一个起点,用户可以从中了解应用程序或站点是否满足他/她的要求并满足需求。它必须具有吸引力并包含一些号召性用语按钮,以便用户知道下一步该做什么。

些有趣的UI与UX比较:

  • UX设计师就像一位建筑师。此人会照顾用户并帮助您的企业改善可衡量的参数(降低跳出率,提高点击率等)。用户体验设计师了解用户行为和心理,了解界面人体工程学,并能够分析业务需求,将其转换为用户流。
  • UI设计师同时就像一个装饰者。此人负责界面如何反映品牌。它更多的是关于不可测量的东西(比如界面的舒适性,它是否足够时尚等等)。UI设计师对颜色和颜色组合有很多了解,知道如何阅读品牌书籍并将其转换为UI元素。

有时UI和UX设计师是负责整个设计过程的人。但是让我们分别讨论每种类型的设计。

什么是UX​​设计?
UX(用户体验)设计是创建向用户提供有意义和相关体验的产品,系统或服务的过程。这涉及获取和集成产品的整个过程的设计,包括品牌,设计,可用性和功能方面。它还包括人机交互和产品所有权的有意义和有价值的方面。UX处理内容和站点地图的架构。
UX设计可帮助用户实现目标。它不仅仅专注于创建可用的产品,还涵盖用户体验的其他方面,例如:

  • 乐趣,
  • 效率,
  • 心情,
  • 乐趣。

到目前为止,良好的用户体验是在目标受众使用产品的特定环境中满足特定用户需求的体验。UX设计以用户为中心 - 用户类型定义设计类型。

这就是为什么UX设计是动态的,并且由于不断变化的使用环境和个别系统的变化,可以找到它们的使用环境等而不断修改。在这里,您可以找到2019年预期的一些UX设计趋势。此外,我们可以说用户体验是关于用户 - 产品交互和体验。

用户体验设计的主要任务是创建可以定制的产品,以满足用户的特定需求,但提供可预测的功能。换句话说,UX Design旨在研究用户行为并理解用户动机,旨在设计更好的数字体验。

UX原则
通过遵循主要的用户体验设计原则,可以达到UX设计金字塔各个层面的目标:

  1. 层次 结构层次结构是设计人员帮助用户轻松浏览产品的最佳工具之一。这包括:
    • 信息架构(内容在应用程序或网站上的组织方式)和a
    • 可视层次结构(帮助用户在部分或页面中更轻松地导航)。
  • 一致性 在大多数情况下,可以通过使用一套正式的指南来确定如何为特定设备或格式设计产品。
  • 确认 要求确认任何重要或不可逆转的操作,以防止用户意外犯错。
  • 用户控制 “撤消”,“后退”,“搜索”按钮以及键盘快捷键是一种让用户控制网站或应用程序的好方法。
  • 可访问性 对于尽可能多的人来说易于使用的产品至关重要。用户体验设计应该消除人们使用产品时的障碍,无论这些障碍是暂时的还是更长久的。
    UX设计平衡了业务,人员和技术。如果没有健康的企业,产品就无法成功,如果没有快乐的客户,企业就无法成功 - 而UX设计师的工作就是让客户满意。

    完整的UX设计堆栈
    ,UX设计涉及很多内容。UX设计堆栈包括:

    • Surface(这里我们应用UI设计)
    • 骨架(通过应用界面和交互设计制作)
    • 结构(由信息架构和用户流形成)
    • 范围(功能规格和内容要求)
    • 战略(用户需求和项目目标根据用户研究和业务目标定义)

    UX设计始于研究识别用户的问题。解决用户不关心的问题毫无意义。

    UX设计流程

    • 用户研究
    • 设计
      • UX线框图
      • 用户体验原型设计
      • UI设计(视觉和互动)
    • 用户测试

    UX设计流程的主要方法
    有三种着名的UX设计流程方法:
    1. 经典
    2. 精益Lean
    3. GV Design Sprint(GV代表Google Ventures)

    经典的用户体验设计过程通常在大学中教授,并使用瀑布式方法构建。以下是经典 UX设计流程:
    1. 研究。这里应该发现主要问题。在这里你可以找到10个图提供有效的用户研究
    2. 对发现的问题进行分类。
    3. 创建角色和旅程地图(不要将它们与用户流混合)
    4. 构思练习,为伟大的用户体验设计生成解决方案并解决已发现的问题
    5. 构建原型。
    6. 原型测试。
    7. 将最终原型发送到开发中。
    8. 产品发布会。
    9. 收集用户反馈。
    10. 返回到收到的用户反馈的第一步。

    另一种用户体验设计流程的方法出现在2013年,因为传统的用户体验设计流程与敏捷开发不兼容。新的设计流程称为精益用户体验,允许用户体验在敏捷的不确定性范围内运行,并根据用户反馈快速更新设计。它使体验设计与产品开发和谐相处。
    简而言之,精益用户体验是一套基于“精益创业”敏捷方法的原则,其重点是现在。团队不认为将设计可交付成果投入到墙上,而是认为不能预先创建最终设计,并相信在MVP(最小可行产品)开发测试假设时会出现答案。精益UX设计过程可以描述为“构建,测量和学习”循环,或“思考,制造,检查”循环。
    后来,当产品计划没有明确定义时,精益用户体验设计过程似乎效率低下,导致大量浪费和返工。
    Google Ventures建议了另一个伟大的设计流程。这是Design Sprint。它允许团队快速定义和测试低保真原型。Google Ventures的Design Sprint可以看作是三种方法的结合:设计思维,敏捷和精益。sprint的一个关键组件是创建原型,这是收集数据和测试想法的最佳方法之一。

    UX设计部分
    我将介绍UX设计的每个部分的更多信息:

    • 交互设计 通过深思熟虑的行为创建引人入胜的界面 用户与技术之间的沟通简单明了。交互设计负责实现人与个人用户界面之间或多个界面(或系统)之间交互的功能。
    • 线框和原型 在最终设计之前,将网站的基本组件演示为任务或交互式原型的模型。(顺便说一下,线框不是草图而不是样机)。
    • 信息架构师 它是艺术和科学的平衡。以有效和可持续的方式组织,构建和标记内容。
    • 用户研究 通过观察技术,任务分析和其他反馈方法了解用户行为,需求和动机。用户研究定义了您的受众,并提供了如何最好地满足他们需求的基本见解。为了提供定性的用户研究,我们应该考虑全貌: - 谁将使用应用程序/网站? - 他们想要完成什么? - 他们可能会遇到什么? - 主要客户的业务需求是什么?我发了一篇关于为什么用户研究对UX很重要的帖子。
    • 场景 描述用户与项目的交互。这些故事对于设计界面和可用性测试都非常重要。

    这是用户体验设计,用于决定用户是翻页还是滚动内容。并且要对细节负责并预测其影响因素,用户体验设计师应该对人类行为有很多了解。用户体验设计师通常来自各种背景,如视觉设计,编程,心理学和交互设计。

    ​​​​​​​