首页

思考|B端产品如何建立用户画像

分享达人 B端界面设计文章及欣赏

在做C端产品设计时,我们常常将碎片化的用户调研信息,通过归类整理将用户进行分类,赋予姓名性别等用户信息以及用户性格,建立起一个个立体的用户画像,帮助我们快速了解用户,建立对用户的有效认知。

 

产品体验改版应该这样做!

前端达人 设计思维

前言

hi 大家好,最近忙里偷闲,对过去在团队中主导的一次产品改版进行了深入的梳理。现在,来和大家分享这次改版的思路和方法,以及我是如何逐步推动整个过程的。
在这次改版中,我运用了一系列的方法论和思路,以确保我们能够更好地满足用户需求和市场趋势。同时,我也遇到了一些挑战和困难,但通过不断尝试和调整,我们最终成功地完成了改版。
文章内容较长,但相信耐心阅读后,你一定会有所收获。希望通过我的经验总结能够为大家提供一些启示和帮助,让我们在未来的工作中更加顺利和高效。
我将拆分为六个阶段:1.准备、2.探索、3.收拢、4.制定、5.执行、6.成果对大家理解整个流程会更加清晰一些。

 

壹、准备

在执行前我们要做好哪些准备工作呢?并能有效帮助我们提前规避一些问题,且更有序顺利的推进项目,通过后续项目复盘我大概总结了以下三个比较核心点:1.编写SOP文档、2.明确参与人员、3.制定执行策略。

 

一、编写SOP文档

更重要的是明确执行流程,提高工作效率,它能够清晰地展示整个执行过程,让协作者更容易理解和掌握执行步骤,一份详情的SOP大纲可以减少在执行过程中犯错概率,我们可以通过它明确规划过程或任务应该如何执行,包括具体的步骤、方法、所需材料和注意事项等。这有助于我们在执行过程中更好掌握方向避免失焦。

二、明确参与人员

在执行前需要明确参与到整个流程中的角色,我将参与人员分为了两类,固定参与非固定可调配,正如词意固定参与人员指的是在整个流程中起到主要作用,需要长期紧密协作的人员,比如方案制定者、设计师、PM、开发人员等。而非固定可调配人员则是在特定情况下才参与的人员,在项目中起到辅助作用,比如协助进行访谈或上机测试、通过调用内部团队资源组织虚拟小组进行用户体验研究的协调员等。不同的人员在流程中扮演不同的角色和承担不同的职责,总之可以将自己当作成这个项目中的Owner所有事物都由你来制定。

例如1:方案产出后可以邀请公司一线同学,进行测试以验证方案是否解决了用户痛点和方案完整度。通过收集反馈数据可以评估方案的效果和可行性,从而进行调整和优化,较多个维度度量。
例如2:当需要进行头脑风暴或其他研究时可以调用内部团队资源,通过组织虚拟小组的方式进行。这样可以方便我们了解不同用户的反馈声音,使我们更加精准找到方向,提高工作效率。

三、制定执行策略

在执行时需要明确具体的执行策略和计划以确保能够按时按质地完成计划,根据目标和范围、资源和时间等因素,制定具体的执行策略包括任务分解时间表负责人等核心价值观要做到“试试有回应,件件有着落”。

在制定执行策略计划排期时,我总结了五个注意事项:

  1. 任务分解要具体、明确,包括具体的任务名称、工作内容、完成标准等信息。
  2. 时间节点要合理、紧凑,确保任务能够按时完成。
  3. 负责人要明确,并分配合理的工作量和职责。
  4. 风险和问题的预测要全面、准确,并制定相应的应对措施。
  5. 调整和优化要及时、灵活,根据实际情况进行调优。

总之,制定执行策略计划排期是项目或任务成功执行的关键之一。通过合理的任务分解、时间节点安排和负责人分配等措施,可以更好地规划和管理项目或任务的执行过程,确保按时、按质地完成。
小结:以上是我对项目改版前期准备工作总结的心得,做足前期准备工作,可以确保项目改版的方向更加明确,团队之间的合作更加顺畅,从而为后续的执行和推进奠定有利的基础

 

贰、探索

在探索阶段制定明确的策略是至关重要的,以确保能够有效地深入洞察问题并识别出产品中存在的“体验问题”“用户需求”。以下是我制定的策略:

 

一、体验层策略
体验层将通过A.可用性测试B. 数据分析C.竞品分析三大板块进行深入洞察,并识别出产品存在的体验问题。

 

A. 可用性测试:

通过小规模的可用性测试,邀请目标用户参与,以观察他们如何与产品进行交互。通过这种方式,可以发现用户在操作过程中的问题、困扰和需求。对于可性测试网上有很多介绍以及使用方法,这里我就不过多展开讲解了,简单总结一些我在使用过程中制定的流程和方法。

  1. 组织虚拟小组:因为可用性测试需要大量的样本的数据支撑,我们可以调动内部团队资源组建成2人一组或3人一组小团队,并分配角色和职责如:观察员,记录员等。分别进行观察用户上机测试。
  2. 确定测试目的:明确测试的目标,是为了评估产品的可用性、找出问题、改进设计等。
  3. 选择测试对象:可以邀请公司内部具有代表性的用户(外部用户邀请不到情况下)需要考虑不同的用户类型、背景和需求,以便更全面地评估产品的可用性。
  4. 制定测试任务:根据产品的特点和用户需求,设计产品核心关键操作任务,包括对产品界面的浏览、功能的使用、信息的搜索等,最好是可以通过和PM共创共同制定,以免走错方向。
  5. 准备测试环境:选择合适的测试场所如公司会议室,办室,确保测试过程中不会受到干扰和影响,同时准备好测试所需的所有设备和记录工具。
  6. 用户上机测试:让用户在测试环境中完成预设的任务,观察员和开发人员在一旁观察、记录和分析用户的行为、反应和反馈。
  7. 体验问题分类:可将问题分为6大类(功能问题、性能问题、技术异常、布局框架、操作交互、视觉问题)
  8. 体验问题定级:可将问题分为4个等级来评估问题的重要程度(致命、严重、一般、轻微)。
  9. 分析结果总结:根据观察和记录的结果最后进行汇总,对产品进行分析找出问题和改进点。

在可用性测试中,我总结了四个注意事项:

  1. 选取适当的样本:样本应该具有代表性,能够涵盖不同的用户类型和需求,以便更全面地评估产品的可用性。
  2. 设计合理的任务:任务应该与产品的实际使用场景和用户需求相关,同时考虑不同用户的能力和偏好。
  3. 舒适的测试环境:测试环境应该舒适、安静、无干扰,以减少用户的不安和压力,同时提供必要的设备和工具。
  4. 观察用户的行为:观察员应仔细观察和分析用户的行为、反应和反馈,以便更准确地了解产品的问题所在。

B. 数据分析:
通过CSM团队对企业产品购买数据的分析,可以更直观的看到企业在购买过程的问题和机会,从而挖掘企业对产品的诉求最后将数据进行过滤抽取有效信息转化为用户需求,帮助我们明确产品体验优化范围和与竞品拉开差异化机会点,从而更准确地解决用户在使用过程中遇到的问题。

 

在提炼产品问题和用户需求时,我们可以从以下四个维度进行提炼,便于更加准确性的判断问题的根源:

  1. 使用场景卡点:用户在使用产品遇到的具体问题和难点,我们可以针对性地解决用户在使用过程中遇到的实际问题,提高用户的使用体验。
  2. 核心使用场景:用户使用产品核心场景和目的,通过了解核心使用场景,我们可以更好地理解用户的需求和痛点,并针对性地提供解决方案。
  3. 产品核心功能:产品或服务的主要功能和特点,我们还可以了解用户对产品核心功能的认知和满意度,发现潜在的问题和机会。
  4. 客户产品诉求:用户对产品期望和诉求,并针对性地提供解决方案。我们还可以了解用户对产品价值的认知和期望,为产品的定位和营销策略提供参考。

总之,通过从使用场景卡点、核心使用场景、产品核心功能和客户产品诉求这四个维度进行提炼和分析,我们可以更加准确性和全面性地了解用户需求和痛点,为体验升级、开发、功能优化等提供重要的参考依据和支持。

 

C. 竞品分析:

竞品分析有很多方法,这里我采用的是“用户路径分析法”通过观察和了解竞品的功能使用情况,分析竞品的业务模式、用户体验和视觉呈现,从而发现机会点并形成差异化。在进行竞品分析前选择分析对象很是非常关键之一,我们可以从两个维度“使用频率、市场规模”进行选择合适的竞对产品。

  1. 使用频率:这个维度关注的是竞品的使用频率,即用户与竞品交互的频率。通过了解竞品的使用频率,我们可以更好地理解用户对竞品的依赖程度,以及竞品在市场中的活跃度和影响力。在选择竞品时,选择那些使用频率较高的产品可以更好地了解用户的需求和行为,从而发现更多的机会点。
  2. 市场规模:这个维度关注的是竞品的市场规模,即竞品在市场中的销售量和影响力。通过了解市场规模,我们可以更好地了解竞品的竞争地位和市场占有率。在选择竞品时,选择那些市场规模较大、具有代表性的产品可以更好地了解市场的需求和趋势,从而发现更多的机会点。

在进行竞品分析过程中,我总结了两个方法可以帮助我们更有效的了解到竞品信息:

  1. 通过销售代表进行访谈:销售代表是直接与客户沟通的人员,他们非常了解客户对产品的需求和反馈,并且在介绍产品时也会提及其他竞品。通过与销售代表进行访谈,我们可以了解到市场对竞品的反馈和评价,从而更好地选择合适的竞品对象。
  2. 从企业软件购买量中抽样:这种方法可以帮助我们找到那些被广泛使用并且具有代表性的竞品。通过了解企业软件购买量,我们可以选择那些在市场中占据较大份额的竞品进行分析,从而确保我们选择的竞品对象是符合分析需求的。

总之,选择合适的竞品对象是进行竞品分析的关键之一。通过使用“使用频率”和“市场规模”两个维度来选择竞品对象,可以帮助我们更好地了解市场和用户需求,发现更多的机会点并形成差异化。同时,参考销售代表的反馈和从企业软件购买量中抽样也是选择合适竞品对象的可靠方法。

 

二、用户层策略

用户层将通过A.用户访谈B.用户旅程图两大板块进行深入洞察,识别出产品存在的体验问题,从而针对性地优化产品体验。

 

A. 用户访谈:
通过现场对用户one one形式进行访谈了解用户需求和反馈,通过与用户进行交流深入了解用户在使用产品或服务过程中的感受、需求、痛点和期望。最后我们对用户反馈的问题进行梳理、分析和脑暴,洞察出产品功能及服务优化方向。网上有很多关于用户访谈使用介绍这里就不过多介绍了,简单总结了一些我在使用过程中制定的流程和方法。

在进行用户访谈时我总结了七个心得,可以帮助我们在执行时更好的开展。

  1. 确定访谈目标:在开始访谈前,需要明确访谈的目标和目的,以确保访谈的顺利进行和结果的可靠性。
  2. 选择合适的受访对象:选择具有代表性的用户作为受访者,可以更好地了解用户的需求和反馈。
  3. 准备访谈提纲:根据访谈的目标和目的,准备一份访谈提纲,包括要探讨的主题、问题列表等。
  4. 舒适的氛围:在访谈过程中,要营造一个舒适、轻松的氛围,以使受访者能够自由地表达自己的想法和意见。
  5. 关注用户需求:在访谈过程中,要关注用户的需求和痛点,了解用户对产品的期望和要求。
  6. 避免引导性问题:在访谈过程中,要避免提出引导性的问题,以避免影响受访者的回答。
  7. 记录和分析访谈结果:在访谈结束后,要及时记录和分析访谈结果,整理受访者的意见和建议,以帮助我们了解用户需求和反馈,针对性地优化产品体验和服务。

总之,用户访谈是一种非常有效的了解用户需求和反馈的方法,可以帮助我们更好地了解用户的需求和痛点,针对性地优化打磨产品体验和服务。

 

B. 用户旅程图:
通过用户访谈得出来数据结果,我们将采用绘制用户旅程图方式,可以更全面地了解用户在使用产品或服务的过程中所经历的流程和步骤,以及用户的触点、行为、痛点、爽点以及内心OS等元素。通过将用户旅程图与用户访谈得出的数据进行结合,我们可以更有效地识别出用户在使用过程中问题暴露最多的环节从而针对性地优化产品体验

在绘制用户旅程图时,我总结了五个注意事项可以帮助我们在绘制时更准确:

  1. 确定用户旅程图范围和目标:在绘制用户旅程图前,我们需要明确用户旅程图的范围和目标,例如要绘制的是整个产品的用户旅程图还是某个具体功能的用户旅程图。
  2. 收集用户数据:通过用户访谈、调查问卷、观察用户行为等方式收集用户在使用产品体验过程中的数据。
  3. 绘制用户旅程图:根据收集到的数据,将用户在使用产品体验的过程中的触点、行为、痛点、爽点以及内心OS等元素以图形化的方式呈现出来。
  4. 分析用户旅程图:通过分析用户旅程图,可以发现用户在使用产品体验过程中存在的问题和需求,从而针对性地优化产品体验。
  5. 多角色泳道图:在B端业务中,由于涉及多个角色的交互和触发任务,因此多角色泳道图是一个非常有效体现用户链路的,可以帮助我们更好地了解用户的使用行为。

总之,通过绘制用户旅程图,我们可以更全面地了解用户在使用产品体验过程中所经历的流程和步骤,结合用户访谈得出的数据,可以更有效地识别出用户使用的卡点和产品体验问题,从而针对性地优化产品体验。

 

三、探索结果总结

我们通过前期的“体验层和用户层”分析结果提取关键性问题,并与业务方共创、分析、量化当前版本中存在的体验问题,且达成共识共同制定本次产品改版优化目标

总之,在梳理调研结果问题过程中,我们可以以制定优化目标形式进行总结,这样可以帮助后续在制定产品体验优化目标和设计策略时会更加聚焦问题避免走偏方向。
小结:在探索阶段,通过体验层和用户层分析以及其他方法和工具的应用,我们可以更全面地了解用户需求和反馈,明确产品改版的优化目标,为后续的产品设计和开发提供有力的指导和支持。

 

叁、收拢

通过前期的产品体验分析,将制定五个方面的产品体验优化目标,分别为:业务目标、产品目标、用户目标、体验目标和设计目标,可以帮助我们更好地与业务侧进行共创,明确本次产品体验优化的范围和重点。同时,这些目标也可以帮助我们后续更好地度量产品的优化提升效果。

总之,在制定产品体验优化目标时需要确保每个目标都是具体可衡量可实现的,并且与业务需求和用户需求保持一致。同时,还需要根据产品的实际情况和优先级,确定哪些目标是必须达成的,哪些目标是后续通过迭代逐步达成的。这样可以更好地明确工作量,使我们在改版过程更加聚焦优化方向。
在制定产品改版目标时,我总结了四个注意事项可以帮助我们在制定时提前规避一些问题:

  1. 业务目标:是与业务需求和KPI\ORK相关的目标,如提高用户活跃度、增加订单量等。这些目标通常是公司或团队关注的重点,也是产品体验优化的基础。在制定业务目标时,需要与业务侧进行充分沟通和讨论,确保目标与业务需求保持一致。
  2. 产品目标:是与产品功能和特性相关的目标,如增加新功能、优化产品架构等。这些目标可以帮助我们更好地完善和迭代产品,提高产品的质量和竞争力。在制定产品目标时,需要考虑产品的整体架构和功能特性,确保目标与产品的发展方向保持一致。
  3. 用户目标:是与用户需求和反馈相关的目标,如提高用户满意度、解决用户痛点等。这些目标可以帮助我们更好地了解用户需求和反馈,从而针对性地优化产品体验。在制定用户目标时,需要深入了解用户的需求和反馈,并结合用户体验调研数据进行制定。
  4. 体验目标:是与用户体验和交互设计相关的目标,如提高操作的流畅度、优化界面设计等。这些目标可以帮助我们提高产品的用户体验和交互效果,从而使用户更加愿意使用产品。在制定体验目标时,需要结合用户体验数据和用户访谈结果进行制定。
  5. 设计目标:是与产品设计和技术实现相关的目标,如优化视觉质感、提高任务成功率等。这些目标可以帮助我们更好地实现产品的设计和开发,提高产品的质量和体验。在制定设计目标时,需要考虑设计的可行性和技术实现的可能性,确保目标能够得以顺利实现。

小结:在制定共同目标时,需要与相关人员进行清晰、明确的沟通,确保每个目标的具体达成结果和每个人的职责都得到明确。这样可以避免误解和混淆,确保参与人员能够准确、高效地推进项目。

 

肆、制定

通过前期分析的结论并制定改版策略,主要围绕两个方面:1、用户需求分类:针对用户反馈的需求进行过滤,并将功能定性和优先级排序2、制定设计策略:根据用户需求和业务目标及产品目标,制定相应的设计策略,设计策略需确保与用户需求和业务目标及产品目标保持一致。通过用户需求过滤、制定设计策略、明确工作范围、制定开发计划以及产品迭代优化策略,我们可以更好地明确工作范围和推进项目。同时也可以确保项目的顺利进行。以下是我制定策略使用的方法:

 

一、用户需求分类

在前期针对用户访谈和CRM人员提出的用户需求转化为问卷,并使用KANO模型进行需求分类和优先级排序,可以帮助我们更好地了解用户对产品的关注点和期望,明确后续优化时需要重点解决的用户痛点。这样做有助于提高产品的质量和竞争力,并更准确地满足用户的需求。

我们通过KANO模型,将用户需求分为基本需求、期望需求和魅力需求。基本需求是用户认为产品必须具备的需求,需要与PM达成共识确保这些需求得到正确实现并且不能出现问题。期望需求是用户认为产品应该具备的需求,需要在产品改版过程中实现这些需求以增加用户的满意度。魅力需求是用户没有预料到的需求,可以在产品中适当的实现这些需求可以增加用户的满意度和口碑。

总之,KANO模型是一个非常好用的工具,不仅可以帮助我们更好地了解用户的需求和期望,还可以用于日常工作对PM提出的需求进行甄别,明确属于哪一类需求,从而更好地满足用户的需求并提高产品的质量和竞争力。此外,KANO模型还可以用于产品策划、运营策略制定、市场营销等领域,可以帮助团队更好地了解用户需求和痛点,从而制定更精准的策略和措施。

 

二、制定设计策略

制定设计策略是产品改版开发过程中非常重要的一环,可以帮助我们明确设计方向和目标,并制定相应的策略来实现这些目标。通过前期的调研将基于GSM+UES模型制定设计目标与策略,可以更准确地满足用户需求和业务目标及产品目标,并且与调研的结论形成闭环。同时,与业务方进行共创达成目标一致也是非常重要的。我们需要与业务方进行充分的沟通和讨论,确保设计策略与业务目标保持一致,同时也能更好地理解业务方的需求和痛点,为产品的改版提供更贴合实际需求的解决方案。

总之,制定设计策略需要充分考虑用户需求、业务目标、产品目标、产品发展趋势等因素,并与业务方进行充分的沟通和共创,以确保设计策略的可行性和有效性。同时,也需要根据实际的设计结果和用户反馈来不断调整和优化设计策略,提高产品的用户体验和质量。
小结:在进行用户需求分类和制定设计策略的过程中,需要充分地与团队成员进行沟通和讨论,以便更好地理解用户需求和业务目标,并制定相应的设计策略。同时,也需要确保团队成员对设计策略的理解和共识,以避免设计方向失焦。在与团队成员进行沟通和讨论时,可以采用多种方式,如会议、讨论组、头脑风暴等,以便充分发挥团队的智慧和创造力。同时,也需要保持开放的心态,积极听取不同观点和建议,并对问题进行深入的分析和探讨,以找到更优的解决方案。

 

伍、执行

在执行阶段,通过方案探索设计方案产出两个方面来进行方案设计和可行性验证。在执行这两个方面的工作时,团队需要保持紧密的合作和沟通,以确保设计方案的一致性和可行性。同时,团队还需要不断地与业务方和技术团队进行沟通和讨论,以确保设计方案能够得到有效的实现。

 

一、方案探索

方案探索将通过A.竞品框架分析B. 探索方案产出C.MVP方案验证三大板块进行方案探索,并确保方案的可实现性和有效性。

 

A. 竞品框架分析:

在方案设计前我们需要对竞品框架布局进行分析可以帮助我们更好地了解市场需求和用户行为从而更好地指导我们的产品改版方案设计通过对竞品框架布局的分析我们可以了解到用户使用频率较高的竞品是如何布局功能的以及它们的操作路径和交互设计。这些信息可以为我们提供有力的参考,帮助我们在设计改版方案时更好地聚焦方向优化框架布局提高产品的用户体验和基础体验。此外,通过对竞品的分析,我们还可以了解竞品的优势和不足之处,从而更好地改进自己的产品。我们可以借鉴竞品的优点,同时也可以针对竞品的不足之处进行改进,使自己的产品更加符合用户需求和市场需求。

分析完竞品框架后,还需要进行框架的优缺点对比,这里将通过统一性,逻辑性,可拓展性,可预测性4个维度进行对竞品框架分析,得出它们的优缺点有都有哪些,通过最后结论可以定位我们产品框架布局方向。

通过前面竞品框架分析和优缺点对比后,我们需要回顾一下是否符合我们的目标,并且衡量新框架可以解决可用性测试出来的体验问题的数量,同时也需要衡量新框架与目标的匹配程度

在竞品框架分析中,我总结了三点经验:

  1. 首先,我们需要确保新的框架设计能够满足我们的目标。我们的目标可能包括提高用户体验、增加用户满意度、优化操作流程等。通过对比竞品和分析优缺点,我们可以初步确定新的框架设计是否符合这些目标。
  2. 其次,我们需要度量新框架可以解决多少个可用性测试出来的体验问题。可用性测试可以帮助我们发现用户在使用产品过程中遇到的问题和困难,而这些问题和困难往往直接影响到用户体验和产品满意度。如果新的框架设计可以解决这些问题,那么它可能会带来更好的用户体验和产品满意度。
  3. 最后,我们还需要衡量新框架与目标的匹配度。即使新的框架设计符合目标,并且可以解决一些可用性测试出来的体验问题,但我们还需要确保它与目标完全匹配。换句话说,我们需要确保新的框架设计可以最大程度地满足我们的目标,并且能够带来更好的用户体验和产品满意度。

总之,在进行竞品框架分析和优缺点对比后,我们需要回顾一下是否符合我们的目标,并且衡量新框架可以解决可用性测试出来的体验问题的数量,以及新框架与目标的匹配程度。这些步骤可以帮助我们更好地评估新的框架设计是否可行和有效。

 

B. 探索方案产出:

结合着前期的调研与分析将结论融入到产品方案设计中,1、需要围绕现有产品的基础功能和用户期望的需求进行设计。这意味着需要考虑到产品的现有功能以及用户对产品的期望和需求从而制定相应的设计方案2、需要明确新框架的用户核心关键路径。这意味着需要了解用户在使用产品时的主要任务和操作流程并确定新框架如何引导用户完成这些任务和流程。通过明确用户核心关键路径可以更好地优化框架布局和功能设计。3、需要以高保真原型的质量产出方案高保真原型可以帮助我们更好地模拟产品的实际使用场景和用户体验,从而更好地评估方案的可行性和有效性,为后续做方案验证做准备。

总之,结合前期的调研和分析将结论融入到产品方案设计中是非常重要的步骤,可以帮助我们更好地指导方案设计。我们需要围绕现有产品的基础功能和用户期望的需求进行设计,明确新框架的用户核心关键路径,并以高保真原型的质量产出方案,为后续的方案验证做好准备。这样可以确保我们的设计方案更加贴近用户需求和市场趋势,提高产品质量和优势。

 

C. MVP方案验证:

MVP方案验证是产品改版方案的关键步骤,它旨在确保产品改版方案在实际操作中可行和方案落地有效支撑,并能够满足用户需求和解决产品可用性测试体验问题。

在开始前我们还需要准备一些前期工作:

  1. 需要编写一个标准操作流程(SOP)文档详细描述方案验证的所有步骤和操作指南。这包括测试目的、测试人员招募、测试环境、测试数据、测试步骤、结果记录等。这个文档将作为整个验证过程的指导和操作手册。
  2. 需要准备所有必要的材料和资源,包括测试目的、测试人员招募计划、测试环境搭建、测试数据准备、访谈问卷设计等。
  3. 在方案验证前,需要与业务方讨论并明确改版后产品的用户核心操作路径。这可以帮助我们更好地了解用户需求和产品使用场景,以便在方案验证过程中验证这些核心操作路径是否符合用户期望和业务需求。
  4. 需要将方案制作成可操作的Demo,以便在现场访谈中观察用户操作情况,验证方案的可行性和可落地性。Demo应该尽可能地模拟真实的使用场景和用户体验,以便更好地评估方案的可行性和有效性。
  5. 在准备好Demo后,需要邀请目标用户进行现场访谈,观察他们在实际操作中的表现和反馈。通过观察用户的操作过程和反馈,我们可以验证方案的可行性和可落地性,并明确产品改进的方向。
  6. 在访谈结束后,需要对用户的反馈和操作问题进行整理和分析。针对这些问题,我们需要进行深入的讨论和研究,列出问题优先级并逐个解决。
  7. 最后,根据测试结果和问题讨论的结果,需要明确结论,评估方案的可行性和可落地性。如果方案存在不可行或不可落地的问题,我们需要及时调整方案并进行再次验证;如果方案可行且可落地,我们可以进入下一阶段的产品开发。

在MVP方案验证结束后,根据测试结果和问题讨论的结果,我们可以通过以下三个维度“可用性测试问题解决覆盖率、用户体验提升比、产品体验评分”来度量新旧版本产品体验提升效果,并且和前期洞察产品体验问题结论形成闭环,(强调一下:这里的数据不是凭空捏造而是前期我们给自己挖的坑,在执行阶段时需要我们一点一点填补上前期挖的坑,可以理解为是一环套一环的思路哈!数据验证指标可以在前期共同讨论设定的,不仅限于此!)。

以下是我对MVP方案验证的理解和总结:
MVP方案验证的核心目的是什么?
MVP方案验证的核心目的是验证产品改版方案是否符合用户需求、是否能够解决可用性测试体验问题,以及是否能够在实际操作中可行。通过MVP方案验证,我们可以了解用户对产品的反馈和评价,验证产品方案的可行性和有效性,并及时发现和解决问题,确保产品改版的成功。
MVP方案验证的六个步骤:

  1. 准备MVP方案:在开始MVP方案验证之前,我们需要准备好MVP方案,包括产品改版的具体设计、功能实现操作demo、操作流程等。
  2. 招募测试用户:为了获得真实的用户反馈和评价,我们需要招募一定数量的测试用户,这些用户应该是我们的目标用户或者是相关领域的专家,以便更好地代表用户群体的意见和需求。
  3. 设计测试场景和任务:根据产品改版方案和用户需求,我们需要设计相应的测试场景和任务,以便在测试中模拟真实的使用情况,让用户在模拟的环境中进行操作和体验。
  4. 进行测试并收集用户反馈:在测试环境中,让测试用户按照设计的场景和任务进行操作,并收集他们的反馈和评价。这些反馈和评价可以包括用户对产品的使用感受、操作流程是否顺畅、功能是否满足需求等。
  5. 分析测试结果并解决问题:根据收集到的用户反馈和评价,我们需要对测试结果进行分析,找出产品改版方案中存在的问题和不足之处。针对这些问题,我们需要及时进行修正和完善,确保产品改版方案的可行性和有效性。
  6. 重复验证:在修正和完善产品改版方案后,我们需要再次进行MVP方案验证,以确保问题已经得到解决并且方案符合用户需求。重复验证是MVP方案验证的重要环节,以确保产品改版的成功。

总之,MVP方案验证是产品改版的关键步骤之一,它旨在验证产品改版方案是否符合用户需求、是否能够解决可用性测试体验问题、是否能够在实际操作中可行。通过MVP方案验证,我们可以及时发现和解决问题,确保产品改版的成功。

 

二、设计方案产出

在设计方案产出阶段将通过A.探索设计风格B. 明确设计方向C.视觉风格提案三方面进行方案的设计,并确保方案的设计质量和可落地性。

 

A. 探索设计风格:

在开始设计方案之前,首先需要探索和了解产品的设计风格和定位。这涉及对目标用户的研究、市场趋势的洞察,以及竞争对手的分析等。通过了解用户的需求、喜好和行为模式,以及市场上的成功案例,可以初步确定产品的设计风格和基调。

我们可以通过虚拟小组分头进行风格探索,集思广益,从多个角度和思路出发,寻找和探索适合的设计风格。而将分析结论整合,结合情绪板聚焦改版设计风格方向,则可以将这些探索结果进行整合和提炼,明确设计方向,确保方案的可落地性。
具体来说,这个过程可以包括以下步骤:

  1. 组建虚拟小组:将团队成员分成几个虚拟小组,每个小组负责探索不同的设计风格。
  2. 分头进行风格探索:每个虚拟小组可以通过调研、讨论、尝试等方式,探索不同的设计风格,包括色彩、排版、元素、交互方式等。
  3. 收集和分析数据:每个小组收集和分析相关数据,了解用户对不同设计风格的反应和喜好。
  4. 整合分析结论:将各个小组的分析结论进行整合,了解用户对不同设计风格的偏好和需求。
  5. 结合情绪板聚焦改版设计风格方向:根据整合后的分析结论,结合情绪板确定改版设计风格的方向。
  6. 设计方案产出:根据确定的设计风格方向,进行方案的设计和产出,确保方案的可落地性。

 

B. 明确设计方向:

在了解了设计风格的基础上,需要进一步明确设计方向。这包括确定产品的整体设计思路、核心理念和关键元素等。这个阶段需要我们根据前期收集到的用户反馈和市场信息,结合设计专业知识和经验,提出具体的设计方案和实施计划。

比如我们定义了以下三个体验优化策略:
1、STEP 01 简化功能模块。
将方案中的功能进行梳理和整合,去除不必要或冗余的功能,只保留核心和关键的功能,以降低实现的复杂度和成本,并提高用户的使用体验。

a.功能梳理:对方案中的所有功能进行梳理和分类,了解每个功能的作用和重要性。

b.功能整合:将相似或相关的功能进行整合,去除重复或冗余的功能,只保留必要的功能。

c.功能优先级排序:根据功能的重要性和用户需求,对保留的功能进行优先级排序,确定核心功能和次要功能。

d.设计简化方案:根据功能优先级排序结果,设计简化后的方案,确保只包含核心和关键的功能。

e.评估与验证:对简化后的方案进行评估和验证,确保其满足用户需求和业务目标。

 

2、STEP 02 减少信息干扰。
信息干扰通常是指设计元素、颜色、字体、布局等对用户注意力的分散和干扰,它可能会影响用户对产品信息的理解和使用。

a.精简设计元素:在设计方案中,尽量减少不必要的装饰和设计元素,保持界面的简洁和清晰。

b.突出核心信息:通过调整字体大小、颜色、位置等方式,突出显示核心信息,引导用户关注重点内容。

c.一致性的设计语言:在整个产品中,保持设计元素的统一和一致性,避免因设计风格的差异而造成用户的困惑。

d.合理利用空白:通过适当的空白和留白,营造出简洁、清晰的视觉效果,减少信息干扰。

 

3、STEP 03 缩短操作路径。
操作路径是指用户完成某项任务所需经过的步骤和流程。如果操作路径过长,用户可能会感到繁琐和不便,从而影响产品的使用体验。

a.减少操作步骤:优化产品设计,尽可能减少用户完成某项任务所需的步骤和操作。例如,通过整合多个功能或简化操作流程,减少用户需要点击或输入的次数。

b.整合功能:将相关功能进行整合,减少用户在不同页面或模块之间的跳转。例如,将多个相关功能放在同一个页面或模块中,方便用户一次性完成多个操作。

c.提供快捷方式:为用户提供快捷方式或快速入口,使其能够更快地到达目标页面或完成特定操作。例如,通过添加快捷菜单或按钮,使用户能够快速找到所需的功能或信息。

d.优化导航结构:优化产品导航结构,使用户能够更轻松地浏览和查找所需的内容。例如,通过设计清晰的菜单结构和标签页布局,使用户能够快速找到所需的信息或功能。

 

C. 视觉风格提案:

在明确了设计方向后,需要明确改版风格关键词,结合映射出的关键词制定视觉风格提案。这个阶段需要设计师根据产品的定位和目标用户的需求,制定出符合设计方向的视觉元素和风格。视觉风格提案需要包括颜色、字体、图片、布局等方面的具体建议,以便让用户在第一时间感受到产品的特点和风格。

通过提取产品中的核心关键界面,进行风格的尝试和设计探索并围绕“轻量、沉浸、高效”的原则进行设计。同时,与业务方共创明确设计方案风格方向,可以提高产品的用户体验和可用性,为推动产品改版成功打下坚实的基础。

在这个过程中,我们可以采取以下步骤:

  1. 确定核心关键界面:首先,我们需要确定产品中的核心关键界面,这些界面通常是用户使用频率较高、对产品体验影响较大的页面。
  2. 风格尝试:针对每个核心关键界面,我们可以进行多种风格的尝试,包括色彩、排版、图标、交互方式等。通过对比不同风格的呈现效果,我们可以找到最适合的界面风格。
  3. 设计探索:在确定风格后,我们可以在核心关键界面上进行设计探索,尝试不同的布局、交互方式和视觉效果。在这个过程中,我们需要注重轻量、沉浸和高效的设计原则,确保用户能够快速、轻松地完成任务。
  4. 试错打磨:通过试错的方式,我们可以不断调整和优化设计方案,找到最优的呈现样式。在这个过程中,我们需要不断收集用户反馈和评估效果,以便及时调整设计方案。
  5. 与业务方共创:与业务方共创设计方案风格方向是非常重要的。业务方通常更了解产品的业务需求和用户需求,他们的意见和建议可以帮助我们更好地满足用户需求和提高产品的可用性。

小结:在风格尝试阶段,可以大胆地探索不同的设计风格,不必过于考虑产品业务的约束,这样可以让我们寻找到最佳的设计方案。同时,试错打磨也是一个重要的步骤,通过不断地尝试和调整,我们可以提高设计的质量和效果。最后,及时与业务方进行沟通和同步是非常关键的,以确保我们的设计方向与产品业务需求保持一致。只有这样,我们才能确保方案的可落地性和产品的成功改版。

 

陆、结果

最后,我们需要制定两个标准分别为:设计目标度量标准,产品上线打分标准,可以通过这两个标准对设计方案进行量化和评估确保其符合前期制定的目标并具有完整性和可落地性。同时,我们也可以及时发现和解决潜在的问题和挑战,为产品的成功上线提供有力保障。

 

A. 设计目标度量:

设计目标度量是验证设计方案是否符合前期制定目标的关键步骤。我们可以通过灰度测试版本中进行度量,确保设计方案能够在实际操作中可行并能够满足用户需求。
我们可以根据前期制定的设计目标,制定具体的度量标准,包括功能可用性、用户体验、性能等方面。将灰度测试版本提供给一小部分合作企业,收集他们的反馈和数据,对设计方案进行实际验证。对收集到的数据进行分析和评估,包括用户使用行为、错误率、性能指标等,以了解设计方案在实际操作中的表现。根据数据分析结果,对设计方案进行必要的调整和优化,确保其能够更好地满足用户需求和提高产品性能。

在制定设计目标度量标准时,我们可以考虑以下几个方面:

  1. 功能性:评估设计方案是否满足用户需求和产品目标,是否涵盖了所有关键功能和界面。
  2. 可用性:评估设计方案是否符合用户的使用习惯和需求,是否能够提高产品的易用性和用户体验。
  3. 视觉设计:评估设计方案中的视觉元素是否符合产品风格和品牌形象,是否具有吸引力和美感。
  4. 交互设计:评估设计方案中的交互流程是否流畅、自然,是否能够引导用户完成操作任务。
  5. 性能响应速度:评估设计方案是否能够在不同设备和网络环境下保持快速的响应速度。

B. 产品上线打分标准:

产品上线打分标准是一个用于评估产品上线效果和质量的量化指标体系。根据打分结果评估产品的上线效果和质量。需要注意的是,具体的打分标准和权重可以根据实际情况进行调整和优化。同时,在产品上线后,还需要持续关注产品的运行情况和用户反馈,及时发现和解决潜在的问题和挑战,为产品的持续改进和优化提供有力保障。

以下是制定一个打分标准范围参考示例:

  1. 功能完整性:评估产品是否涵盖了所有关键功能和界面,是否满足用户需求和产品目标。
  2. 用户体验:评估产品的易用性、交互流程、视觉设计等方面是否符合用户的使用习惯和需求。
  3. 视觉语言:一致的设计语言、度量设计方案需遵循了标准化组件规范、色彩、弹框、圆角、间距、阴影等。
  4. 性能稳定性:评估产品在上线后的运行稳定性和响应速度,是否能够保持高效的运行效率。
  5. 创新性:评估产品是否具有创新性和前瞻性,是否能够引领产品的发展趋势并提高产品的竞争力。
  6. 用户反馈:评估用户对产品的反应和满意度,了解产品的优点和不足之处。
  7. 数据表现:评估产品上线后的数据表现,包括流量、转化率、ARPU等指标的变化。

C. 项目成果复盘:

最后,我们需要对整个产品改版过程进行详细的梳理和总结,以复盘的形式量化评估做得好和不足的地方。通过这种方式,我们可以沉淀方法论和经验,为团队赋能,避免在未来的工作中重蹈覆辙。(如何做项目复盘网上有很多方法哦,这里就不过讲了)

 

 

感谢阅读。
希望以上的总结能够为大家提供一些启示和帮助,让我们在未来的工作中更加顺利和高效。



作者:Shook舒克
链接:https://www.zcool.com.cn/article/ZMTYwMjc3Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

B端组件设计如何支撑产品体验

分享达人 B端界面设计文章及欣赏

用户觉得软件不好用通常是由于操作界面不符合常识,交互逻辑出人意料导致的。用什么样的设计来支撑产品体验值得我们深入的思考。

UI设计师的产品体验

纯纯

01、腾讯视频,色觉障碍优化

腾讯视频在播放视频时可以通过辅助功能调节色觉障碍优化,针对色觉障碍的用户提供了相应色彩画面的选择。通过优化视频色彩来提高画面辨识度,更加人性化的照顾更多用户群体。

代代 摘录





02、腾讯视频,重回后继续播放的小细节

当用户观影过程中需要暂停退出当前窗口,当重新切换回来时,视频播放进度会自动调节到暂停前 3-5 秒。这样的处理可以让用户可以更好的对剧情进行重新衔接,延续离开时的记忆,非常人性化的细节处理。

代代 摘录





03、高德地图十一期间不一样

高德地图节日期间在左上角新增了“景区随身听”服务,打造千人千面的全新语音导览体验,首批覆盖全国逾500个热门景区,为高德用户带来不一样的十一假期体验。

黑马青年 摘录





04、剪映,拖动试听音乐有助于选择

剪映在添加音乐时,可以通过拖动音频来快速试听该音乐,快速跳过缓慢的前奏部分,直接试听音乐高潮部分。根据当前素材选择最适合的高潮部分配音,可以节省用户选择配音的时间。

Liaju 摘录





05、高德地图,截图生成长图

搜索好目的地之后如果选择公交地铁出行,为了防止可能由于网络不佳等因素不能及时查看交通信息,可通过截图功能,保存完整的路线指引图。保存图片后可在相册中查看长图,也方便分享给好友,非常人性化。

疏晶晶 摘录





06、企鹅 FM,左滑到底直接删除收听记录

企鹅 FM 最近收听记录中,不仅可以左滑配合点击删除,还可以左滑到底直接删除当前操作内容。

许文娟 摘录





07、携程旅行语音导览

在携程旅行 APP 中,针对部分景点介绍有设置语音导览的功能,初次体验你可以选择该旅游景区的三个景点进行试听。对于很多游客来说只是看风景,如果不了解景点背后的故事,是很难有代入感的,这个功能可以让你对景点有个初步认知。

黑马青年 摘录





08、微信读书,想看啥摇一摇

微信读书,摇一摇!它会根据用户的阅读记录推荐类似的书籍。当用户不知道看什么书的时候就摇一摇,以有趣的交互解决用户选择困难症。

代代 摘录





09、bilibili 漫画跨页拼贴阅读

一般的漫画都是在一页之中进行分镜,在手机上阅读时不会有什么障碍,但是当出现一些比较大的跨页插画时,手机上的观看体验就不是那么友好。而当出现跨页时,bilibili 漫画可以通过向下滑动来进行拼页,将跨页拼成一页来进行观看,优化了阅读体验。

住住 摘录





10、叮咚买菜购物车领券激活用户购买欲

随着生活方式的不断变化,现在买菜这样的家常小事都可以服务到家。


最近在体验叮咚买菜 App 的时候,发现购物车顶部会有领券提示,通过满减、优惠券等形式可以更快的激活用户购买欲。空状态的购物车可以激活用户进行商品添加,已选择商品后会看到满减提示,激活用户选择更多的商品达到满减权限,一举多得。

黑马青年 摘录





11、微博动漫,不一样的性别设置

点击右上角的男生/女生头像便可直接替换角色,区别于常见的输入形式,简化用户操作步骤,并且推送内容会根据用户性别进行差异化推送。

Cherry 摘录





12、记账城市,游戏化记账玩法

对于我们这一代的年轻人来说能坚持记账的估计相对较少,一些互联产品的引入相对可以激活这一部分人群。最近体验的记账城市让我影响深刻,将游戏化的场景引入产品设计中,你记录一次就相当于为自己的虚拟城市进行一次基建,带入了几分趣味性。


也可以点击拍摄图标进行照片记录,调整好需要展示的城市场景,点击拍摄时模拟了类似拍立得形式的照片打印。整个体验不仅年轻化、游戏化,也结合了趣味性,在细节的处理上面也非常到位。

黑马青年 摘录





13、美图秀秀以营销思路引导登录

通常访问个人中心都需要用户登录账户,如何引导用户创建账户是产品不断思考的问题。美图秀秀以红包微动效替换默认头像,以登录领红包引导用户创建账户,也算是一种不错的以营销思路作为引导的方式。

黑马青年 摘录





14、骨骼,绘画人的热爱

很喜欢这款解析人体结构的 App,设计很大胆,有个性。点击右上角“显示插针”会显示插针在某个部位,点击插针还能出现对这个部位的解释。还能对骨骼进行360旋转,深入解剖每个部位。


功能操作控件放在上下左右四个角,内容的布局打破常规设计,左下角的“滑轮”操作,当你滑动时就会在“显示界面”跟“隐藏界面”之间切换。

Liaju 摘录





15、Keep 不一样的任务设置

Keep 的任务设置采用 H5 的形式,区别于其他大众的常规任务形式。没人喜欢做任务,用讲故事的方式去设置任务关卡,会增加用户的参与度。


“卡路里工厂”在取名上就增加了不少趣味性与点击欲望,进入“卡路里工厂”界面用星球、星空等元素设计,画面具有神秘感,让用户觉得是在探索星球中完成任务。结合游戏化的形式更有趣味性,因而提升用户参与度。

Liaju 摘录





16、音兔,音乐智能推荐

音兔 App 在进行图片和视频编辑时,音乐的类型会根据图片和视频的内容进行推荐,如发的风景照就会推荐旅行相关的音乐,发的猫咪照片就会推荐猫奴的音乐,方便用户在进行图片和视频编辑时更快捷的选到适合的音乐。

Xindy 摘录





17、微信读书滑到头还能无限场

卡片式滑动翻页现在非常普及,起点通常是无法滑动的,但是微信读书打破了你的思维局限。在开始时允许你向右滑动,此时便可进入无限场,带给你不一样的互动体验。

黑马青年 摘录





18、招商银行双重刷新相结合

招商银行 App 进入社区状态下 icon 变为刷新样式,可以手势下拉进行刷新,也可以点击 icon 进行刷新,操作更加便捷。

Cherry 摘录





19、网易云音乐,生日祝福

生日那天,网易云音乐的每日推荐图标会变成一个蛋糕图形,每日推荐的第一首歌是「祝你生日快乐」。这些小细节是不是很暖心呢,反正我是被俘获了。(Android Version 6.3.2)

無休 摘录





20、Space FM 通过音乐交友

Space FM 模拟宇宙太空,把每个用户比作一个宇航员,宇航员添加喜欢的歌曲,形成自己的音乐星球;宇航员可以带着自己的星球在太空漫游,每隔30秒匹配新的宇航员,如果双方都停留下来,可以听对方的歌曲,还可以打招呼、聊天,聊得来可以收听对方的音乐,即可私聊。


以太空星辰为动态背景,播放着自己喜欢的歌,营造了一个轻松的氛围。在与陌生人打招呼,有了音乐为话题引子,不会显得唐突尴尬。

無休 摘录





21、猫耳 FM 的闪屏启动音

猫耳 FM 增加启动音的设置,区别于传统 App 闪屏启动,加入声音的闪屏启动音更增趣味性。推荐的启动音也非常符合产品二次元的调性,让用户在进入 App 时有声优体验的沉浸感受,每一次的打开都是一次惊喜的体验。


“欢迎回来,主人”、“早安,大小姐”…等声音录制来自不同动漫的经典重现,能抓住一部分特定用户人群的喜爱,也是非常棒的运营策略。

老白 摘录





22、京东商城添加活动日历功能

京东商城在首页添加了活动日历的功能,用户可以了解到未来一周的优惠促销活动。可添加活动提醒,这样用户就不会错过好的优惠活动,同时也提高了平台的转化率。

逆光 摘录





23、腾讯视频,播放短视频中推荐正片

观看短视频的时候,播放大概 5 秒左右,视频下方标题栏会变成正片内容导航,避免用户找影视名字的繁琐,既能满足用户需要,又能增加产品需求。

皓月长歌 摘录





24、酷狗音乐,透视立体翻页设计

酷狗音乐歌单页,头部推荐歌单采用透视立体翻页效果呈现,增强视觉画面感,主体内容更突出,也区别于平铺卡片形式。头部的背景颜色也融合当前卡片的色调,整体更协调。类似这种呈现简单立体翻页效果的表现手法,在 UI 应用场景中也越来越常见。

Liaju 摘录





25、途家民宿,未完成订单的设计呈现

当用户有未完成的任务订单,在“首页”和“我的”以显著位置提示用户完成订单。多个订单“首页”以轮播形式进行展示,“我的”以上下滑动形式展示并提示用户。

皓月长歌 摘录





26、QQ 夜间模式下的 icon 设计

切换 QQ 夜间模式,底部标签栏消息选中模式下的 icon 结合睡觉打呼的情景设计,符合夜间场景。贴合场景的细节设计,带给用户更好的体验。

Liaju 摘录





27、马蜂窝旅游,详情页照片展示处理

马蜂窝旅游在文章详情页展示作者拍摄的景点照片时,不会对照片进行裁切等处理,而是以宽度固定高度自定义的方式进行呈现。展示出照片本身的原始状态,不仅方便作者拍摄不同比例的照片,也方便用户从不同的视角观看景点。

黑马青年 摘录





28、毒汤日历,点赞也要扎心

一款毒鸡汤产品,觉得很丧就打开看看,说不定丧丧就好了。点赞 icon 设计也是带“扎”的,恰好符合产品属性;当你想翻过明天的时候,会提示“明天,怎么翻也翻不过去”。

Liaju 摘录





29、百度翻译,通过引导互动完成信息采集

引导页在产品中比较常见,从静态、动态、视频等不断演变到互动式新形式引导设计。


在百度翻译 APP 中,通过引导页和用户进行互动,来了解用户群信息。通过这样的互动形式可以更好的被用户所接受,并进行相应信息的选择。

疏晶晶 摘录





30、抖音,背景图编辑预览更人性化

在抖音设置个人主页背景图,更换图片来自个人相册,在进行图片编辑时,可以预览基于布局结构上的呈现效果,便于用户截取需要的图片显示区域。

疏晶晶 摘录





31、编辑微信朋友圈动态试试长按照片

编辑微信朋友圈动态过程中,如果选错图片通常大家都是点击图片预览时删除。还有一种长按拖拽删除可能容易被你忽略,不妨试试看,通过长按拖拽删除照片更能方便用户操作。

疏晶晶 摘录





32、酷狗音乐,30 秒副歌播放

通过 30 秒的副歌播放,为你快速筛选是否喜欢这首歌,30 秒缩短了用户试听歌曲的时间成本。也会提示用户下一步操作,如果 30 秒不够可以增加 30 秒。 

Matilda 摘录





33、QQ 音乐制作视频歌词海报

喜欢的歌词可以制作成动态海报,还可以自定义拍摄视频,符合当下流行的小视频。将喜欢的歌词歌曲同时赋予视频的记忆,听觉+视觉体验结合,给人更加丰富的情感体验。

Matilda 摘录


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系

作者:黑马青年  来源:站酷

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



浅析产品体验设计细节

分享达人

目录

一、马蜂窝 — 人性化设计识别文章地点

二、微博 — 社区游戏化设计提升互动率

三、QQ — 通过手势消除未读消息

四、最右 — 情感化设计保护用户隐私

五、抖音 — 深夜提醒贴心的功能

六、网易音乐 — 把分享游戏化

七、QQ音乐 — 歌词沉浸式体验

八、盯潮 — 趣味性banner轮播,增加用户点击

一、马蜂窝—人性化设计识别文章地点





产品体验

在马蜂窝任意文章中,如果出现地区则可以通过当前页面对地区进行提取

目标

减少用户操作路径,降低产品使用成本

设计思考

日常在各个平台浏览文章时大家都会遇到在文章内会出现一些如地名、人名、物品等相关名词,此时如果对名词感兴趣则需要切换场景去进行搜索,而马蜂窝在这方面深入洞察到用户痛点,基于旅游社交产品背景下在添加地点直达(包含多个地点)功能,解决了对景点感兴趣的用户使用体验。

延伸设计

根据马蜂窝这个人性化功能,是否可以在不同的产品内进行应用,如在一些游戏社区中所提到的虚拟装备、道具等物品添加弹窗简要说明,帮助新手玩家快速理解玩法、功用等

二、微博—社区游戏化设计提升互动率



产品体验

在微博动态详情中进行长按点赞触发动画

目标

通过游戏化点赞玩法激励用户进行互动,提升互动率

设计思考

打破传统点赞动画,微博设计动效采用大胆创新的全屏动画并搭配上散发的微表情,在长按与连点两种手势下动效规律不同,消除用户枯燥感,微博作为国内最大社交平台,页面展示上已经形成用户深刻认知,在不影响基本风格上进行彩蛋设计有效的提成用户互动率

三、QQ—通过手势消除未读消息



产品体验

在qq聊天页面中对底部消息气泡进行拖动,消除所有未读消息

目标

提升用户操作效率和使用体验

设计思考

qq作为社交工具,每位用户都会添加大量人、群以及关注各种推送,在这种场景下用户每条消息都去操作需要花费大量时间,QQ把传统的消息已读以一种简单的交互手势作为代替,相对全部已读在操作上更佳便捷

延伸设计

通过qq的这个交互细节,在其他产品场景中同样适用,如一些音乐、电台相关的产品在离开播放页面后播放状态会悬浮在页面之上,如果关闭的话则需要点击暂停或者进入详情后关闭,也可以考虑使用拖动手势进行关闭

四、最右—情感化设计保护用户隐私



产品体验

在最右登录页面输入密码时ip形象会出现捂眼睛动作

目标

强化用户隐私和心理信任感

设计思考

日常在使用一些敏感性操作时我们都会注重隐私,如一些表单的填写、密码输入等相关操作,最右在登录页面使用到了ip形象的动作去向用户传递心理上的暗示,这种手法很好的把品牌曝光与体验相结合

五、抖音—深夜提醒贴心的功能



产品体验

长时间刷抖音时会系统会提示,在深夜使用时会支持设置提醒时间

目标

防止用户疲劳使用产品,定时缓解注意力

设计思考

在使用抖音时大家可能会经常深陷其中无法自拔,往往忽略了时间影响身体健康,提醒机制则在深夜不同时间段进行间接提示,虽然在用户体验中不提倡打扰用户,但在短视频这个场景下如果过渡沉浸便会造成反向影响

六、网易音乐—把分享游戏化



产品体验

在网易音乐对某首音乐进行分享时可以对音乐进行个性化定制,对歌曲进行编辑添加文字、图片、语音等以视频方式呈现

目标

把分享以一种偏游戏化的形式呈现,提升用户分享率

设计思考

传统分享基本是直接让用户分享到第三方平台,而网易音乐这个设计把分享场景进行多元化处理,以定制音乐罐子为切入点,用户自由编辑个性化处理装进罐子进行分享,是一种视频剪辑融合音乐的一种新玩法,破圈传统枯燥的分享场景,提升用户分享率

七、QQ音乐—歌词沉浸式体验



产品体验

在音乐歌词页面中可以支持设置歌词主题

目标

新颖的呈现手段,强化用户沉浸式听歌

设计思考

传统的音乐产品在详情页面展示了一屏歌曲歌词,面对大量的文字用户在寻找某段歌词时效率不是很高,对大量的字段也极为枯燥,而qq音乐使用了创新的展现形式,把手机主题概念融入歌词中达到新的视觉体验,根据不同的主题对应的动画也不同,大大的提高了用户的视听体验

八、盯潮—趣味性banner轮播,增加用户点击



产品体验

在盯潮首页banner处对其进行拖动甩出

目标

通过交互玩法提升用户对banner的点击

设计思考

banner在页面通常点击率较低,用户会默认为广告,在盯潮内滑动banner时会发现banner可以进行拖动,并且松开时会自由掉多,把传统的banner切换做出了可玩性更高的效果,同时这个设计手段也能吸引用户注意力引导用户对banner进行点击

原文地址:站酷
作者:爱吃猫的鱼_

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

产品体验增长中的3个核心招式

周周

本文将以「产品与用户之间的信任」为出发点,从产品体验的角度,对比产品体验层面的差异化,为大家提供设计思路,助力产品数据的增长,设计出既好看又好用的产品界面。

UI/UE设计师的产品体验日记

前端达人

指尖滑动屏幕的时候,多停留几秒,捕捉一些用心的设计,记录并反思应用到自己的设计中去。用心设计,让我们的生活更加美好!

01、广告植入


关键词

#运营  #广告


产品体验

微信:刷朋友圈的时候,无形中就刷到了广告,以朋友圈的图文展示。也可以进行点赞,留言互动。

微博:在关注列表中也会有一些广告推送。用户可以自己关闭。

爱奇艺:打开视频观看前,会有一小段广告时间播放,如果没有购买会员是需要强制观看完广告才能看视频正片。


设计思考

微信:隐形植入广告,以“朋友”的身份跟你安利一个物品,角色扮演,用另外一种方式介绍产品。

微博:无形中插播一个广告推文,广告的标签跟关闭的按钮做的小,不明显,增减关闭难度。

爱奇艺:提供付费权利,可关闭广告。


02、短视频互动功能


关键词

#交互  #点赞  #评论


产品体验

微博:全屏短视频体验。关注,点赞等功能图标悬浮在右侧,方便用户点击,交互都关联性也强。

美图:右侧一排操作按钮,分享按钮却在头部,距离有点远,很难被注意到。图标采用半透明叠加更有设计感。跟美图这个产品很契合。

QQ微视:上中下的布局,中间是视频主区域。关注按钮在顶部,评论交互都在底部,比较传统的布局体验。


设计思考

微博:视频内容全屏展示,沉浸式用户观看体验。把一些按钮设计的离用户可触碰区域近一点,在用户手指操作的热点区域,加大他们的点击欲望。

美图:视频内容全屏展示,关注直接用文字加色块高亮显示,直接刺激用户,引导他点击。底部设置美化图片产品本身设置了快捷入口。有点弱化分享操作。

QQ微视:视频上方没有其他干扰元素,采用比较中规中矩的布局。


03、关注用户按钮


关键词

#加关注 #弹窗


产品体验

美图:首页的短视频,点击用户进去可以看到他的创作,当页面下拉的时候,关注按钮会一直停留在页面顶部,高亮显示。

小红书:点击个人用户进去看笔记,下拉过程中“加关注”会一直在右上角显示,继续往下拉,底部会出现一个弹窗,提醒你可以关注一下,二次引导。


设计思考

美图:主要是一个提高修图的工具,并提供给用户去分享美图的平台,没有做过多的引导用户操作。

小红书:主打个人社交平台,流量,关注度是主要的数据。发作品的目的性较强,所以给用户做了二次引导关注。帮助创作者博得更多的关注度。


04、视频进度条


关键词

#进度  #视频  #品牌宣传


产品体验

哔哩哔哩:进度条直接了当,当前位置的标记会结合视频的宣传属性来用一些特殊图标来加深用户观感。

爱奇艺:

1、视频有标记记忆点,帮助用户快速定位到想要了解的内容;

2、当前位置采用该视频品牌logo;

3、视频上方有观看热度的面积图,感觉有点被打扰,对用户来说重要性不是很高。


设计思考

哔哩哔哩:

1、视频进度条颜色是品牌颜色;

2、当前位置不再是单一的基本图形,会用一些有趣的图形替换,同时视频属性。

爱奇艺:

1、进度条颜色不在是单一采用品牌色,可以个性化不同场景搭配使用;

2、当前位置的状态用视频的品牌植入logo,起到二次宣传的作用;

3、效果视频记忆点,根据后台剪辑标记用户可能感兴趣,帮助用户快速定位;

4、进度条上方有观看热度的曲线。感觉这个设计有点多余,手机观看尽量减少视觉干扰。


05、轨迹与预计到达时间结合


关键词

#轨迹 #地图 #预估时间 #定位 #场景


产品体验

杭州公交:等公交等时候,标记你所在位置的站点,通过图标大小、颜色标记其他公交车到站情况,很直观。可以给自己等车时间做心里准备。

淘宝:物流运行轨迹在地图上显示,结合发出点到签收地,预计的时间跟签收状态。


设计思考

场景化思维设计,让用户身临其境感受。

杭州公交:聚焦与单条公交线路线,去除复杂的地图背景,直接用图标标记与你所在站点的位置关系,同时上方卡片会显示即将到找的三个公交车预计时间,给用户准备候车预留足够的时间准备。

淘宝:物流在全国范围内跑,使用轨迹结合地图会更加直观。能看到当前所在的位置,预计还有多少时间送达等等信息用场景来表达。


06、图像拍照识别


关键词

#拍照,智能识别


产品体验

百度:拍照识别的时候,全屏且屏幕中会标记小白点高光,一闪闪,bringbring 。

有道云:拍照上传识别的时候,会出现锚点可以拖拽自己想选择的图片区域,直接裁剪。


设计思考

百度:识别照片环境的时候,有小光斑互动,带有智能科技感,让体验更加有趣。

有道云:拍照过程加入裁剪功能,对图片预处理,提高笔记效率。


07、文档信息编辑


关键词

#编辑  #弹窗


产品体验

石墨:编辑本条笔记时,底部弹窗,一行显示一个操作,“删除”标红。

有道云笔记:有11个操作动作,采用分类的方式布局,配合图标一目了然。


设计思考

石墨:追求极简体验,沉浸式设计。

有道云笔记:功能较多,底部弹窗最好不要超过屏幕2/3,影响体验,结合图标更加直观。


08、搜索框内提示文案


关键词

#搜索提示语


产品体验

微博:不知道看什么时,会提示你看别人都在搜什么内容,引起你的兴趣。搜索下方也有热门搜索,也是可以买的“热搜”广告位,增加曝光率。

淘宝:根据你之前搜过的产品,程序自动给你推送一些对应产品的关键词搜索。


设计思考

微博:热搜的一些运营,业务层面考虑。

淘宝:电商类,记录你的搜索喜好,给你推送符合你的产品,千人千面。


09、金刚区下面的公告栏板块


关键词

#公告  #内容信息


产品体验

喜马拉雅:电台模块,可以私人定制自己感兴趣的电台。

支付宝:一些公告,消费通知,结合IP形象,触角还会动两下,感觉是在跟你互动对话。


设计思考

喜马拉雅:本身是个声音类产品,用电台的形式订阅自己喜欢的内容推送。

支付宝:用支付宝自己的蚂蚁iP形象,加深品牌影响,同时也起到提示作用。


10、下拉加载


关键词

#缓冲  #加载


产品体验

美团外卖:下拉加载时,用美团袋鼠IP在跑的小动效来缓解用户焦虑。

安居客:页面拖动下拉的时候,在头部有个楼盘建筑2.5d插画,感觉有另一个空间的感觉。

淘宝:淘宝详情下拉对时候,有一个历史足迹,再你逛了很多商品之后,反复对比,想回去之前的店再逛逛,同时也减少了用户页面跳出率。

微信读书:页面下拉的时候,可以添加书签,对当前页做记录,下次可以快速找到改页面内容。


设计思考

美团外卖:植入IP形象做动效,加深品牌印象。

安居客:创造二次空间感,让加载的过程中,没那么焦虑,反而让用户觉得惊喜。

淘宝:模拟用户使用场景,在购买商品过程中会对产品反复对比,加入一个历史足迹,同时提高页面转化率。

微信读书:下拉的过程中给用户制造惊喜。


11、配图多张排版


关键词

#配图多张排版  #图片


产品体验

淘宝:有视频,又有多张图片的情况下,视频权重比图片大,左一右二展示,其余收起来,点击查看全部。

拼多多:图片跟视频同时存在,平铺展示,视频默认放第一个位置,一行三个,大小统一。

今日头条:头条文章内有多张图,列表流只取三张显示。


设计思考  

淘宝:商品评论较多,控制每个评论列表高度统一性,一屏用户可见更多买家秀,同时刺激点开视频的行为。

拼多多:弱化视频跟照片的比重。

今日头条:图片更直观表达,也是用户第一时间注意的信息。首页列表需要能贴合文章内容,刺激用户点击,可后台手动配置列表展示配图。


12、优酷视频青少年权限


关键词

#用户权限


产品体验

个人中心头像上方有个“成长守护:可以设置青少年模式,主要是为家长用户对小孩上网观看视频的一个管理。


设计思考

概念包装:现在网络视频内容层次不齐,不同年龄层都能接触各类信息,鉴于对青少年的保护,对视频推送权限设置,用“成长守护”包装权限设置,让产品更有温度。


13、评论页留言列表


关键词

#评论列表


产品体验

知乎:评论列表整屏弹窗,用户回复用户,名称之间用一个小箭头指向,很有特点。作者身份跟在用户昵称后面。

爱奇艺:留言回复没有展示用户头像,只有昵称。对同一留言回复用色块区分。

小红书:评论列表2/3弹窗,同一留言内容最多显示一条,多余的折叠。


设计思考

知乎:用户名称比内容层级较高,并结合头像使用,用小尖头图标直观表达回复对象的动作。

爱奇艺:视频为主,评论为辅;对同一留言评论用灰色底,使用亲密性原则,对其他评论人的头像隐藏,注重评论内容。

小红书:从下网上的弹窗形式,一屏展示内容区域较少,同一留言多条评论就收起展示。


14、视频类个人中心页面


关键词

#我的个人中心

 

产品体验

爱奇艺:开通会员提醒醒目,右滑展示不同类别的会员。

腾讯:开通会员提醒明显,下面是观看历史,常用功能分类。

优酷:顶部有关注、粉丝、作品等数字信息展示,其次是开通会员提醒。


设计思考

爱奇艺:视频平台合作,会员权限开通付费为主要业务。

腾讯:以平台为主,个人创作视频转型中。常用功能归类,节省首屏利用率。

优酷:注重社交属性,鼓励个人创作视频上传。


15、视频类引导开通会员


关键词

#会员服务,运营


产品体验

视频页面都设置了两个开通会员入口

1、打开视频默认播放广告,视频右上角开通会员可关闭广告;

2、视频正下方有个大的提示开通会员入口

爱奇艺:结合用户心理,用文字优惠刺激用户开通。

腾讯:会根据活动给予免费体验会员的服务。

优酷:直接把会员所享受的服务内容展示出来。


设计思考

爱奇艺:没有多余的描述,直接提示新客优惠。

腾讯:正下方的开通会员文案会根据不同的视频运营有不用的文案,比如超前点播,活动免费领取等等。

优酷:首屏占的比重大,无论视频上方关闭广告 还是正下方,按钮都设计的很大。


转自:站酷

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI/UE | 产品体验日记

前端达人


设计的思考不仅要注重表象层面,也需要围绕信息传达这一设计的本质功能,以充满自省的精神深化和反思自己的设计意识,即做到“好看、好用”。在设计过程中,要站在公司的利益上,懂用户所想,在每一个关键点都要带给用户意想不到的惊喜,这些往往都是通过细节体现出来的。





01.「微信」添加好友-扫描与被扫指尖切换


产品体验:

使用微信扫一扫添加好友时,如果对方打开二维码的速度较慢(网络不好/手机卡顿/操作不熟),为避免自己久等,可通过左下角的二维码入口将自己的个人二维码提供给对方扫描添加。

设计思考:

微信的扫一扫功能简直强大到不敢相信,除了我们日常要用的支付付款、物品查询、各种信息的获取等,还有一个重大的功能就是添加好友。不知道大家有没有碰到过这种情况,需要添加好友时,自己打开扫一扫,过了很久却发现对方还在功能的路径中徘徊,迟迟没有打开二维码页面,这时我们不得不说一声“你扫我吧”,于是自己从扫描页面返回,一顿骚操作,把自己的个人二维码给对方展示了出来。

微信在扫一扫页面左下角提供的个人二维码入口,便于在加好友出现问题时,随时由被动变为主动,指尖切换扫描与被扫的添加方式,节约用户时间成本以及缓解扫描等待的焦虑感。基于用户添加好友时所处的使用环境,考虑周全且人性化,极大方便用户使用。





02.「高德地图」录入车牌号-降低限行违章概率


产品体验:

在高德地图的导航设置中,录入自己的车牌号并开启避开限行提醒,在导航过程中如果途径限行路段,系统会有语音播报提醒并自动避开限行路段重新规划路线。

设计思考:

自北、上、广、深四个一线城市交通部分别出台汽车限行措施后,其他部分城市也相继出了限外政策,外地车牌如果想要在本城市随时出行,需要(部分城市通过摇号)获得本地车牌号方可。不管我们对交通路线有多熟悉、或者经过其他城市的限行路段,因限行导致的违章真是防不胜防,毕竟每个地方的限行政策都是通过固定渠道对外宣布,不会通知到每一个驾驶员,如果不能第一时间获得限行讯息,悔之晚矣。

使用高德地图导航,在登录后录入车牌号并开启“避开限行”,系统就会自动检测导航路线,如果要经过限行/限外路段时会自动重新规划,通过绕行来避让限行的路段,如果无法避开则提示:已无法为你规避限行路段,请合理安排出行。自动规划路线能够有效避免因限行导致的违章,给我们造成经济损失,尤其是驾照,毕竟一周期才12分。就算无法避开,也可以通过语音提前知道限行路段,并合理安排出行时间。

(PS:虽然很多用户感觉无需登录也可以正常使用,但登录之后可以享受更多特权以及更加优质的服务)





03.「支付宝」你想要的收款二维码样式是这样的


产品体验:

在支付宝的收款二维码页面截图时,系统预判用户有使用二维码收款的需求,通过弹窗提示是否需要保存二维码图片,自动去掉无关信息并统一规范样式。

设计思考:

移动支付自上线开始,微信支付和支付宝支付各自占领着半江山,只要涉及线上交易,绝大多数用户每天必定会选择其中一个使用,虽然两大企业的方向截然不同,但支付系统在用户体验方面都是一如既往的持续提升,以此来增加用户的粘性。

支付宝收款二维码页面触发截图,在截取成功的状态下,同时弹出保存二维码图片提示。跟设备截取的图片相比,单独保存的二维码样式更加简洁,且规范统一,信息内容更加聚焦,便于用户直接传送或打印使用。其实进入收款二维码页面,在下方原本就有保存图片入口,基于用户进入此页面的需求明确,对性子较急且耐性较低的用户来说,这个被弱化的保存入口,可能直接忽略(别不信,我见过有人手上拿着手机还在到处找手机)。截图时出现的弹窗提示,相当于上了一道保险,避免使用截图自行裁剪打印的样式不统一,导致付款用户心中原本就已存在的默认收款二维码样式发生变化,形成认知负担。





04.「抖音」暗示用户-好看就要分享


产品体验:

在抖音短视频页面停留一段时间后,分享图标会自动变成最近常分享的某个用户头像,暗示用户好东西要分享。

设计思考:

抖音作为当前最火的短视频(直播)平台,相信很多用户即使不经常玩,但最起码会玩,虽然有部分低俗、劣质的用户在破坏着平台的规则,但整体看来是利大于弊的,其他的交给人心。下载抖音的用户大部分获取来源应该是来自于他人的分享,一传十十传百,最终传到人手必备,所以平台是相当注重分享功能的用户体验。

抖音的分享功能,其实还有一个小细节,当我们停在某个短视频页面一段时间时,原本的分享图标会变成最近分享的用户的头像。用户对分享功能都有常规的认知,当我们在观看某个视频一段时间后,系统自动评判该用户对此视频感兴趣,基于用户看到感兴趣的东西就喜欢炫耀、分享的心理(比如“孙悟空到此一游”),系统将分享图标变成用户头像,意在提醒观者分享,以达到最大化传播可能的目的,以及为平台拉取新用户。





05.「智行火车票」搜索攻略-确保使用的流畅性


产品体验:

首次打开智行火车票的搜索功能,会自动弹出搜索攻略,以指导用户可搜索的范围及使用规范,后续再次打开搜索即恢复常规用法,如果再次了解,点击搜索攻略即可。

设计思考:

对于搜索功能,可谓是熟悉的不能再熟悉了,千篇一律的输入关键字即可,大不了重新再来。搜索是产品中不可或缺的一部分,无论打开哪个App,都能很快找到,但如果搜索功能做的好了,也是用户转化的关键流量入口,比如搜索方式、呈现样式、搜索引导等,用户体验不容忽视。

智行火车票APP的搜索攻略就是在合适的时间、合适的地点准确的传达给用户。首次进入,即自动弹出搜索攻略教育新用户,明确的告知使用搜索功能可以搜什么?怎么搜?避免用户一打开就直接撸字,而造成使用错误的概率提高以及影响搜索结果的准确性,用户一旦碰壁,很有可能转身就离开。自动弹出的搜索攻略由被动变为主动,可以提前告知用户搜索范围及关键词示例,降低出错的几率,让整个搜索流程更加顺畅,为后续的使用提供便利,减少用户的流失。





06.「虾米音乐」评论-一键表达心情



产品体验:

在虾米音乐听歌时,进入评论功能,除了可文字评论外,还能表达听歌时的心情,随时查看有多少同样心情的人在听这首歌,很有代入感。

设计思考:

文字是我们交流常用的元素,但很多时候因使用的方法不当而造成含义上的变化,比如一段话后面加个感叹号,到底是消极还是敌意?声音也是一样,当我们开着车对行人按喇叭,是表示礼貌还是愤怒?而表情则是不同,它表达的是一种类型,比如一个笑脸,可以理解为满意、开心、高兴等。表情除了可以委婉的表达自己内心的情感之外,也是因为表情的无责任性,你会听到人说,请注意你的言行,但没人会说,请注意你的表情包。

虾米音乐APP在歌曲的评论功能,除了有文字评论之外,还可以表达听歌时的心情,即表情评论。进入评论页面,首先看到的是某某等几人使用的什么样的心情评论,并提示共有多少人参与,引导用户接下来该做什么,让用户快速地进入到产品使用中,给予了明确行为操作的指令,触发并提高了用户的参与度。另外使用表情相比文字评论更容易操作,系统预设好可供用户选择的表情包并附带文字提示,用户无需思考便可一键操作,很大程度上降低了完成的难度。事实表明,同样能达到目的的办法,简单的是最实用、也是。





07.「美团」收货地址-二次提醒降低出错的概率


产品体验:

在美团提交订单页面选择好地址后,页面上滑,详细地址会悬浮在导航栏,便于用户二次确认或修改。


设计思考:

线上购物已经成为了我们的家常便饭,外卖行业解决着我们“吃”的问题更不例外。通常我们在选择好商品后,地址作为重量级的信息都会优先展示在订单页面的顶部,首先基本都会提供一个默认地址,如果不需要进入地址修改即可。纵然如此,依然有部分用户因为急于下单,后续发现地址错误,就需要联系商家修改地址或者取消订单重新下单,浪费时间不说,还会影响心情。

美团APP在提交订单页面,针对地址方面相当于加了一道保险。用户在选择完地址上滑页面后,详细地址悬浮在的标题栏上,点击可直接修改收货地址,虽然不一定每个用户都能看到,但长时间悬浮在页面顶部,时刻都在提醒着用户,只要稍一抬头,即可看到醒目的大字(地址),便于用户潜意识的浏览或眼睛的余光扫描,发现有误及时修改,降低下单时地址出错的概率,考虑周全,给予更好的用户体验。





08.「菜鸟」下拉刷新-趣味化的“空投”


产品体验:

菜鸟APP在页面下拉刷新的过程中,会有一个纸箱从空中落下的动画效果,类似空投,仿佛在说“你的补给已送到,请及时查收”,非常贴合平台的属性及特征。

设计思考:

下拉刷新早就不是什么新鲜的东西了,几乎所有的应用里都会有这个功能,通常都是一个持续的动效在告知用户,页面的数据正在加载,请稍等,市场上很多APP的刷新样式都是大同小异。不过一旦做好刷新样式,就不仅仅是告知用户当前页面状态这么回事了,比如下拉刷新前后两种状态借助过渡动效连接到一起,让用户了解界面到底发生了什么改变,以及在刷新的过程中如何留住用户继续等待,避免用户焦躁的情绪......

菜鸟APP在下拉刷新的过程中就使用了趣味性的动画方式,首先通过空中出现的箱子缓缓落到地面,有趣又贴合产品整体的设计概念,用生动形象的情感化设计反馈平台行为,为人机交互增加了趣味性和互动性,而且还可以缓解用户在等待刷新过程中的焦虑感;其次,这种动效可用帮助用户理解屏幕上发生了什么,也会让用户有所期待。

(看到这个动效,有没有似曾相识的感觉“哇,那边有空投,马上要落地了,赶紧上车冲过去”)





09.「美团」匿名差评-降低商家对用户的骚扰


产品体验:

对美团的订单进行评价时,如果选择差评(1~2分),系统将自动开启匿名开关以便于用于匿名评价,商家是无法查询到匿名用户信息的。

设计思考:

评价在商品页面展示给所有用户,对店铺商品起着至关重要的作用。95%的用户购物之前都会参考评价,好评会增加用户购买信心;而差评可能会让用户放弃购买这个商品,甚至认为这不仅仅是劣质商品,更有劣质店铺的潜在想法。其实有很多商家都有通过刷单来提升店铺的销售量和买家秀的质量,作假都尚且如此,何况是真实用户呢?所以商品一旦有了差评,不仅会影响店铺的整体动态评分和好评率,还会降低店铺排名,很大程度上会影响其他用户判断及产品的转化率,所以商家一看到差评就激动得马上打电话和买家沟通改评价,低头认错,尤其是新店或者新品有差评时,不断的联系(骚扰)会给消费者带来一定的困扰。

美团APP的订单评价如果选择差评,系统将自动开启匿名评价,由被动变为主动,避免用户因情绪化或忘记打开匿名,而遭受到商家电话的骚扰,通过补偿被要求修改或删除差评。当然,如果用户不想匿名,关闭开关即可。匿名评价不仅降低用户的困扰,还能提升商品评论的真实性,以协助平台通过大数据对整体店铺进行排名和评分展示,减少对后来消费者的误导。

(杠精思维“这样岂不是让很多键盘侠来恶意给店铺差评”。其实别忘了一个前提,就是必须要通过下单支付并等待订单完结后才可以进行评价,毕竟大部分用户不会刻意这样做,任何产品不就是满足80%以上的用吗?)





10「钉钉」保护信息隐私的密聊


产品体验:

从钉钉好友对话框的右上角进入设置页面,点击进入密聊,即可对聊天信息上一道锁,保护信息隐私安全。

设计思考:

众所周知,我们在聊天的过程中,信息很容易泄露,有很多窥探用户隐私的程序,比如进入某些网页会提示需要获取用户位置、读取通讯录等都属于隐私。尤其是社交类型的应用,会有相关保护交流信息的安全措施。如消息撤回、阅后即焚、动态浏览权限等都有一定效果。

钉钉推出的密聊功能就是聊天信息的一道安全锁。进入密聊后,消息禁止复制和转发、头像名字打码防截屏、不可被录屏、消息通知不显示内容等,很大强度上保护交流信息的隐私,给用户带来安全保障。

(有人会问,用微信的人更多,为什么没有密聊功能呢?从用户群体和性质来分析,微信主打社交,男女老少通吃,基本上都是嗨聊、打发时间或平时的常规交流等;而钉钉主打的移动办公,主流的用户基本趋向于白领类型的群体,一般属于工作交流,很多聊天都涉及到商业信息,包括一些文件和商业机密,谁都清楚商业机密泄露的严重性)




结语:


设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。



转自:站酷

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



超多干货!什么样的空状态设计才能留住用户?

周周

empty-states-deserve-more-design-1

空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。不要被空状态的名字所迷惑,实际上,这个状态在引导性、愉悦性和保留用户等方面的潜质对于产品体验在细节当中的成败有着不可忽视的作用。

如何在用户体验与业务目标之间寻求设计平衡点?

用心设计

设计师眼中,似乎所有与业务、营销相关的东西都是垃圾。首先,它们不是垃圾。其次,就算它们是垃圾,你觉得谁更应该站出来做好清洁工作?你觉得谁更适合于将各种复杂、混乱、差劲的东西梳理清楚,整合成为既能让用户开心又能推动业务发展的表现形式?在很多时候,答案是“设计师”。

屏幕快照 2016-02-03 下午2.32.23.png


日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档