什么是嵌入式图形用户体验设计？如何创造高效的用户体验设计？（内附案例解说）
人们通常会对用户界面（UI）和用户体验(UX)设计之间的区别感到困惑。用户体验设计实际上是指用于推动研究和设计决策的整体过程，以便更好地满足终端用户的需求和期望。UI设计，是在设计程序中创造出美妙的、现代的、让人赏心悦目的东西，其所有的动画和触觉反馈回路都是为了提供预期的终端用户体验。如果要提供的终端用户体验能够不断地赢得和保持现有的客户，那么他们彼此之间的合作是不可或缺的。
所以，听到用户体验设计的元素和原则同样适用于嵌入式GUI和用户界面设计的说法，我们一点都不惊讶。
为此，我们与Crank服务合作伙伴和用户体验设计专家Fresh Consulting合作，为我们的UI和用户体验设计社区提供一些建议，他们目前正在做一些嵌入式设备的图形项目。在这两个系列中，您可以了解到整体UX设计过程的5个步骤，开发UX角色的技术，并通过一个餐厅菜单触摸屏背后的UX设计过程，看到UX设计过程如何在现实中得到应用。
用户体验设计的定义，以及为什么您的团队应该投资它
有时我们会收到这样的问题：为什么我们要投资于UX设计？通常情况下，客户对他们想要建立的东西会有一个构思，然后他们就想直接交给研发部门开始进行开发。但是，一个直接又明显的，需要投资用户体验设计的理由是：有时候您的产品甚至可能无法进入市场。如果它在开发过程中被放弃了，就会产生大量的技术债务。
在实施项目的过程中，程序员50%的时间实际上是在做可避免的返工（根据usability.gov），而这最终导致了用户体验质量的下降。当产品的用户体验非常糟糕时，其影响包括销售量下降、客户不满意、糟糕的评级和评论，这将对品牌和产品产生负面影响，还可能会需要更多的产品使用培训。
用户体验设计的定义：使用研究来驱动设计决策的整体过程，以符合用户的需求和期望
为一家餐厅创建一个包括风格指南在内的的触摸屏用户界面[案例研究］
为了更好地理解创造良好用户体验的过程，让我们来分析一下Fresh Consulting公司最近的一个项目，该项目面临的挑战是为四个独特的餐厅产品设计触摸屏用户界面，以及为客户的未来产品创建一个风格指南。
项目的主要意图是统一产品，以减少培训的需求。假设客户要在餐厅里选择一些产品，现在正在与其中一个产品的界面进行交互，当他们去到下一个产品界面时，会发现它的界面外观和之前的那个是相似的。交互将十分相似，它们可以在几乎没有培训的情况下开始运行。这个项目的另一大意图是减少设计和开发未来产品的时间。
什么是用户体验设计过程？
与其每次在您或客户有新产品时重新发明“轮子”，不如准备好一些设计风格指南和预先设计好的组件来工作，这确实可以加快工作进度，这就是UX设计过程的用武之地。
根据Fresh Consulting公司的说法，用户体验（UX）设计过程有五个步骤:
调研
定义
构思
原型设计
测试
#第1步：调研
那么，我们从哪里开始研究餐厅的触摸屏用户界面呢？
答案是：不管是什么产品，都需要调研。
我们总是会做一些不同程度的调研，因为它确实有助于您根据事实而不是意见来确定产品的路线图，这可以让您更好地面对那些我们称之为“房间里最响亮的声音”。如果您曾经参加过意见冲突的会议，那么您就完全知道我在说什么了。
调研有助于促进以事实为基础的更有成效的对话，这样您和您的客户或您的团队就能在事实的基础上达成一致，而不是以“最响亮的声音“和他们的意见为基础向前推进工作。
根据客户和项目制定调研过程
要开始调研过程时，就调研而言您需要了解业务需求。
业务和项目目标是什么？
目前的状况如何？
竞争格局是什么？
我们正在研究的技术约束是什么？
是否有任何时间限制？
这就引出了第一个全新用户体验（UX）概念。每当我们建立我们的调研过程时，我们都会围绕着时间表、预算和投资回报率来建立。而我们根据客户和项目来制定我们的流程，因为没有两个项目是完全相同的。
要实现这一点所需的工具之一，特别是对于现有的产品而言，就是用户体验（UX）审查，即在10个不同的类别中查看产品。然后，根据您的分析给产品打分。这使团队在需要改进的方面保持一致，同时这也可以让您的团队知道该在哪些地方集中力量来从产品中获得最佳投资回报。
用户体验审查框架——在10个不同的类别中查看产品，根据分析给产品评分，并集中团队力量从产品中获得最佳投资回报率。
照片由Fresh Consulting提供
然后，调研的的另一半内容是与用户共情，了解他们的想法。我们要确定谁是使用该产品的人，他们是如何使用该产品的。用户画像是选择的关键。
他们的关键接触点是什么？
他们的任务是什么？
他们围绕这些任务的痛点是什么？
关键的影响因素是什么？
在用户体验调研中使用用户画像
用户画像与我们的设计对象保持一致，并对用户是谁以及他们每天面临的高层次问题产生共鸣。
在这个触摸屏UI项目中，我们把它归结为四个主要的用户类型，设置Sophia和双击Nick。
设置Sophia是餐厅经理或老板，她需要进入触摸屏UI产品并操作设置——甚至用它做饭。我们发现，解决了她的问题，也就解决了我们的其他用户的问题。
双击Nick是典型的生产线上厨师，一个十几岁或二十几岁的年轻人，刚刚开始工作。他被扔进厨房工作人员中，而工作人员没有时间来训练他。把这两个记住，我们就也能解决其余角色的问题了。
照片由Fresh Consulting提供
用户调研的诀窍是观察他们。不要只是问他们做什么，您应该观察他们在做什么。因为如果您只是问他们做什么，他们会给您一个教科书般的答案。教科书式的答案意味着错过了他们真正在做的事情的很多细节。因此，当您开始观察时，您会开始看到他们真正吃力的地方。如果您只是问他们，这些问题他们可能都不会提到。您可能会看到他们因为现有产品的某一个问题而创造出来的一些小的变通方法，但他们这么做只是因为习惯了，这种方式比较安逸。这就是创造更好的用户体验的精髓所在——用户观察。
#第二步：定义
通过用户观察，我们喜欢定义问题是什么，并对其进行优先排序。
用户的需求是什么？
这种需求有多频繁？
它是如何影响他们的？
它对企业有什么影响？
为了更好地理解这些，我们使用的工具之一是用户故事。
照片由Fresh Consulting提供
建立在您的用户故事之上
用户故事驱动着我们设计的用户流，并回答了我们上面提出的问题。一个用户故事可能看起来就像上面的例子一样。
对于设置Sofia来说，她需要把她所有的午餐食谱组合在一起，这样她自己或她的员工就可以在午餐高峰期快速做饭。这实际上只是为她的预设分配了机器。这不是一件需要经常做的事情，但它超级重要，因为它会影响到双击Nick，他要用它来快速烹饪午餐包，以便及时完成客户的订单，这种情况经常会在一天内发生多次。当涉及到设计时，我们要确保产品按钮是突出的，这样就容易被找到，而且对于设置Sofia来说，很容易点击，毕竟这件事她不常做，不太熟悉。它可以是一个小得多的按钮，只要它在一个直观的位置上，那么就设计层次而言，应该就没有问题。
#第三步：构思
在我们定义了用户问题并确定了优先次序之后，我们就要进入构思模式了。这就是我们需要与项目利益相关者和我们自己的设计团队合作的地方。我们通过信息架构，包括网站流程、线框设计，甚至是模拟模型来工作。我们还会使用另一个叫创造价值（Invent Value）的工具，它对您的团队和利益相关者都非常有用。
第一阶段
阶段一用于构思，这点非常有用，尤其是在COVID-19的困难时期。阶段1全部是远程完成的——当然您也可以亲自去做，但它确实是为远程创建的。利益相关者和设计团队成员只需发布他们的想法，此时没有人可以看到他们。这样做的好处是，您不会有群体思维，您也不会让房间里“最响亮的声音“占据主导。每个人都可以自由地发表他们精彩的想法。
第二阶段
第二阶段是展示优秀创意的阶段。团队成员和利益相关者可以看到这些创意。在第二阶段，我们鼓励围绕创意进行讨论，给予赞扬，提出问题，并将创意发展成更大的东西。
第三阶段
创造价值（Invent Value）的最后一个阶段是每个人都可以得到一定的、选定的票数，来投票给某一个创意或将其投给多个创意。第三阶段是您可以看到那些最好的创意被选了出来，然后，您就可以在这些受欢迎的创意上创建行动项目。这种方法是一种非常好的方式，可以推出大量的创意，让人们参与进来。在项目推进过程中，因为有许多热情的人参与进来，而得到更好的支持。
照片由Fresh Consulting提供
转向草图和线框图
用户体验设计构思过程的另一个有趣的部分是绘制草图和线框。我们可能会写在白板上，也可能是在食堂的桌子上（当然是在新冠爆发之前），而我们的工业设计师甚至可以在纸上高效地绘制草图。很多时候，我们也会以数字形式完成这部分，把专注于内容和功能的非常粗略的草图放在一起。主要原因只是因为它更快——比做模型和编码更快，而且您只是想把想法说出来而已。在这一点上，您不需要担心颜色、字体或图像的问题。一切都是关于内容和这个快速阶段的流程。
照片由Fresh Consulting提供
#第四步：原型设计
您不会希望您的创意只是停留在构想阶段，您想把它做成原型，并让它出现在那些关心它的人面前。一旦您开始巩固您的设计，您要确保您遵循了最佳实践。
#第五步：测试
在创建了一个或几个原型之后，测试、测试、还是测试。我们通常比较关注可用性测试和任务时间测试。印象测试和A/B测试更多的是关于快速命中品牌印象。您之所以要测试的原因是，大多数设计师第一次就没有做对。您可以设计并测试它，然后从这些失败中学习。
在这个过程中的测试部分，您建立了有助于创造更好的产品的洞察力。正因为如此，您要尽早开始测试，但也要贯穿其他生命周期（线框设计、模拟和原型设计阶段）。在您的团队进入开发过程和构建之前，与用户进行测试通常是一个很好的经验法则。
一点点的可用性测试会有很大帮助
有些人认为可用性测试意味着找20个真正知道自己在做什么的人进行测试，这并不完全正确。一点点的可用性测试会有很大的帮助。
行业标准是测试5个用户，您也可以把这个数字翻倍，增加到10个。
但您却无法获得更多的洞察力。您的预算会增加一倍，但却无法真正从这些测试中获得投资回报。通常情况下，从单个角色或具有相同流程的几个角色中测试5个用户就足够了。
在我们的可用性测试中，我们测试了4个产品。在这4个产品中，涵盖角色的测试用户总数最终为27人。我们的结果是，我们在可用性得分方面有+3的提升，我们在一些任务中缩短了74秒，我们还将我们的NPS印象提高了2分。然后在这个过程中，我们发现了一些需要修复的问题。我们的客户知道我们已经把他们的产品改进到了一定的程度，但是我们通过做用户测试又把它改进了很多。
照片由Fresh Consulting提供
充满信心地将用户体验设计交付给嵌入式UI专家
成功地完成用户体验设计过程使我们能够自信地将用户体验设计交付给像Crank的Storyboard HMI这样的设计平台，因为我们知道他们的开发团队不会浪费他们的时间来建造一些不符合标准的东西。这意味着有更多的时间会被投入到构建嵌入式触摸屏UI产品上，甚至可以在进入市场之前在实际的原型上进行测试。
在规划期间考虑开发交接，或者让开发人员参与定期检查，可以让所有参与的团队检查功能，因为这可能会影响开发工作，同时在设计中创造出一些独特的东西。对文件使用一致的命名规则，并有一个风格指南作为您的组件和颜色的参考，也将有助于在当前和未来的产品中创造这种一致性。
在开发过程中要牢记的快速提示
总结一下，当您进入开发阶段时，要让您的愿望参与进来。有时候，您必须快速地调整方向，也许要做一些与最初的设计要求有点不同的事情。时不时地进行一些开放性的合作，可以真正帮助到项目中设计和开发人员的设计流程。
我们将给您留下最后一个原则，那就是设计是一个过程，而不是一个单一的事件。在设计和开发的过程中，对设计的调整保持开放的心态，并鼓励在创造一个更好的产品的过程中进行强有力的合作，直到最后。
点击这里即可在您的设备上免费试用Storyboard。
什么是嵌入式图形用户体验设计？如何创造高效的用户体验设计？（内附案例解说）相关推荐
- 建站百科|「联系我们」页面设计指南（内附案例）
这是[建站百科]专栏第4篇原创内容,由我在建站行业从业10年.给上万公司搭建过网站的经验总结而来. 01/ 2018年,国外一家网站HubSpot Research做过一次信任调查,数据显示,有55% ...
- android ui设计与开发工具,Android用户体验与UI设计
Android用户体验与UI设计 编辑 锁定 讨论 上传视频 本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 本书是一部介绍Android用户体验.UI设计理念和方法论的作品 ...
- [译] 虚拟现实是如何改变用户体验的：从原型到设备的设计
本文讲的是[译] 虚拟现实是如何改变用户体验的:从原型到设备的设计, 原文地址:How VR Is Changing UX: From Prototyping To Device Design 原文作 ...
- 优秀分层UI设计模板解析提升网站用户体验，5个UI设计技巧轻松搞定
UI设计时刻影响用户体验.在构成 UI 的所有因素中,比如浏览网站.阅读内容的难易程度,都会导致用户对网站产生或好或坏的主观感受,而这种感觉影响用户决定是否按照设计师的期望进行接下来的操作并达成销售. ...
- WebApp最佳实践用户体验篇之如何针对多种屏幕尺寸设计合理的移动应用
身为一个移动web网站的设计师,除非你只是针对某种特定的设备设计,否则你应该会常常碰到这样的问题:如何清楚地了解网站运行设备的屏幕尺寸大小?这个问题一直困扰着移动设备上的设计师. 例如: iPhone ...
- 微软前UX总监疯狂吐槽Windows 11开始菜单设计：界面混杂，用户体验极差
与Windows 8一样,Windows 11对菜单的设计做出了极大的改变.新的开始菜单不再支持实时磁贴,转而支持静态图标,并且无法再对其进行自定义.新版开始菜单不如Windows 10实时磁贴驱动的 ...
- php用户体验手册,产品经理教程：用户体验要素及产品设计步骤
现在产品研发人员经常挂在嘴边的一个词就是"用户体验",现在大家对用户体验越来越关注了,也是最容易被忽略的一个关键因素.那么我们应该如何设计出满足用户体验的产品呢?下面一起来看看进行 ...
- 创建声音流时出错_如何设计微交互创建出色用户体验方案
♝点击上方"交互设计学堂"关注我们,送电子书 很多人把微交互简单的理解为做个动效,实质上,我们通常见到的那些动效只是微交互构成中的一部分,属于反馈层面的视觉表达. 微交互既不是一个 ...
- 从用户体验5要素复盘一款产品的设计（全面教程）
当产品发展到一定阶段,优秀的用户体验设计对于产品在激烈的商业竞争中保持核心竞争力是至关重要的.一个产品能否高效地帮助用户完成任务,这直接决定着用户留存和口碑.这时,用户体验就成为了商机. 我们作为产品 ...
最新文章
- 网购时碰到这种卖家操作，一定要记得，否则损失很大
- 使用训练数据结构代替注意力机制
- esp32摄像显示时间_科普系列 || 第一弹~基于ESP32的WiFi连接
- 项目中常用正则（手机号、身份证、金额等）
- windows连接linux服务器并后台运行python脚本
- Atitit aes 加密法php实现
- 亲测！Abaqus CAE2021插件中文乱码解决方法
- matlab画矩阵中的两列,matlab 图例 两列
- LeetCode 739. 每日温度
- C# Socket实现两台电脑通信（三）
- 用了五年 VS Code ，我决定换成 JetBrains…
- JavaScript小白入门篇(二、高级语法之 BOM 详解)
- 深圳海关计算机应用岗位进面分数,这是深圳国税和海关的进面分数线，看完你还敢报吗？...
- 多家国产独立游戏厂商发布反淘宝盗版联合声明
- 低血压形成的原因和治疗方法
- python判断是否为变位词_[python]变位词的判别与分类
- C语言之“拒绝scanf，从我做起”
- 【英特尔oneAPI——异构计算编程】
- 《网络游戏核心技术与实战》学习笔记——专业术语
- CRF条件随机场模型笔记