关于外卖产品的交互设计与用户体验分析

题外话：作为一名互动设计师，我特别喜欢在业余时间分析市场上一些具有代表性的产品的互动设计。同样，作为一名高级美食家，毫无疑问，首先，我将分析几种外卖的互动设计。首先，我会告诉你分析的逻辑。分析角度：一切都从用户的角度出发。分析内容：框架层：单个界面元素逻辑关系结构层：多个页面之间的逻辑跳转关系。这里解释一下分析的内容，有时可以顺便分析产品的性能层、范围层和战略层。毕竟，这些层次是相互影响和渗透的。如果你想了解更多的层次内容，你可以好好学习Jesse James Garrett的《用户体验要素--以用户为中心的产品设计》。分析的目标：或者说换句话说，分析到最后的结点是用户体验交互设计准则ok，以下是正式分析：我选择了四种主流外卖app：饿了么，美团外卖，百度外卖，口碑外卖(淘点)在产品功能相似的情况下，用户体验对客户忠诚度影响最大。因为四个app都是主流外卖产品，因此，产品的易用性和基本的用户体验不应该有太大的问题，所以我会关注产品的细节体验。四种产品的互动，好的方面不多，我只需要改进，分析和解决。真正优秀的互动设计不仅可以关注产品体验的可用性，而且在设计用户行为和帮助用户实现目标时，还应该给用户带来更愉快、更有意义的体验。从用户的角度来看，这四种外卖产品的使用过程基本相同。也就是说，用户的行为应该是：浏览食物-确认订单-等待交付（催促订单、退款）-订单交付（评估）

那我就从浏览美食开始给大家分析一下:

在这四种产品中，我认为在这个链接的设计中存在的问题是口碑外卖。为了帮助您更直观地分析，我将口碑外卖设计中存在问题的界面简化为原型。原型可以更直观地表达界面的逻辑关系，使每个人都可以专注于互动元素和逻辑关系。问题1：浏览任何商店的食品界面，点击的热区域范围是错误的。请参见下图图片中的标记 原因1：只把热区域放在图片和文本本身，对于大多数习惯右手操作的用户，图片中的蓝色 ** 域更接近手指，所以用户经常会遇到以下尴尬的场景：1。嗯？你不能点吗？手机卡2，不能查看食物细节，只能直接订购？原因2：不遵守一致性原则 当用户在外卖第一界面浏览和选择商店时，每个商店都是一个整体（包括商店）logo、店名、销量、配送费/起送费、优惠），和之后的留白区域。当用户触发点击，可点击的区域是一个整体。同交互、同体验，当用户浏览选择食物时，除了“添加食物数量”的botton另外，其余部分也应该是一个整体区域，也就是说，用户可以点击该区域。改进方法：遵循一致性原则，增加热区域，即用户可以点击范围，使用户体验更加流畅。 问题2：食品详细信息图，前后食品滑动设计存在问题。请参见下图图片中的标记 设计的目标行为是：让用户通过左右滑动查看最后和下一种食物的原因1：与用户的期望不一致。然而，我认为在这里的设计中，用户的行为可能是左右滑动，但大多数用户的心理并不是ok，我滑动是为了查看前一种和后一种食物。作为用户，大多数用户的心理应该是这种食物有N这时，我正在浏览他的第一张详细图片m张。因此，导致用户左右滑动的心理与设计目标不一致。这会发生什么？A：嗯，它是如何变成另一种食物的？我不应该点击食物的详细图片吗？因此，设计与用户的期望不一致。原因2：毫无意义。如果设计师想设计前后滑动的行为，让用户查看前后食物，然后我们应该专注于行为，并标记共有多少食物。此时此刻，用户浏览第一种食物是完全多余的。用户最关心的应该是此时此刻食物的细节，而不是这家店有多少食物。我在浏览这家商店的第一种食物。早在第一个界面，用户就应该大致清楚地知道这家商店的基本菜单。因此，这家商店总共有多少食物对用户来说意义不大，甚至毫无意义。没有必要增加用户的理解负担。改进方法：不要胡说八道。直接到原型图更多更好的方法，我也在思考中同步更新。暂时，我将为您提供两种方法（个人偏好第一种）。让我们谈谈确认订单页面：让我们从导航和按钮上的文本内容开始。请参见下图中每个产品界面的导航文本和按钮文本。然后我将从导航文本开始。共有三种情况：确认订单和提交订单。因此，从正常的角度到用户操作过程中的每一个步骤都应以用户操作为基准，从用户操作的正确定。是用户和 做了一些事情，所以在导航的文本设计中，动宾的结构应该更合理。也就是说，用户在确认订单或用户在提交订单，而不是用户在订单确认。接下来，谈谈按钮上的文本，分别有确认订单和提交订单两种。与确认订单相比，提交订单包含了大量的不确定性和不稳定性，确认订单是用户当时所处的场景，提交订单更像是用户未完成的链接中的行为。因此，确认订单可以更好地确定用户的心理，使用户对整个操作过程更清晰，界面反馈更清晰。总的来说，饿了么和百度外卖在这里的设计更合理，更符合用户的心理。或者订单页面，下面谈重点，是订单信息的呈现和安排。首先，我首先将界面原型化，以帮助您更清楚地分析，这里我只解释这四个，我只是为用户的心理。app总结了订单界面的共同信息进行讨论和分析，而个别信息app独特的信息暂时不在讨论范围内。下面开始分析:首先，用户想知道哪些信息:这里简单排序，没有优先级1。我点了什么？2.我要付多少钱？3.我想付多少钱？4.这些东西什么时候送到我手里？5.如何联系我，送到我手里？6.商店有什么折扣？7.注意 第一步是根据用户心理对这七个问题进行优先排序@a：从使用产品本身，即外卖app从这个角度来看，用户最关心的是如何在点菜的基础上把这些东西送到我手里？你什么时候能把它们都送到我手里？。因此，如何联系我，送到我手中应该排在第一位，然后是这些东西什么时候送到我手中。此时，4和5的位置已经解决了！@b：从整个订单的目的出发，付款应该是界面的最终目标。因此，从整个布局来看，付款按钮的逻辑位置应该在整个页面的右下角。从付款按钮开始，我要付多少钱的逻辑位置应该最接近付款按钮。因此，我要付多少钱应该排在相对结束的位置。为什么这是相对结束？因为我们应该考虑备注，因为对大多数用户来说，使用备注的频率很低。他属于用户关注度最低的水平（这也与商店有很大关系。商店会忽略你的备注信息，所以这里有很多不确定因素）。即使我删除了备注，我也可以吃，但味道和我想象的有些不同，所以这里的备注应该排在最后，我要付多少钱可以排在他身上。因此，也确定了2和7的位置。@c：然后我要付多少钱，所以关于钱的信息主要来自我点了什么，所以按照合理的逻辑顺序，应该排在我要付多少钱之上。然后，确定1的位置。@d：以下解决方案是关于我解决方案如下money有些事情应该和1、2放在一起，1、2属于信息显示类，3如何支付倾向于让用户更改一些信息，所以他不能放在中间，所以有两种选择，要么放在上面，要么放在下面。@b原因，那么最好的办法就是把它放在上面。所以确定3的位置。@e：当然，优惠基本上是产品的重要竞争点之一，是不可忽视的。同类型的app，哪个app当然，成本越低，用户就会选择成本越低的。app，即使体验有不合理的地方，用户也会原谅。换句话说，即使用户真的不能使用它，他也会找到一个教程来学习它。毕竟，你是你口袋里的钱！此外，还有折扣，以加强用户下订单的决心，所以最好单独拿出折扣。与钱有关，并与最终付款金额挂钩，放在我如何支付和我订购了什么之间。6.确定位置。所以正确的顺序应该是：1。如何联系我并发送给我。2.这些东西什么时候发送给我？3.我想如何支付。4.商店有什么折扣？5.我订购了什么？6.我想付多少钱？7.注意下面的步骤是整合和分类这些优先级信息。我将根据信息显示（无需用户操作）和信息修改（需要用户操作）上下整合，这是一个更简单的信息。在这里，我将整合成5个模块。我将进一步整合整合完成后的信息。请参见下图（评估）-订单交付）-订单交付（请参考）-订单交付）-订单交付我会陆续更新！期待大家继续关注！