0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

图形用户界面的协作工作的应用

星星科技指导员 ? 来源:嵌入式计算设计 ? 作者:Jason Clarke ? 2022-06-21 11:10 ? 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

图形用户界面(GUI,或更一般的 UI)重要性的上升不再局限于消费市场。UI 设计正迅速成为整个嵌入式领域产品之间的关键差异化因素。只需要 UI 功能而不是引人注目的应用程序正在发展以适应这一趋势。工业和医疗设备已经将 UI 概念从消费者和移动市场中提取出来,用于下一代设备。

随着重要性的变化,UI 的开发方式也发生了变化。UI 开发不再是一个只由嵌入式工程师控制的过程;它包括许多不熟悉嵌入式生命周期的利益相关者。协作工作现在包括 UI 设计师和用户体验(称为 UX)设计师以及嵌入式工程师。

团队中的新角色

这些利益相关者中的每一个不仅带来了他们自己的专业知识,而且还带来了通常与嵌入式开发世界不一致的非常不同的开发环境和流程。以下是对每个利益相关者的职责和开发环境的快速回顾:

嵌入式工程师:负责从中间件到嵌入式系统硬件的应用逻辑。嵌入式工程师使用 C/C++ 代码进行开发,并使用源代码存储库进行协作和保留项目历史记录。

UX 设计师:负责定义产品屏幕、UI 流程、高级应用程序逻辑和呈现给用户的数据。UX 设计师在 Adobe Flash、HTML、Balsamiq Mockups 和类似应用程序中使用草图、线框、流程图和 UI 原型。

UI 设计师:定义图形内容以及屏幕转换和动画。UI 设计师通常使用 Adobe Photoshop 和 Illustrator 等工具以及其他图像编辑器。

除了商定的流程和任务序列化之外,UI 和 UX 设计师都没有标准的协作方法。UI 和 UX 角色偶尔会结合起来以减少协作挑战,但这并不能解决缺乏工具来管理开发期间生成的设计工件的问题。

凭借所有这些不同的技能组合和工作环境,协作成为一项艰巨的任务和潜在的生产力杀手。当工程师和平面设计师必须一起工作时,关注点和开发风格的差异可能会导致严重的流失。许多公司试图通过使用单一资源(嵌入式工程师)来管理 UI 来避免这种冲突。此解决方案适用于非常简单的情况,但不适用于较大的项目,并且如果未满足时间表,则无法将更多资源应用于 UI 开发。

当一个项目通过单一资源进行序列化时,UI 和 UX 设计师通常在实施阶段被边缘化。设计师为项目贡献初始图形内容、图像和线框,然后在软件开发人员实施他们的设计时被排除在开发过程之外。这通常会导致所需的用户体验与最终产品中交付的内容不匹配。

关注点和工具不同

在 UI 界面的开发和发布过程中,UI/UX 设计人员的关注点可能比嵌入式开发者的关注点更重要,后者往往关注处理器使用、内存占用、代码架构、可维护性和重用性。UI/UX 设计师更关注可用性、界面一致性、图形质量和整体用户体验。这些担忧并不总是完全矛盾的。然而,没有平衡的方法很容易扼杀产品的市场吸引力。

为了平衡这些担忧,重要的是让所有利益相关者参与整个开发过程。这说起来容易做起来难,不仅因为不同的技能和关注点,还因为开发环境提供的交叉很少,没有自然的集成。几个问题很快就会浮出水面:

使用小部件库或 C/C++ 开发 GUI 框架会阻止除有经验的嵌入式工程师之外的任何人进行协作。

UI 和 UX 设计师以及产品营销人员需要嵌入式工程师的帮助才能对 UI 进行哪怕是微不足道的更改。

使用设计人员熟悉的高级工具会阻止与代码存储库的集成,并且无法提供有关详细更改或协作和合并能力的有用信息。

在嵌入式项目中,所有开发协作都是通过设计用于处理文本文件的代码存储库完成的,为二进制和专有格式提供最小的回报。

在文本级别查看比较时,将代码存储库与 C 或 XML 文件一起使用并不能展示对 UI 进行微小更改的上下文和后果。

许多非正式工具,如电子邮件、即时消息和 wiki 都被用来尝试解决这些问题。尽管这些工具提供了某些优势,但最终它们仅有助于共享有关项目的信息,而不是与项目相关的工件和可交付成果。这些工具无法在 UI 设计和开发级别实现共享和协作,不包括屏幕设计、屏幕转换、脚本和代码管理以及测试套件等重要元素。

在规模的另一端,源代码存储库提供了一种正式和结构化的方法来捕获项目所代表的基本代码。虽然源代码存储库对于任何大型项目的成功都是必要的,并且已被证明对于软件工程团队的协作是成功的,但它们不足以使非软件开发团队成员能够进行协作。作为一个明显的例子,图形设计师从源代码存储库中获得的价值很少。

视觉协作表面

UI 开发与标准嵌入式系统开发有很大不同,因为随着时间的推移监控 UI 需要一种可视化方法,而不是源代码差异视图来完全理解上下文的变化。在编辑器中查看的源代码更改或 XML 声明性语言对帮助开发人员完全理解更改的真正后果几乎没有帮助(参见图 1)。当检查差异的资源不是对源代码非常了解的嵌入式工程师时,这个问题就会被放大。此外,许多 UI 工具套件涉及代码生成或关键部分的专有二进制组件,因此极难管理。

图 1:在编辑器中查看源代码更改或 XML 声明性语言时,最终用户几乎无法完全理解更改的真正后果。

poYBAGKxNraAWiR_AAUMftwuoZM434.png

为了解决这个问题,理想的方法是使用一个工具或一组工具,它不仅以可视化的方式公开 UI 特定元素的变化,而且还与嵌入式开发生命周期的主要协作中心、源代码存储库(参见图 2)。使用可以以任何利益相关者易于理解的级别公开 UI 的每个更改的工具,使所有利益相关者能够并行工作。允许利益相关者充分协作提供了许多好处,包括及早发现 UI 行为中的问题、缩短产品开发时间以及在最终产品中提供更好的用户体验。

图 2: UI 开发的理想方法是使用一个工具或一组工具,以可视方式公开 UI 特定元素的更改。

pYYBAGKxNr6AGfkpAAfztdPZRXI763.png

Crank Software 的 Storyboard Suite 通过创建一个可供所有利益相关者利用的环境来支持可视化 UI 开发。该工具利用 Eclipse 框架作为 Crank Software 的 Storyboard Designer 的基础,其中嵌入式工程师可以利用 Eclipse C/C++ 插件。Storyboard 还有助于解决在监控产品内 UI 演变方面的上下文困境。UI 的视觉差异比较编辑器和对文本差异的支持(用于脚本和编程语言)允许所有项目参与者在与他们相关的上下文中查看产品的历史。使用这样的工具,UI/UX 开发人员可以通过直接从他们熟悉的工具中导入来快速协作地开发 UI。

审核编辑:郭婷

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 嵌入式
    +关注

    关注

    5161

    文章

    19784

    浏览量

    319694
  • C++
    C++
    +关注

    关注

    22

    文章

    2119

    浏览量

    75733
  • 编辑器
    +关注

    关注

    1

    文章

    824

    浏览量

    32187
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    3Dfindit 的协作功能

    任意数量的软件包来扩展您的选项。 协作 3Dfindit是CADENAS 的最新创新产品。它是战略零件管理的低成本入门级解决方案,适用于大公司的个别部门或机械工程、设备工程和建筑领域的中小型公司
    发表于 06-09 14:35

    慧通测控的协作机器人有哪些测试项目?

    在智能制造与自动化浪潮席卷全球的当下,协作机器人(Cobots)以其能够与人类安全、高效协同作业的特性,成为工业、医疗、物流等领域的 “新宠”。然而,要确保协作机器人在复杂场景中稳定运行,一系列严格且全面的测试不可或缺。这些测试
    的头像 发表于 06-05 14:30 ?235次阅读
    慧通测控的<b class='flag-5'>协作</b>机器人有哪些测试项目?

    瑞芯微RK3506(3核A7@1.5GHz+双网口+双CAN-FD)工业开发板—图形用户界面(GUI)开发手册

    本文主要说明Qt的图形用户界面(GUI)开发流程,包括Qt程序自启动配置与案例介绍,旨在帮助开发者完成产品开发与测试。
    的头像 发表于 06-03 14:27 ?761次阅读
    瑞芯微RK3506(3核A7@1.5GHz+双网口+双CAN-FD)工业开发板—<b class='flag-5'>图形</b><b class='flag-5'>用户</b><b class='flag-5'>界面</b>(GUI)开发手册

    SOLIDWORKS 2025:支持用户与团队成员无缝协作

    在快速发展的工程设计和制造领域,团队合作与有效沟通已成为推动项目成功的关键因素。SOLIDWORKS作为3D CAD解决方案提供商,一直致力于通过技术创新提升用户的设计效率和协作能力。随着SOLIDWORKS 2025的发布,这款强大的软件再次树立了行业标杆,为
    的头像 发表于 02-12 14:15 ?443次阅读
    SOLIDWORKS 2025:支持<b class='flag-5'>用户</b>与团队成员无缝<b class='flag-5'>协作</b>

    SOLIDWORKS CAD 2025与协作的新功能

    SOLIDWORKS CAD 2025版本的发布,标志着设计软件和协作工具的一次重大飞跃。此次更新不仅在CAD设计功能上进行了全方面升级,更在协作和数据管理方面取得了显著突破,为设计师和工程师们提供了更加有效、灵活和智能的工具
    的头像 发表于 12-26 14:45 ?664次阅读
    SOLIDWORKS CAD 2025与<b class='flag-5'>协作</b>的新功能

    Stellaris图形用户指南

    电子发烧友网站提供《Stellaris图形用户指南.pdf》资料免费下载
    发表于 12-23 16:19 ?0次下载
    Stellaris<b class='flag-5'>图形</b>库<b class='flag-5'>用户</b>指南

    OpenAI桌面版ChatGPT新增应用协作功能

    近日,OpenAI宣布了一项重要更新,为桌面版ChatGPT推出了“与应用协作”(Work With Apps)功能。这一新功能旨在支持原生应用程序的自动化协作,为用户带来更加高效和便捷
    的头像 发表于 12-23 10:52 ?725次阅读

    SOLIDWORKS 2025直观的用户界面

    在工程设计领域,SOLIDWORKS作为三维CAD软件的佼佼者,一直致力于通过技术创新提升用户体验。随着SOLIDWORKS 2025版本的发布,其在界面设计上的直观性与易用性再次成为行业关注的焦点
    的头像 发表于 12-12 17:22 ?751次阅读

    DRV8821-23 EVM图形用户界面

    电子发烧友网站提供《DRV8821-23 EVM图形用户界面.pdf》资料免费下载
    发表于 12-05 15:08 ?0次下载
    DRV8821-23 EVM<b class='flag-5'>图形</b><b class='flag-5'>用户</b><b class='flag-5'>界面</b>

    DRV8800-01 EVM图形用户界面

    电子发烧友网站提供《DRV8800-01 EVM图形用户界面.pdf》资料免费下载
    发表于 12-02 11:07 ?0次下载
    DRV8800-01 EVM<b class='flag-5'>图形</b><b class='flag-5'>用户</b><b class='flag-5'>界面</b>

    图形用户界面与命令行接口的比较

    在计算机科学和信息技术领域,用户与计算机交互的方式主要分为两种:图形用户界面(GUI)和命令行接口(CLI)。这两种界面各有优势和局限性,适
    的头像 发表于 11-12 14:38 ?1364次阅读

    Molex莫仕助力推动高级用户界面发展

    家电的未来将不再依赖按钮和仪表盘,而是朝向更加直观和互动的方向发展。受消费者期望的驱动,高级用户界面(UI)正致力于呈现智能手机和家庭助手的简单易用性。
    的头像 发表于 11-05 16:00 ?883次阅读

    如何在低成本ARM平台部署LVGL免费图形库,基于全志T113-i

    系统创建图形用户界面(GUI),采用C语言编写,具有高效性和可定制性,在各种微控制器平台和显示硬件上开发用户界面时备受欢迎。LVGL具社区免
    发表于 10-29 09:55

    何为Teable多维表格数据库,它仅仅是一个在线的智能表格吗?

    维表格是一种创新的数据管理和协作工具,它结合了传统电子表格的直观界面与关系数据库的强大功能。用户不仅可以像在Excel中一样在二维表格内记录和编辑数据,还能享受到基于数据结构的灵活管理方式。
    的头像 发表于 10-14 16:13 ?1464次阅读

    油水界面探测器原理用途是什么

    探测器的工作原理主要是利用油水混合物中油水界面的物理特性,通过传感器检测油水界面的位置。油水界面探测器的传感器主要有以下几种类型: 电容式传感器:电容式传感器是通过检测油水
    的头像 发表于 09-24 09:46 ?1729次阅读