首页

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

前端达人

前言

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
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

页面分割设计指南

博博

当你打开一个页面,首先映入眼帘的是丰富多样的内容和信息。如何在有限的空间内,既保证内容的完整性,又让用户能够轻松理解和浏览,这背后的奥秘就在于页面分割。今天,我们就来一起探讨页面分割的艺术与技巧,看看它是如何为你的设计增添魅力,提升用户体验的。
 
在设计中,页面分割不仅仅是一种技术手段,更是一种艺术表现。它如同一位细心的画师,巧妙地运用线条、色彩、空白等元素,
将页面内容划分为一个个清晰、有序的区域。
通过这些分割,用户能够更快速地找到所需信息,更轻松地理解页面内容,从而享受到更加愉悦的阅读体验。
 
页面分割的魅力在于其多样性和灵活性。不同的页面可以采用不同的分割方式,如线条分割、卡片分割、留白分割等,以满足不同的设计需求和用户习惯。同时,页面分割也需要根据内容的实际情况进行合理调整,既要保证信息的完整性,又要避免过度分割带来的混乱感。
 
在本文中,我们将一起探讨页面分割的原则、技巧和应用实例。我们将学习如何运用不同的分割方式来优化页面布局,提升用户体验。同时,我们还将分享一些成功的页面分割案例,以激发你的设计灵感,为你的界面设计注入新的活力。
 
分享目录:
一、分割的常见样式
二、线性分割
三、卡片分割
四、留白分割
五、总结
设计方法论 I 超全面的页面分割设计指南
 
线性分割:
通过使用线条来划分页面的不同区域,以达到组织内容、引导用户视线和提升整体美观度的目的。这种分割方式简单明了,能够清晰地展现出页面内容的层次和结构。
 
卡片分割:
卡片式设计是一种流行的界面分割方法,通过将内容划分为独立的卡片或区块,使用户能够更清晰地理解信息。每个卡片通常包含相关的内容,如文本、图片或按钮,以便用户快速浏览和交互。
 
留白分割:
主要通过增加间距的方式,利用人的视知觉原理(接近法则:人的大脑会倾向于把彼此靠近的元素视为一组),自然地将信息进行分组。这种留白的方式能够为页面增加呼吸感,降低视觉噪音,使设计看起来更简洁。
设计方法论 I 超全面的页面分割设计指南
 
近年来,设计趋势从“卡片式设计”转向了“去线化设计”,
即倾向于使用留白分割而非过多的线条分割,以实现更为简洁清晰的界面效果。设计师在选择分割方式时,应优先考虑留白分割,其次是线性分割,最后是卡片分割。这个选择顺序反映了设计界的一般原则,即在不影响信息传达的前提下,尽可能保持设计的简洁性。
设计方法论 I 超全面的页面分割设计指南
 
线性分割的定义:
线性分割设计是一种在视觉设计中使用的技巧,它使用线条、边框或细线等元素来划分、区分或连接页面上的不同内容区域。这种设计手法主要用于
提高页面内容的可读性和组织性,帮助用户更好地理解和浏览页面信息。
 
线性分割设计具有以下优势:
 
1.划分区域:
线性分割可以将页面划分为不同的区域或模块,使得每个区域的内容更加清晰、有序。这有助于用户快速定位和浏览所需的信息,提高阅读效率。
 
2.区分内容:
线性分割可以用来区分不同类型的内容,如文本、图片、图表等。通过线性分割,可以将这些内容进行分组或归类,使得页面更加整洁、有序。
 
3.引导视线:
线性分割可以引导用户的视线,帮助他们更好地理解页面内容。通过合理的线性分割设计,可以突出显示重要的信息或元素,引导用户关注到关键内容。
 
4.增强层次感:
线性分割可以增强页面的层次感,使得页面内容更加丰富、有深度。通过不同样式的线性分割,可以区分不同的信息层级,帮助用户更好地理解页面结构和内容关系。
 
使用原则:
在使用分割线时,我们应遵循一些原则,以确保其有效地帮助用户理解页面的组成,同时避免过度使用带来的视觉干扰。
 
1.分割线应当微妙而不过于显眼。
它们在布局中应该容易被用户注意到,但又不应成为焦点,以免分散用户的注意力。
 
2.分割线应被视为次要的元素。
只有在留白等其他设计手法无法有效起到分割作用时,才考虑使用分割线。它们应当是布局中的辅助工具,而不是主导元素。
 
3.谨慎使用分割线。
过度使用分割线可能会导致页面显得混乱和复杂。相反,我们应该用分割线来创建信息分组,而不是简单地分割每一个条目。通过审慎而恰当地使用分割线,我们可以有效地提升页面的可读性和用户体验。
图片来源于参考文章
图片来源于参考文章
 
线性分割三种类型:
通栏分割线、内嵌分割线和中间分割线。
 
1.通栏分割线(Full-bleed Dividers):
通栏分割线通常横跨整个页面宽度,用于分隔彼此完全独立的内容区域。这种分割线在视觉上非常显著,能够清晰地划分出不同的内容区块,使用户能够迅速区分不同部分的信息。通栏分割线通常用于区分文章、产品列表、服务介绍等独立的内容区域。
 
2.内嵌分割线(Inset Dividers):
内嵌分割线通常位于内容区域内部,用于分隔有锚点(如头像、图标等)的相关内容。这些锚点可以是图片、符号或小的图形元素,它们与分割线一起,帮助用户更好地理解和区分内容。内嵌分割线常用于列表、卡片式布局、时间线等场景中,用于展示有关联但不同类别的信息。
 
3.中间分割线(Middle Dividers):
中间分割线位于两个内容区域之间,用于分隔无锚点的相关内容。这种分割线通常比通栏分割线更细,更注重于在视觉上划分空间,而不是强调内容的独立性。中间分割线常用于文本段落之间、列表项之间或不同功能区域之间,以提供清晰的结构和层次。
设计方法论 I 超全面的页面分割设计指南
 
在大多数情况下,当信息层级较为简单(即信息层级≤2)时,使用分割线进行信息分割是一种有效的方法。然而,实际上,如果留白间距足够大,我们也可以使用留白来达到类似的效果。通过增大留白间距,我们可以创造出清晰的视觉区域划分,使得信息之间的界限更加明确。
 
与分割线相比,足够大的留白间距可以避免多余的线性元素干扰,让整体视觉效果更加清爽。这样的设计选择有助于提升用户的阅读体验,使用户更加轻松地理解和消化信息。
 
因此,在信息层级较简单的情况下,我们可以灵活地选择使用分割线或留白来进行信息分割。通过调整留白间距,我们可以达到与分割线相似的效果,同时保持整体设计的简洁和清晰。
设计方法论 I 超全面的页面分割设计指南
 
为了提升屏效,我们希望在一屏内展示尽可能多的信息。在这种情况下,分割线的设计显得尤为重要,因为它们能够有效地划分信息区域,使内容更加清晰、易于理解。
 
通过使用分割线,我们可以将较多的信息条理化,使得用户能够更快速地找到所需的内容。与没有分割线的布局相比,使用分割线能够显著提高信息的可读性和可理解性。
 
在相同的信息布局下,分割线能够将信息区域明确地划分开来,防止信息之间产生混淆或交叉。这种划分不仅使得每个信息块更加独立,而且提高了信息之间的对比度,使用户能够更轻松地识别和区分不同的信息。
 
因此,当我们的目标是提高屏效并展示大量信息时,分割线的设计是一个关键要素。通过合理地使用分割线,我们可以确保信息布局更加清晰、有序,从而提高用户的阅读效率和满意度。(如下图)
设计方法论 I 超全面的页面分割设计指南
 
线性分割在移动端页面设计中的应用场景广泛,尤其是在需要清晰划分信息模块时。如微信的聊天列表中,线性分割被用来区分不同的消息条目。每条消息之间通过一条细线进行分隔,使得每条消息清晰可辨,方便用户快速浏览和定位到特定的消息。
 
线性分割还常用在各类App的信息提示中,如果有多条消息需要展示,线性分割可以用来区分不同的消息组。例如招商银行APP中,当用户收到多条未读消息时,每条消息之间可以通过线性分割进行区分,使得每条消息清晰可辨,方便用户逐一查看和处理。
 
在APP需要用户填写信息和设置的表单页面中,线性分割可以用来区分不同的输入字段或信息区域。这有助于用户更清晰地了解需要填写的信息,提高表单的填写效率和准确性,比如站酷的设置页面(如下图)
设计方法论 I 超全面的页面分割设计指南
设计方法论 I 超全面的页面分割设计指南
设计方法论 I 超全面的页面分割设计指南
卡片分割的定义:
卡片分割设计主要通过将内容或功能区域划分成独立的“卡片”来进行信息展示和组织。每个卡片通常包含相关的内容或功能,并且与其他卡片通过一定的间距或线性分隔进行区分。
 
卡片分割设计具有以下优势:
 
1.内容封装:卡片分割设计将相关内容或功能封装在一个独立的卡片内,使得每个卡片成为一个独立的信息单元。这有助于保持页面内容的清晰和整洁,方便用户浏览和理解。
 
2.明确边界:每个卡片通常具有明确的边界,通过边框、阴影或间距等元素来区分不同的卡片。这种边界的存在使得每个卡片在视觉上相对独立,方便用户进行区分和识别。
 
3.灵活布局:卡片分割设计具有很高的灵活性,可以根据需要自由调整卡片的大小、位置和排列方式。这使得设计师可以根据不同的设计需求和用户习惯来灵活调整卡片的布局,以达到最佳的视觉效果。
 
4.强调重点:通过不同的视觉处理手法,如改变卡片的颜色、大小或样式等,可以突出显示重要的卡片或内容。这有助于吸引用户的注意力,引导他们关注到关键信息。
 
卡片的基本构成:
卡片是一个独立的主题性容器,旨在将内容和操作组合在一起。它可以包含多种元素,如容器、缩略图、标题、副标题、富媒体、辅助文字、按钮和图标按钮等。这些元素并非必须全部存在,而是根据具体需求进行选择和配置。无论选择哪些元素,它们都会以易于扫描和操作的形式整齐地放置在卡片上。这种设计使得卡片成为一个灵活且高效的信息展示工具,适用于各种场景和应用。
设计方法论 I 超全面的页面分割设计指南
卡片分割常见的类型:
卡片分割可分为通栏卡片和非通栏卡片
 
1、通栏卡片:
其特点是卡片占据整个页面宽度,没有左右边距。通栏卡片的设计可以提高布局的灵活性,使得页面内容更加宽敞和大气。同时,通栏卡片也可以更好地突出展示单条内容,引导用户的视线,提高阅读效率。
 
2.非通栏卡片:
与通栏卡片相比,它会在卡片的左右两侧留有边距,不完全占据整个页面宽度。这种设计方式可以使得页面内容更加有层次感和组织性,同时也有利于突出显示某些关键信息。
设计方法论 I 超全面的页面分割设计指南
通栏卡片
通栏卡片相较于非通栏卡片,其设计特点在于去除了左右两端的留白,仅保留上下边距,从而提供了更大的展示空间。这种设计使得卡片内的内容能够占据整个页面宽度,进一步增强了内容的视觉冲击力。在通栏卡片中,卡片与背景的关系通常通过一条背景色块来抽象表现,这种简洁的处理方式避免了过多的视觉元素干扰,使得页面整体看起来更加整洁和统一。
 
通栏卡片可以被视为在极简列表式和传统卡片式设计之间的一种折中选择。它继承了卡片式的分层方式和强交互性,使得用户能够轻松地浏览和交互页面内容。如下图微博“关注”、微信“发现”页面。
设计方法论 I 超全面的页面分割设计指南
 
非通栏卡片
通常采用带圆角的设计形式,这种设计不仅赋予卡片一种柔和、圆润的视觉效果,还增强了用户的视觉舒适度。结合阴影效果以及四周的边距,非通栏卡片巧妙地形成页面留白,使得整体设计层次感更加丰富。
 
通过巧妙的投影设计以及前后颜色的精准设定,非通栏卡片成功地让内容与背景之间产生视觉空间感,进一步强化了内容的立体感和层次感。这种设计技巧不仅提升了卡片的视觉吸引力,还使得用户在浏览页面时能够更加轻松地区分和聚焦关键信息。
 
在页面设计中,非通栏卡片的应用范围十分广泛。无论是用于展示文章、产品、图片还是其他类型的内容,非通栏卡片都能够通过其独特的视觉效果和设计元素,为用户带来更加舒适、美观的视觉体验。同时,非通栏卡片还具有良好的适应性和灵活性,可以根据不同的设计需求和用户习惯进行定制和调整,满足不同场景下的应用需求。如下图夸克“夸克日报”、APP Store“首页”
设计方法论 I 超全面的页面分割设计指南
 
选择使用通栏分割线还是卡片分割,主要取决于你的设计目标和内容需求。以下是三个参考建议,帮助你做出更好的选择:
 
1.当内容已有自然分割线时:
如果你的主题内容本身就已经有明确的分割线,比如列表项、段落分隔等,那么采用非通栏分割会是一个好选择。卡片可以清晰地界定每个内容块,使主题信息层次更加分明,提高用户的阅读效率。
 
2.当内容类型多样且占据较大空间时:
如果单个主题内部包含了多种类型的内容,如文字、图片、视频等,且这些内容在垂直方向上占据了较大的空间(例如,内容长度超过屏幕高度的一半),使用非通栏分割会更加合适。卡片能够有效地圈定内容范围,为用户提供一个明确的视觉边界,帮助他们更好地理解和消化信息。
 
3.当需要增强横向空间感时:
如果你希望扩展页面的横向空间,或者暗示用户可以横向滑动页面查看更多内容,那么非通栏卡片会是更好的选择。非通栏卡片的设计能够利用横向内容连续性原则,帮助用户建立页面可以横向滑动的意识,从而提升页面的互动性和用户体验。如下图知乎“发现”、站酷“推荐”。
设计方法论 I 超全面的页面分割设计指南
 
卡片分割更适合图文混排
卡片分割设计以其独特的布局方式,成为图文混排中的理想选择。它能够巧妙地将不同大小、媒介的内容统一呈现在一个界面中,实现了内容的多样性与统一性的结合。这种设计不仅让单屏区域能够显示更多内容,还通过合理的空间划分,确保了文字和图片之间的和谐共存,既维持了视觉的一致性,又巧妙地平衡了文字和图片的视觉强度。因此,在需要同时呈现多种内容和媒介的场景中,卡片分割无疑是一种高效且美观的解决方案。如下图知乎“想法”、站酷“首页”
设计方法论 I 超全面的页面分割设计指南
设计方法论 I 超全面的页面分割设计指南
设计方法论 I 超全面的页面分割设计指南
 
留白分割的定义:
留白分割是目前设计的主流趋势,越来越多的产品在使用留白分割设计。留白分割主要通过增加间距的方式,利用人的视知觉原理(接近法则:人的大脑会倾向于把彼此靠近的元素视为一组),将信息进行自然的视觉分组。
 
留白分割具有以下优势:
 
1.突出重点信息:
通过增加间距,可以将关键信息与其他内容区分开来,使用户更容易注意到。
 
2.提高可读性:
适当的留白可以使文字或图形元素之间的界限更清晰,减少视觉干扰,从而提高用户的阅读效率。
 
3.增强设计感:
留白可以为设计增加呼吸感,避免元素过于拥挤,使整体布局更加和谐、美观。
 
当元素之间的间距保持均匀时,整个视觉呈现会显得平衡且协调,大脑默认为一个整体。然而,一旦元素的横向和纵向间距发生变化,我们的大脑会
基于接近性法则,本能地将距离较近的元素视为一个整体或群组,这就是留白分割。(如下图)
设计方法论 I 超全面的页面分割设计指南
 
留白分割在有规律且卡片样式较多
的页面中表现尤为突出,在有大量卡片样式的页面中,每个卡片通常都包含一定的信息。通过留白分割,可以清晰地划分每个卡片的信息区域,使用户更容易区分和阅读每个卡片的内容,增加呼吸感,避免元素过于拥挤,从而提高整体的可读性。例如下图中主流的音乐类App
设计方法论 I 超全面的页面分割设计指南
相反,如果在没有规律且页面内容较多的情况使用留白分割,则会使页面杂乱无章。比如下图咸鱼的“广场”界面feed流中,图片从1~9张都有的情况下,使用留白分割,页面就会变得杂乱,影响视觉效果。而脉脉则采用了卡片式分割样式,页面模块则相对清晰很多。
设计方法论 I 超全面的页面分割设计指南
设计方法论 I 超全面的页面分割设计指南
 
写在最后:
在我们界面设计中,我们应充分考虑信息条目的复杂度。当信息较为简单时,利用留白分割,能够创造出清爽且不受干扰的视觉体验。但随着信息复杂度的增加,留白分割可能不足以清晰地展现信息层次,此时,引入线性分割是一个有效策略,它能提升屏幕的利用效率,使信息条理更加清晰。
 
当信息复杂度进一步升级,例如已经运用了线性分割或涉及更多操作时,我们需要进一步强化信息条目之间的边界感。这时,卡片分割是一个理想的选择,它不仅能增强信息的视觉层次,还能提升条目的可操作性。
 
重要的是,选择信息分割方式时,我们要明确:分割本身不是目的,而是为了构建清晰的版面逻辑
,通过悦目的信息秩序来更好地突出内容,实现最佳的信息传达效果。因此,在决策时,除了考虑上述细节因素,还需全面评估整体版面效果和信息传达效率。感谢阅读,希望对您有用。
设计方法论 I 超全面的页面分割设计指南
 

作者:King_LBJ
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

谈谈设计创意获取的思路

前端达人

谈谈设计创意获取的思路
 
 
读了一本书,杰夫戴维森的《The 60 sencond Innovation 》,讲的是
创意的获取方式
。因为国外的设计环境与国内还是有很大区别的(所以这本书的微信读书书评并不是很高),我摘选了几个我认为
适合国内现状的创意获取方法,与大家共享
谈谈设计创意获取的思路
 
 
一、关于设计趋势
设计创意是符合设计趋势的,我们需要关注设计趋势。
我觉得趋势这个词,书里面有个观点还是可以的:
关注长期趋势
为什么这么说呢,因为趋势不是朝三暮四的,往往会保持很长的时间。所以我们在做设计创意的时候可以适当关注长期趋势。
1.1关注社会趋势的重要性
最直接影响的就是职业生涯的发展
。譬如你是一名UI设计师或者即将毕业的学生,在当前的形势下UI设计师已经趋于饱和,你想完成一次职业方向的确定或转变,你会往哪里走?
那么你需要关注设计趋势。
如果你选择的是一个接近饱和的方向,那么你的薪资几年内肯定也得不到提高。有的设计师经常会说我做UI设计5-7年了,但是薪资依然还是1万,我
只能说你现在没有什么竞争力。
所以趁着年轻,你可以考虑换一条细分的赛道。
譬如逐渐趋于饱和的车载HMI设计,即将爆发的类似于Vision Pro的增强现实设计。。。
来自于苹果官网
来自于苹果官网
 
1.2如何了解设计趋势
首先,最直观的就是设计大事件。
譬如苹果等著名品牌引导的设计承载方式的变革。从罗永浩推出无限屏概念开始,其实类似的空间设计就已经处于慢热状态。直到苹果正式发布了Vision Pro,这种大事件直接将增强空间设计推向了高潮。
我们可以通过苹果的官方网站,去了解Vision Pro的使用方法,以此来感受Vision pro可以改变什么?文本编辑、影视、阅读以及游戏等等用户体验与手机操作的不同点,从而延伸出未来可以商业化的场景方向,可以做预知性的推断。
有兴趣的设计师还可以通过苹果发布的
Vision pro模拟器
,来尝试性地输出一些创新的想法和创意,以此来建立自己在增强空间设计上的设计经验和竞争力。
其次,可以通过设计网站、社区和平台。
譬如优设、站酷、人人都是产品经理等一些设计资讯平台。很多设计师会将国外的一些好的设计趋势的文章翻译,我们可以通过这些文章来获取设计趋势。
再者,可以通过行业内的研究报告。
譬如艾瑞咨询发布的《2023年AIGC场景应用展望研究报告》,里面就阐述了下一年甚至是未来AIGC的发展方向。
二、经验积累促进设计创意输出
2.1经验积累到一定程度的好处
一般设计师在自身发展的同时,也都会留意身边设计师发展的如何,嫉妒和对比是很正常的。有的设计师会觉得为什么他年纪不大却能当领导,为什么他的薪资比我多那么多,为什么每次任务下来后他总是做的又快又好。。。
因为这是工作/设计经验给他带来了各种红利。
为什么经验丰富的设计师创意那么多呢?那就是
尤尼卡效应(灵感的悄然而至)
。有经验的设计师,职业生涯过程中看过无数的案例,想过无数的方案,做过无数的作品。所以,他们可以在看到问题的时候,立马给你输出设计方案。如果你能达到这种地步,你的竞争力也将无可匹敌。
2.2经验积累下的灵感输出
做到两点:
【建立方向】和【埋头苦干】
毕业5年内的设计师,可以不用过多的去关注别人与自己的差别,你要做的就是【建立方向】和【埋头苦干】,幸运只光顾有准备的头脑。
那些有经验的设计师也都是摸爬滚打一点一滴练出来的。过年的时候跟大学同学吃饭,设计耕耘10余载,他已经是某设计院的总监了。想想与他一起住过的小黑屋,想想我们打地铺黑灯瞎火的做项目,为了钱么?是因为热爱,想做出更好的作品。再看看他一路走来的工作历程,他基本上在一个垂直方向上深耕细作,从场馆的设计方案到制定预算,从项目投标到施工流程,整个一套流程都驾轻就熟了。
2.3不断尝试后的灵感输出
设计师们都知道,灵感不会轻易上门。
创意是被逼出来的
!这一点设计师们都很有感触。
这里的经验积累不完全是工作年限的意思,也有深度挖掘之意
尤尼卡效应要求我们,即使在设计工作中没有灵感的时候,继续尝试着梳理思路不断钻研,肯定会有灵感乍现的那一刻。就像书中说的那样:
因为创新是一个渐进的过程,一次加上一点思考,最终会柳暗花明。
MIdjourny输出:设计师绞尽脑汁
MIdjourny输出:设计师绞尽脑汁
 
三、创意汇报
3.1高中低方案战略
要想实现创意被大家更好地接受,通常可以准备三种可能的方案:1.最佳方案2.中间方案3.最差方案
领导的决策,也需要有一定的参考。我们给出的方案,尽量涵盖高中低三种维度,以便进行对比。
3.2选择时机进行推荐
创意方案出来后,你可以安排一次会议/宣讲会,阐述一下自己的设计方案。聪明的做法就是在会议召开之前,先私下把方案简单过一下,以获得一定的支持。
3.3学会倾听
你在汇报项目的过程中,别人会有一些想法和建议,麻烦你认真倾听。不要着急去打断,以免造成厌恶性沟通。
3.4不要放弃
创意被否定很正常。
真正能一次通过的创意实属罕见,就好比不能因为拿不到第一就不上场比赛一样,你也不应该因为创意被否一次就永远自暴自弃。
四、创意输出需要心流状态
心流状态是指自己已经完全沉浸在设计创意中了。
心流状态可以很好地帮助设计师提高工作效率,促进设计创意的输出。
4.1如何获得心流状态
环境很重要。
对于设计师而言,通过调整周围的环境,比如说引进一些比较明亮的色彩、图片、标语等,可以大大激发一个人的学习能力。
开放、整洁、平整的表面有助于整理人的思维,所以一般来说,你的桌子越干净,就越容易提高工作效率,应对工作中的各种挑战。
五、创意伙伴日常沟通
众人拾柴火焰高。
5.1与什么样的人沟通
与相同价值的人沟通。
《探寻第一名》(Looking Out for Number One)一书中,作者罗伯特·林格(Robert Ringer)指出,持久的关系——一方为另一方提供相同的价值,双方的利益交织在一起,让这种关系持续下去——非常有价值。
因此
你找的人必定是彼此都珍视的人,可以成为创意伙伴
。你可以每个月找创意伙伴聊聊天喝喝茶充充电,获取一些新的想法,让自己的大脑保持常青常新。马云说过,企业在不缺钱的时候融资,而不是缺钱了再去融资。
设计圈有认识的大佬都很重视沟通,会经常跟身边的朋友聊天,其实这很大程度上
可以让一个人拥有多个人的经验和能力。
所以设计师应该尝试着开放一些,而不是闭门造车。
MIdjourny输出:设计师聊天
MIdjourny输出:设计师聊天
 
六、公司层面:讨论/沟通氛围的重要性
公司层面,应该鼓励设计师在会议上多阐述自己的意见。
很多公司是不是有这样一种现象:开会的时候鸦雀无声,只听到汇报的人胆怯地练着演讲稿或者说着自己的方案,让其他人给意见的时候基本无人举手,只能等领导给一些修改意见,
然后这个设计方案就变成了领导认可的设计方案了。
其实这种工作氛围真的非常糟糕,限制了设计师的创意的发挥,同时也让产品成为了一个片面性的产品。
6.1建立讨论沟通氛围的好处
所以团队的讨论氛围一定要建立起来。
书里这样描述:
1.当一个人感觉自己的想法受人欢迎的时候,他会想出更多有创意的点子来解决眼前的问题——有时可能会在会上发表看法,有时则是在私下里提出建议;
2.如果团队的每个成员都感觉更有满足感,他们的参与热情就会高涨。想想看,如果人人都愿意献计献策,事情将会变得多么容易啊!
6.2好好先生对设计创意的阻碍
讨论沟通,也促进了不同声音的展现。团队需要不同的声音,团队需要谦和而坚定的人来告诉我们事情的本来面目,要听到赤裸裸的现实。
 
感谢大家阅读。


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

作为设计师,你了解交互设计文档吗?

博博

许多设计师可能未曾接触过所谓的“交互设计文档”。在实际工作中,这份文档是由交互设计师负责输出的,但令人惊讶的是,大多数互联网公司并未设立专门的交互设计师岗位。相反,交互设计师的职责通常由UI设计师与产品经理共同分担。为什么这些公司不选择招聘专门的交互设计师呢?
本篇文章旨在帮助设计师们全面理解交互设计文档。我们将
深入探讨其定义、作用、价值、制作方法以及核心内容
等。当然,如果文中存在任何不准确或遗漏之处,我也非常期待各位专家的指正和建议,让我们共同进步。
 
一、基本概念解析
交互设计文档是交互设计师的核心工作成果。
交互文档,即交互设计说明文档(英文名“Design Requirement Document”)。又称“DRD文档”。用来承载交互说明、交互原型、项目背景等内容,存档并交互项目相关伙伴的团队协作文档。
它在将用户需求转化为高可用性产品的过程中起着至关重要的作用。这不仅仅局限于绘制线框图,而是要求设计师具备明确的产品化思维,精通需求分析,构建信息架构,掌握业务流程与任务流程,同时还要有严谨规范、结构清晰的设计说明。
一份出色的交互设计文档不仅能够展现设计师的专业素养,赢得同事的认可与尊重,更可以显著减少产品设计过程中的沟通成本,提高工作效率,从而确保产品研发的顺利进行。
 
二、为什么需要交互设计文档
交互设计文档在产品设计过程中的重要性不容忽视。
  • 交互设计文档是设计师与团队成员之间沟通的桥梁。
    在项目中,设计师通常需要与产品经理、开发人员、测试人员等不同角色的成员紧密合作。而交互设计文档则能够确保所有相关方对产品的设计目标、功能逻辑、用户体验等方面有统一的认识和理解。这有助于减少沟通成本,避免因为理解偏差而导致的项目延期或功能失误。
  • 交互设计文档有助于提升产品研发的效率。
    通过文档,设计师可以将复杂的设计思路转化为清晰、具体的可执行方案。这不仅有助于开发人员准确理解并实现设计师的意图,还能够减少因为需求不明确或设计改动而导致的返工和延误。同时,文档中的信息架构、导航设计、任务流程等内容也能够帮助团队成员更好地规划和分工,确保项目的顺利进行。
  • 交互设计文档还是设计师个人专业素养的体现。
    一份详尽、规范的文档不仅能够展示设计师对产品的深入思考和分析,还能够体现其严谨的工作态度和对细节的关注。这有助于赢得上下游同事的尊重和认可,提升设计师在团队中的影响力和话语权。
  • 通过不断地积累和完善交互设计文档,设计师可以逐渐构建起一套规范化的设计体系
    。这不仅有助于提升个人和团队的专业素养和知识水平,还能够为公司的产品设计提供有力的支持和保障。在未来的项目中,这些历史文档还可以作为参考和借鉴的依据,帮助团队更快、更好地完成设计任务。
 
三、交互设计文档给谁看?
交互设计文档需要确保文档的有效性和实用性,它必须具备良好的可读性、唯一性和时效性。
  • 产品经理
    ——不同公司和团队中,产品经理与UI/UX设计师之间的合作方式和输出物各不相同。有些公司中,产品经理会负责撰写包括交互说明和原型在内的PRD文档,但这种情况下往往容易出现体验层面的疏漏。当公司有交互设计师时,交互设计师需要从功能规划、信息架构到原型说明等方面全面介入,确保产品的完整性和用户体验的流畅性。此外,在某些流程中,产品经理和交互设计师可能会分别负责PRD文档和交互文档的编写,两者之间的逻辑需要相互印证,以确保产品的逻辑和体验都达到最佳状态。
  • UI设计师
    ——作为交互设计师的下游,UI设计师在项目中也扮演着至关重要的角色。为了确保项目的顺利进行和避免后期可能出现的问题,交互设计师需要尽早介入需求沟通,与UI设计师紧密合作。通过交互设计文档,UI设计师可以更加清晰地了解产品的设计思路、信息架构和交互方式,从而设计出更符合用户期望和体验的界面。
  • 开发(前端)
    ——开发团队是交互设计文档的重要受众之一。他们需要根据文档中的信息来实现产品的逻辑、页面跳转流程、交互方式和动效等。一份详细、准确的交互设计文档可以帮助开发团队更好地理解设计师的意图,减少开发过程中的误解和返工。然而,在实际操作中,很多公司可能只有简单的PRD文档,开发团队可能只是简单地浏览一下,这可能会导致开发结果与设计师的初衷产生偏差。因此,交互设计师需要与开发团队保持密切沟通,确保他们充分理解和遵循交互设计文档中的要求。
交互设计文档在产品开发过程中不仅能够帮助团队成员更好地理解和实现设计师的意图,还能够促进团队成员之间的沟通和协作,确保项目的顺利进行。因此,我们应该高度重视交互设计文档的编写和管理工作,确保其在项目中的有效应用。
 
四、交互设计文档应包含哪些内容?
一份最基本的交互设计文档需要包含:
封面、更新日志、需求分析、产品架构、任务流程图、页面流程图、交互规范说明、交互原型、废纸篓
等模块。
  • 封面
    ——包括产品/项目名称、版本编号、撰写时间、撰写人、参与该项目的各方负责人,便于后续查阅及版本管理。
作为设计师,你了解交互设计文档吗?
  • 更新日志——包含具体新增或修改的内容,修改人,修改日期等信息。
    在实际工作中,方案的修改和优化是不可避免的。更新日志方便项目成员一目了然关注到重点更新的内容,也方便开发找到对应的负责人进行沟通,提升工作效率。
作为设计师,你了解交互设计文档吗?
 
 
  • 需求分析——包括产品名称、项目背景、目标用户、用户目标、产品目标、产品目标、使用场景、设计目标与设计思路,方便项目相关人员快速理解项目背景,总结回溯项目设计。
    需求分析是产品设计过程中至关重要的一步。它涉及到深入理解用户需求、业务目标和产品目标,以及将这些需求转化为具体、可执行的设计方案。在进行需求分析时,设计师需要与用户、产品经理和其他利益相关者进行深入的沟通与合作,确保对需求的全面把握。通过收集和分析用户反馈、市场数据、业务策略等信息,设计师能够挖掘出用户最真实、最根本的需求,为产品设计提供有力的指导。
作为设计师,你了解交互设计文档吗?
  • 产品信息架构——包括复杂内容的信息组成,展示完整的项目内容整体信息架构图。
    产品信息架构是设计过程中的关键环节,它负责将产品的功能、内容和用户体验进行有序、清晰的组织与呈现。一个好的信息架构不仅能帮助用户快速找到所需信息,还能提升产品的整体可用性和用户体验。 在构建信息架构时,设计师需深入考虑用户的信息查找习惯、浏览路径以及产品的核心功能。通过合理的信息分类、层次划分和导航设计,信息架构能够将复杂的产品内容变得易于理解和操作。
图源:龙爪槐守望者
图源:龙爪槐守望者
 
  • 业务流程图——产品主要业务流程图概述,用于描述主要功能业务流程(泳道图/单向流程图)。
    业务流程图是一种视觉工具,用于清晰展现业务运作的逻辑和步骤。通过业务流程图,团队成员可以直观地了解业务的全过程,从而更好地协作和执行。绘制业务流程图时,设计师需要深入了解业务需求和流程细节,将每个步骤、环节和决策点都清晰呈现。这样的图表不仅有助于设计师梳理和优化业务流程,还能帮助开发团队准确实现业务逻辑。
图源:滴滴出行业务
图源:滴滴出行业务
 
  • 任务流程图——产品任务的流程化表现,一个主流程,多个次要流程。每个任务用一组流程图表示。
    设计师在绘制任务流程图时,需要细致分析每个任务步骤,确保流程图的准确性和完整性。流程图中的箭头、符号和文字说明等元素,能够清晰呈现任务执行的顺序、条件分支和循环等逻辑关系。通过任务流程图,用户可以更加清晰地了解任务的执行过程,减少操作失误和不必要的困扰。
作为设计师,你了解交互设计文档吗?
  • 页面流程图——带有页面形态的任务流程图。
    页面流程图是设计过程中不可或缺的一环,它细致描绘了用户在产品使用过程中,不同页面之间的跳转、交互和逻辑关系。在绘制页面流程图时,设计师需要关注用户的行为路径、页面间的转换条件和可能的交互动作。通过流程图,设计师可以清晰地展现出用户从进入产品到完成目标的整个过程,以及期间可能遇到的分支和循环。
作为设计师,你了解交互设计文档吗?
  • 交互规范说明——原型设计中出现的公用组件,通用样式集合。
    交互规范能保障产品内不同模块的设计一致性,同时提高不同设计师间的设计、协作效率;通过定义标准规范,提高流程、组件复用率,提高整体开发效率;让用户能够在产品全局感受到统一且完整的体验,降低使用成本和学习难度。
作为设计师,你了解交互设计文档吗?
  • 交互原型
    ——带有交互效果的页面结构设计,包括原型界面、设计说明等。
作为设计师,你了解交互设计文档吗?
  • 废纸篓
    ——放置多版本稿件。
 
五、总结
深入探索交互设计文档与用户体验的核心关系
。在产品设计的过程中,交互设计文档不仅是形式上的必要文件,更是设计师与用户、业务团队之间沟通的桥梁。它的核心目的在于确保设计的方向符合产品的整体战略和用户的真实需求。
用户体验是产品设计的灵魂。
设计师需要深入了解用户,挖掘他们最根本、最真实的需求。这不仅仅是通过问卷调查或用户访谈,更是要站在用户的角度,思考他们在使用产品时的每一个动作、每一个决策背后的原因。只有这样,设计师才能为用户带来真正有价值的产品体验。只有这样,才能确保设计出的产品既符合业务目标,又能为用户带来卓越的体验。希望每一位设计师都能在职业生涯中不断进步,为用户和业务创造更多的价值。


作者:Oceans1de
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

B端设计—常见问题&解决方式

鹤鹤

B端设计—常见问题&解决方式
 
 
一、UI设计师在B端产品界面设计时,可能会遇到的问题。
1.1复杂的数据可视化需求
B端应用往往涉及复杂数据,设计师需要创造清晰且有效的方式来显示这些信息。
对于B端产品设计中复杂的数据可视化需求,一个详细的解决方案需要从不同层面进行考虑和实施:
理解用户需求:
首先,进行深入的用户研究以理解不同用户的数据需求。这可能包括用户访谈、观察和问卷调查,以收集关于他们如何理解和使用数据的信息。
选择合适的图表类型:
根据数据类型和用户需求选择最合适的图表类型。例如,时间序列数据适合折线图,而比较数据则可能更适合条形图或饼图。同时,对于更复杂的数据关系,可能需要使用散点图、热图或树状图。
简化设计:
避免过度装饰的图表。使用清晰的轴标签、标题和图例,确保用户能够轻松读懂图表。选择合适的颜色方案来增强可读性,同时避免使用令人分心或误解的颜色组合。
增加交互性:
交互式元素可以大大增强数据可视化的效果。例如,当用户将鼠标悬停在图表的某个部分时,可以显示详细的数据点信息。此外,可以允许用户通过筛选、排序或拖动来自定义视图。
提供上下文和引导:
确保每个图表都有足够的上下文信息,比如引导性文本或简短的分析,帮助用户理解数据背后的故事。这不仅包括图表本身的解释,还包括如何使用图表进行有效决策的指导。
优化性能:
对于处理大量数据的可视化,确保性能优化是至关重要的。这可能涉及后端数据处理优化、前端渲染优化以及合理的数据加载策略。
用户测试和反馈:
设计完成后,进行用户测试以收集反馈。观察用户如何与数据可视化交互,并根据他们的反馈进行调整。这是一个持续的过程,旨在不断提高可视化工具的有效性和用户满意度。
B端设计—常见问题&解决方式
 
 
可以找到大量的参考选择适用自己产品风格的可视化,之后进行修改。
1.2深层级的功能集成
与C端产品相比,B端产品可能有更深层次和复杂的功能,难以设计简洁直观的用户界面。
对于UI设计师在进行B端产品界面设计时遇到的“深层级的功能集成”问题,一个详细的解决方案需要包括以下几个关键策略:
模块化设计:
通过将复杂功能分解为独立、可重用的模块,可以简化界面并提高可维护性。每个模块应专注于单一功能或任务,从而使整体系统更加清晰易懂。
清晰的信息架构:
建立一个逻辑清晰的信息架构是至关重要的。这包括创建一个分层的菜单结构,将相关功能组织在一起,并通过适当的命名来指导用户。
分层的导航系统:
为不同层级的功能提供清晰的导航路径。这可能包括主导航菜单、次级导航以及面包屑导航等,帮助用户理解他们在应用中的位置以及如何访问特定的功能。
搜索功能:
随着功能数量的增加,提供一个强大的搜索工具变得尤为重要。这可以帮助用户快速找到他们需要的特定功能或信息。
自定义和个性化设置:
允许用户根据自己的工作流程和偏好来自定义界面。这包括选择要显示的模块、调整布局以及设置快捷方式等。
交互式教程和帮助文档:
为新用户提供交互式教程,帮助他们快速了解如何使用应用。同时,提供详细的帮助文档和FAQ,以便用户可以自助解决问题。
用户测试和反馈:
持续进行用户测试和收集反馈,了解哪些功能集成方式有效,哪些需要改进。根据用户的反馈不断调整和优化界面设计。 通过实施这些策略,UI设计师可以有效解决深层级功能集成的问题,创造出既强大又易于使用的B端产品界面。
B端设计—常见问题&解决方式
 
 
1.3用户习惯差异
B端用户可能来自不同行业,具有不同的操作习惯和偏好,满足所有用户的需求挑战较大。
针对B端产品界面设计中的“用户习惯差异”问题,一个详细的解决方案应包括以下几个步骤:
深入用户研究:
通过访谈、问卷调查、用户观察和分析用户数据来理解不同用户群体的习惯和需求。这些研究帮助揭示不同行业、角色和经验水平的用户如何与产品互动。
多样化的设计解决方案:
根据研究结果,设计可以适应不同用户需求的界面。这可能涉及提供多种布局、导航样式和交互方式供用户选择。
个性化和定制功能:
允许用户根据个人偏好调整界面,包括主题、布局、快捷方式和默认设置等。
清晰的指导和帮助:
为了帮助用户理解如何使用产品,提供详细的帮助文档、FAQ和交互式教程。
持续的反馈循环:
设立机制收集用户反馈,定期进行用户测试,并根据反馈迭代优化产品。
通过这些策略,UI设计师可以更好地应对用户习惯的差异,创造出既满足用户需求又易于使用的B端产品界面。
1.4访问权限管理
需要设计复杂的权限设置界面,确保不同级别的用户只能访问特定信息。
针对B端产品界面设计中的“访问权限管理”问题,一个详细的解决方案应该包括以下几个关键策略:
深入理解不同角色的需求:
与产品的各种用户群体(如管理者、普通用户、审计员等)进行交流,了解他们对权限管理的需求和期望。
设计灵活的权限框架:
创建一个可以灵活适应不同用户和角色需求的权限系统。这包括定义不同级别的权限,如查看、编辑、管理等,并允许细粒度的控制。
直观的权限配置界面:
为管理员设计一个清晰、直观的界面,让他们可以轻松分配和调整权限。提供明确的指示和反馈,确保管理员理解每种权限的含义。
透明的用户权限指引:
向用户清晰显示他们的权限等级和可以访问的内容。当用户尝试进行超出权限的操作时,提供友好的错误消息和指引。
权限变更的审计和记录:
记录所有权限的更改历史,以便于追踪和审计。这对于保障系统安全和满足合规要求非常关键。
持续的测试和反馈:
定期进行权限系统的用户测试,收集反馈并根据反馈调整和优化设计。
通过实施这些策略,可以构建一个既强大又易于管理的访问权限系统,从而提升B端产品的安全性、灵活性和用户满意度。
1.5多设备兼容
必须确保界面在各种设备和屏幕尺寸上均表现良好,
尤其是需要在宽为1440px和1920px下有效运行。
针对B端产品界面设计中的“多设备兼容性”问题,一个详细的解决方案涉及多个层面。
首先,采用响应式设计原则
,确保界面元素和布局能够根据不同的屏幕尺寸和分辨率自动调整。
其次,对于关键功能,进行彻底的跨平台测试,包括不同操作系统、浏览器和设备类型,确保功能的一致性和稳定性。
另外,考虑到触控和非触控设备的交互差异
,设计时应确保按钮和其他控件大小适中,易于操作。
通过这些综合策略,可以有效解决多设备兼容性问题,提升用户的整体体验。
1.6专业术语和内容
针对B端产品界面设计中的“专业术语和内容”问题,一个详细的解决方案包括深入行业研究,确保使用对目标用户群来说准确、相关的术语。
与此同时,与行业专家合作,以验证内容的准确性和适用性,确保信息传达清晰无误。
设计时,考虑到不同用户的知识背景,提供容易理解的解释或工具提示,对复杂术语进行简化。此外,创建全面的帮助文档和在线教育资源,帮助用户深入理解专业内容。
定期更新内容,确保与行业发展保持同步,同时收集用户反馈,不断优化和调整术语和内容的使用。通过这些方法,UI设计师可以在确保专业准确性的同时,提升用户的理解和操作效率
1.7交互复杂性
了解用户:
深入理解B端用户的工作流程和任务需求。B端用户往往更关注效率和功能,因此设计师需要明确用户的专业性和任务目标。
简化流程:
尽管B端应用可能功能复杂,但设计师应努力简化用户流程。这包括创建直观的导航系统,减少不必要的步骤,以及提供清晰的指引。
模块化设计:
将复杂功能拆分成独立的模块或组件。每个模块专注于一个具体任务或功能,用户可以根据需要组合使用它们。
定制化和个性化:
允许用户根据自己的需求和偏好定制界面和功能。例如,提供可定制的仪表板,让用户可以选择对他们最重要的信息和工具。
清晰的视觉层级:
通过颜色、大小和布局等视觉元素创建清晰的层级,帮助用户理解信息的重要性和操作的先后顺序。
 
二、不同的B端产品所面对的问题也不一样
不同B端产品可能面临的问题包括用户角色多样化、数据密集、严格的安全要求、高度定制的工作流程和快速变化的行业规范。在B端产品设计中,UI设计师可能面临的问题和注意事项举例:
ERP系统:
可能出现的问题包括复杂的数据集成和大量的用户角色。设计时应注重清晰的数据可视化和灵活的权限设置。
医疗保健平台:
面临严格的合规和隐私要求。设计应确保数据安全性,同时提供易于理解的导航和专业术语解释。
金融管理软件:
需要处理复杂的交易和报告。应关注于精确的数据展示和高效的任务流程设计。
CRM系统:
需管理大量客户数据和销售流程,可能面临数据整合和用户个性化需求的问题。设计时应侧重于清晰的数据组织和自定义视图。
供应链管理软件:
可能面临复杂的物流数据和多级用户访问问题。解决方案包括强大的数据过滤功能和灵活的权限设置。
项目管理工具:
需处理不同项目和任务的组织,可能面临用户协作和进度追踪的挑战。设计应侧重于简化的任务管理界面和实时更新功能。
财务报告系统:
可能遇到的问题包括复杂的财务数据展示和各种报告格式的需求。设计时应注重灵活的报告工具和定制的数据仪表板。
教育管理平台:
面临多样化的用户群体和教育内容的问题。设计应提供清晰的课程导航和易于访问的教学资源。
工业监控系统:
可能面临实时数据流和高级监控功能的需求。设计时应重视数据实时更新和高效的警报系统。


作者:张阳光Designer
来源:站酷

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

交互设计基础定律-泰斯勒定律

博博

“每一个产品有着不可降低的复杂性,这个复杂性有一个临界点,临界点的位置决定了谁将处理它。”

一、什么是泰斯勒定律 ?

泰斯勒定律又被称作「复杂度守恒定律」,由拉里·泰斯勒于1984年提出。定律认为:一个系统中有一定程度的复杂性是无法被降低的,内在的复杂度只能通过产品设计去设法平衡和转移。

二、泰斯勒定律在设计中的运用

每一个产品都必然会有其系统和用户两端无法简化的复杂度,不论是在产品开发环节还是产品交互环节都无法按照人们的意愿做删除,只能设法去调整、平衡。通过转移两者直接的临界点,来提高产品的体验度。

1、让用户识别而不是记忆

在操作中最大限度的减少用户的记忆负荷,通过减少获取信息的复杂性,让用户在操作中去识别信息而不是去记忆,界面的交互动作和选项都应该是可见的。

2、算法程序、推荐正确内容

用户在使用产品的过程中是一个逐渐适应成长的过程,他们会从无经验变得有经验,因此设计系统需要针对不同的人群提供差异化的操作,让系统操作难度与用户实际的经验水平相匹配,满足他们对产品灵活易用的控制欲,实现其目标感以及成就感。

3、整合功能、简化用户界面

随着用户需求的不断增加,产品也将会不断迭代,越到后面功能也可能会越来也多而且复杂。在不影响用户需求和体验的前提下,尽可能的整合同类的功能,简化用户界面的复杂度。

三、总结

在产品设计中,泰斯勒定律主要是为了权衡用户复杂度和系统复杂度之间的一个平衡。在应用「泰斯勒定律」平衡交互设计中的复杂度这时需要注意以下几个要点:

1、系统的总复杂度是一个常数,为用户提供更简单的功能会增加其他方面的复杂性;

2、找到复杂度转移的「最低成本的方式」;

3、界面不能太过简单,适当的复杂度也会吸引用户;

而设计本身其实是一个平衡过程,需要我们与业务方反复的沟通,考虑综合成本,确保以项目最低成本方式实现业务目标与体验目标之间的平衡。

 

作者:哆啦的设计笔记
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

超长干货!UI设计师必须要懂的4个设计心理学

前端达人

简介
设计方法论在UI设计中的应用带来了显著好处,通过系统性的设计流程和框架,团队能够更有效地处理挑战、创造出用户关注的界面。它促进了团队协作与沟通,强调问题解决与创新,同时重视持续的用户测试与反馈循环,有助于提高设计质量和用户满意度,使得设计过程更为高效、有条理并具备创造性。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
设计原则目录
希克定律
希克定律描述了选择时间与选择项数量之间的关系,即选择的时间会随着可选项的增加而增加。在设计中,这个定律提醒我们在界面设计时要简化选择过程,减少选项数量,使用户更轻松、更快速地做出选择。
确认偏差
确认偏差指出人们更倾向于接受与自己原有信念或期望相符的信息。在设计中,了解确认偏差有助于设计师合理呈现信息,将重要内容放置在用户预期区域,增强用户对界面的认可感。
邻近法则
邻近法则是指将视觉上相关的元素放置在彼此附近,使用户更容易将它们视作相关的一部分。在设计中,合理利用邻近法则能够组织信息、创造更清晰易懂的界面布局,提高用户对界面内容的理解和识别。
菲茨定律
菲茨定律描述了目标大小和距离对用户操作效率的影响。设计师可以利用这个原则优化界面元素的大小与间距,使用户更快速、更准确地完成操作,提升用户体验和界面的易用性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是希克定律?
希克定律是一个与人类反应时间和选择数量之间关系的心理学原理,特别适用于界面设计和用户体验。这个定律是由英国心理学家威廉·希克(William Edmund Hick)在20世纪初提出的。
简而言之,希克定律表明人们做出选择所需的时间与可供选择的数量成正比。这意味着当选项的数量增加时,决策所需的时间也会相应增加。在UI设计中,这个定律强调了简化选择以提高用户体验的重要性。
通过减少选择数量,设计师可以帮助用户更快速、更轻松地做出决策。这可以通过多种方式实现,例如使用更简洁的菜单结构、合并功能或选项、使用默认设置以减少用户需要作出的选择等。
了解希克定律对于设计者来说是极为重要的,因为它提醒我们:在设计界面时,简化和优化选择可能会带来更流畅、更高效的用户体验。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
希克定律是基于心理学和人类认知过程的研究而产生的。威廉·希克和他的同事在1930年代进行了一系列的实验,旨在了解人们在不同选择数量下做出决策的反应时间。
实验中,被试者面对不同数量的选择,例如按钮或选项,然后被要求尽快做出选择。实验结果显示,随着选项数量的增加,被试者做出选择所需的时间也相应增加。这一观察成为希克定律的基础。
希克定律的本质是认知心理学的一部分,它涉及到人类对信息的处理方式。当人们面对多个选项时,他们需要对每个选项进行评估和决策,这会增加认知负荷。结果是,随着选项数量的增加,处理和选择所需的时间也相应增加。
这个定律提出了一种对设计界面和交互方式有深远影响的见解:简化界面,减少选择数量,可以帮助用户更快速、更轻松地做出决策。这种认知负荷的理论成果对于优化用户体验和提高界面效率有着重要的指导作用。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下希克定律UI作用?
希克定律在UI设计中具有重要作用,它强调了简化选择以提高用户体验的重要性。以下是希克定律在UI设计中的一些具体作用和应用:
简化菜单和导航
: 减少导航菜单中的选项数量,将类似功能的项目归类或合并,可以减轻用户的选择负担,帮助他们更快速地找到所需信息。
优化工作流程
: 在应用程序或网站设计中,简化工作流程和操作步骤可以减少用户需要做出的决策,提高用户完成任务的效率。
默认设置和建议
: 使用默认设置或提供建议可以减少用户必须做出的选择。通过合理设置默认选项,可以简化用户体验,让用户更快地进入应用或网站并开始使用。
信息层级结构
: 设计清晰的信息架构和层级结构有助于将内容组织得更有条理,使用户能够更容易地定位所需信息,避免过多的选择。
上下文反馈和指导
: 提供清晰的上下文反馈和指导,帮助用户更快速地了解当前操作的影响,减少不必要的犹豫和选择焦虑。
用户个性化和智能推荐
: 利用个性化推荐或智能算法,根据用户的历史偏好为其提供定制化的选择,减少不必要的选择。
在UI设计中,理解希克定律可以引导设计师创造出更简洁、更直观、更易用的界面,从而提高用户满意度和效率。通过减少选择数量和简化操作,设计可以更好地配合人类认知特性,使用户在界面上的交互变得更加流畅和自然。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在UI设计中,了解和应用希克定律有助于创造更优秀的用户体验。以下是需要记住的一些关键点:
选择数量与决策时间成正比
: 用户需要花费更多时间来做出决策,当他们面对更多选择时。减少选择数量可以提高用户的决策效率。
简化界面以降低认知负荷
: 设计简洁、清晰的界面可以减少用户的认知负荷,帮助他们更轻松地使用应用或网站。
层级结构和组织
: 通过良好的信息层级结构和内容组织,可以使用户更快速地找到所需信息,减少选择过程。
默认设置的重要性
: 合理设置默认选项可以简化用户体验,降低他们需要做出的选择,从而更快地开始使用应用或网站。
上下文反馈和引导
: 提供清晰的上下文反馈和指导,帮助用户更快速地了解其操作的影响,减少选择焦虑。
用户个性化和智能推荐
: 利用用户个性化数据和智能算法,为用户提供定制化的选择,降低不必要的选择过程。
记住这些关键点能够帮助设计师更好地优化界面,提供更出色的用户体验,减少用户做出选择所需的时间,从而增强产品或应用的吸引力和实用性。
 
在app产品中,我们应该怎么应用希克定律
在移动应用程序(App)设计中,应用希克定律可以通过以下方式提高用户体验:
简化导航和菜单
: 减少主导航菜单中的选项数量,将类似的功能合并或分类,以简化用户的选择过程。使用清晰的图标和标签帮助用户更快速地理解选项。
优化注册和登录流程
: 在注册和登录过程中尽可能减少必填项,使用社交媒体登录或单一注册选项简化流程,降低用户的选择负担。
默认设置和个性化推荐: 利用用户的偏好和历史数据,为用户提供个性化的推荐或默认设置,减少用户需要做出的选择,并快速展示最相关的内容或功能。
简化表单和输入
: 最小化表单字段,根据上下文预填充表单内容或使用智能输入建议,以降低用户输入的认知负担。
上下文引导和反馈
: 在用户进行关键操作时提供清晰的引导和反馈,让用户了解他们的操作将会带来的结果,减少不必要的犹豫和选择焦虑。
智能搜索和过滤功能
: 提供强大的搜索和过滤功能,帮助用户快速找到所需内容,减少在大量选项中的选择时间。
简化购买流程
: 在电商应用中,优化购买流程,减少购物车和结账过程中的步骤和选择,提供清晰的购买路径。
通过以上方式,设计师可以在App中运用希克定律,帮助用户更轻松、更高效地使用应用,提高用户满意度并增强应用的吸引力。这些方法都围绕着减少选择数量、简化操作和提供个性化的体验,以减少用户的认知负荷,提高用户的决策效率。
 
希克定律总结
希克定律在移动应用设计中的应用关键在于简化选择、优化流程以提升用户体验。通过减少主导航选项、优化注册与登录流程、提供个性化推荐、简化表单输入、提供清晰反馈和引导、强化搜索功能以及简化购买流程,设计师可以降低用户的选择焦虑和认知负荷,使用户更轻松、更高效地使用应用,提升用户满意度。这些策略围绕着简化操作、减少选项数量和提供个性化体验,有助于提高用户的决策效率,增强应用的吸引力与可用性。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是确认偏差?
确认偏差是一种认知偏差,指的是人们更倾向于寻找、记住或赞同支持已有信念或假设的信息,而忽视或排斥与其相矛盾的信息。这种偏差导致人们在寻求信息和形成观点时倾向于选择那些与他们已有信念相一致的信息,而忽视那些与之相悖的信息。
在设计和决策过程中,确认偏差可能会对判断和决策产生影响。设计师或决策者可能会倾向于寻找支持他们最初想法或假设的信息,而忽略潜在的反对观点或证据。这可能导致错误的假设、不完整的分析或偏离客观事实的判断。
了解确认偏差对于设计师和决策者来说是很重要的,因为它可以影响到他们对问题的看法和解决方案的选择。为了减轻确认偏差的影响,重要的做法包括寻求多样的观点和信息来源、鼓励团队开放性讨论、持续评估和反思自己的假设,以及意识到并主动应对这种偏差。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
确认偏差的产生与人类的认知方式和信息处理方式有关。它可以追溯到我们处理信息的心理机制,以及对信息的选择性接收和处理。
信息过滤和选择性接收
: 人类大脑处理的信息量庞大,为了应对这种信息负荷,我们会有意无意地选择性地接收与已有信念相符的信息,因为这样更容易被接受和理解。
认知一致性和舒适度
: 我们倾向于寻求与我们已有信念一致的信息,因为这会让我们感到更加舒适和认知上的一致性,而与之相悖的信息则可能引起认知不适或挑战。
记忆偏差
: 我们记忆中更容易保留和回忆起与我们已有信念相符的信息,而忽略或淡化与之不符的信息,导致我们更倾向于记住和重复暴露于已有信念的信息。
社会影响和团队动态
: 在团队环境中,人们可能更容易受到同伴或领导观点的影响,导致更多地寻求与团队共识一致的信息。
因此,确认偏差源于我们处理信息的方式和寻求认知一致性的趋势,这种倾向性会影响我们对信息的选择、记忆和接受,使得我们更容易偏向于支持已有信念的信息。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下确认偏差在UI作用?
认知偏差在UI设计中有着深远的影响,设计师需要了解并考虑这些偏差,以创造更符合用户认知和行为的界面:
信息呈现与确认偏差:
UI设计中的信息呈现方式能够影响用户的感知。确认偏差提示我们,设计师应该精心布局信息,确保用户首先接触到的内容是符合其期望和信念的。在重要位置展示与用户预期一致的信息能够增强用户对界面的认可感。
用户体验与认知一致性:
UI设计应该符合用户的认知模式和习惯。保持一致的界面元素、布局结构和交互方式有助于降低用户学习成本,提升用户体验,因为这与用户的认知一致性相契合。
选择性暴露与设计引导:
设计师可以利用确认偏差的特性来引导用户,将重要信息或功能放置在易于察觉的位置,引导用户进行特定的操作。然而,需要谨慎处理,以避免对用户造成信息过载。
避免偏见与用户测试:
设计师应该避免自身的认知偏差影响设计,而是更多地关注用户的实际需求和行为。通过持续的用户测试和反馈,可以验证设计的有效性,确保设计更加客观、全面地服务于用户。
认知偏差不仅能够帮助设计师更好地了解用户行为和认知模式,也提醒设计师需要谨慎地处理信息的呈现方式,以创造出更符合用户认知特点和期望的界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
用户选择性感知:
用户会倾向于选择性地接收与其已有信念相符的信息。因此,在设计中需要注意如何呈现信息,以便用户更容易接收并理解与其预期一致的内容。
认知一致性与用户体验:
用户更喜欢一致性的界面设计。保持界面元素、布局和交互方式的一致性有助于提高用户体验,减少认知负担。
引导与用户行为:
可以利用认知偏差的特性来引导用户行为,但需要谨慎,以避免对用户造成信息过载或误导。
客观设计与用户测试:
设计师需保持客观,在设计中避免个人偏见的影响。持续的用户测试和反馈是验证设计有效性的关键。
用户需求至上:
最重要的是设计能够满足用户的实际需求。认知偏差提醒我们关注用户行为和反馈,确保设计更加贴近用户期望。
记住这些关键点有助于设计师更好地应用认知偏差的理论,创造出更符合用户认知和行为习惯的界面,提升用户体验和产品吸引力。
 
在app产品中,我们应该怎么应用认知偏差
在App产品中,了解和应用认知偏差可以改善用户体验和促进用户参与。以下是一些应用认知偏差的方法:
个性化内容推荐
: 利用用户的历史数据和偏好,提供个性化的内容推荐,引导用户浏览与其兴趣相关的信息,这符合用户的认知偏好。
强调常用功能
: 将常用功能放置在易于察觉的位置,这有助于用户更快速地找到并使用常用功能,符合用户对信息的选择性感知。
引导用户决策
: 通过明确的引导和推荐,帮助用户做出决策。例如,突出显示推荐选项或使用明确的指导语言,以降低用户的选择焦虑。
增加用户互动和奖励机制: 利用认知偏差中的奖励机制,激励用户参与互动。例如,奖励积分、勋章或奖励物品以促进用户的积极参与。
社交证据和影响力
: 强调其他用户的行为和意见,例如显示用户评论或社交分享,可以影响新用户的决策,符合社会影响的认知偏差。
提供个性化的反馈和建议
: 根据用户的行为提供个性化的反馈和建议,引导用户完成特定的动作或行为,符合用户的认知偏好和选择性感知。
综合利用这些策略可以更好地与用户互动,促进参与度,提高用户对产品的满意度。然而,需要谨慎运用,避免过度使用以至于影响用户体验或导致信息过载。
 
认知偏差总结
综合利用认知偏差的这些方面,设计者可以更加精准地与用户互动,提升用户体验和参与度。但务必注意,应用认知偏差需要在不影响用户信任和体验的前提下进行,避免过度干预或引导,以免影响用户的自主性和信任感。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是邻近法则?
邻近法则是设计中的一项基本原则,描述了物体或元素在空间中距离越近,就越有可能被视为相关的部分。这个原则是Gestalt心理学的一部分,指出物体在空间上的接近会引起它们被认为是相关的,无论它们的形状或特征如何。
在设计中,邻近法则指导着将相关的元素放置在彼此附近,以便用户能够将它们视为一组或相关部分。这个原则常用于布局设计,例如将相关的菜单选项放在一起、相关的控件放置在同一区域等。通过利用元素之间的空间距离,设计师可以引导用户对信息进行逻辑分组,提高用户对页面内容的理解和整体结构的认知。
邻近法则的应用有助于创造出更清晰、更易于理解的设计布局,让用户更轻松地识别和理解相关的信息,提升界面的可读性和可理解性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
邻近法则源自格式塔心理学,起源于20世纪初期。格式塔探索者观察到人类视觉系统倾向于将靠近的物体视为一组或相关的部分,而将远离的物体视为不相关的。
本次创作的原则是基于观察:
人们倾向于将距离较近的元素视为相关的整体,即使它们的形状、颜色或其他特征不同。
空间上的接近性会引导人们将相关的元素组合在一起,形成逻辑上的群体或集合。
基于这些观察,计算者得出结论:元素之间的接近程度影响了人们如何和组织信息。这个理论评估理解视觉,成为设计中常用的一项原则,帮助设计师创建更多条理和易于理解的界面布局和视觉组织。通过合理的安排和组织元素之间的距离,设计师能够引导用户更清晰地理解页面的结构和相关性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下邻近法则UI作用?
邻近法则在 UI 设计中有着重要的应用,能够指导设计师创建更直观、更易理解的界面布局和组织方式。以下是邻近法则在 UI 设计中的应用方法:
逻辑分组和视觉关联:
将相关的元素放置在彼此附近,例如将菜单选项、功能按钮或相关信息放在相近的区域,以形成逻辑上的群组或关联,使用户能够更快速地理解信息之间的相关性。
表现信息层级和结构:
通过合理安排元素之间的间距,设计师可以展现信息的结构和层级。在网页或应用中,合理的邻近性有助于传达页面组织的逻辑和信息的重要性。
避免视觉混乱和误导:
合理利用邻近法则可以避免界面的视觉混乱。将不相关的元素保持一定的间距,避免过度拥挤,让用户更轻松地理清界面的内容和结构。
指引用户流程和操作:
在设计工作流或操作步骤时,将相关的元素放在一起,以引导用户流程,提高用户操作的连贯性和流畅性。
视觉组织与导航:
在导航设计中,将相关功能或内容放置在相邻位置,例如将相关菜单项放在同一区域,以便用户更快速地找到并使用所需功能。
适当运用邻近法则可以改善用户对界面的理解和认知,提高用户操作的效率和体验。它有助于营造清晰的信息层级、减少视觉混乱,并引导用户更直观地浏览和操作界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在设计中运用邻近法则时,需要记住以下几点:
相关性与空间接近性
: 用户倾向于将距离近的元素视为相关的整体。因此,在设计中将相关的元素放置在彼此附近,能够帮助用户更直观地理解它们的关联性。
信息组织和层级结构
: 通过合理的空间安排,展示信息的逻辑结构和层级关系。这有助于用户更轻松地理清界面内容和操作流程。
避免视觉干扰和混乱
: 控制元素之间的距离,避免过度拥挤和混乱,以免干扰用户的视觉和理解。
引导用户视线和操作:
合理利用邻近法则可以引导用户的视线和操作流程,使其更自然、更顺畅地浏览和使用界面。
反复测试与用户反馈
: 不断测试和收集用户反馈,以确保所安排的元素之间的关联性和距离对用户理解和操作的有效性。
记住这些关键点有助于在设计中更好地应用邻近法则,创造出更清晰、更易于理解的界面布局,提高用户体验和界面的可用性。
 
在app产品中,我们应该怎么应用邻近法则
在App产品设计中,应用邻近法则可以改善用户界面的布局和交互,提升用户体验。以下是一些应用邻近法则的方法:
相关功能分组
: 将相关功能或信息放置在彼此附近,例如将设置选项放在同一区域,让用户能够更轻松地找到并使用相关功能。
类似操作的分组
: 将相似操作或功能放在相邻位置,例如将编辑工具放在同一区域,以便用户更快速地使用相关工具。
导航栏与内容对应
: 将导航栏与相应的内容区域对应,以减少用户在不同页面间的跳转,并帮助用户更好地理解页面的结构。
按钮和功能布局
: 设计时将按钮和功能布局合理分组,保持相关的按钮或操作尽可能靠近,减少用户在界面中寻找所需功能的时间。
信息层级和结构展示
: 通过邻近法则将相关信息放置在一起,展现信息的逻辑层级和关联性,以帮助用户更清晰地理解页面结构。
交互流程的布局
: 设计操作流程时,将相关步骤或功能放置在相邻位置,以引导用户进行更自然、连贯的操作流程。
这些方法能够通过邻近法则帮助设计师更好地组织界面元素,提高用户对界面的理解和操作效率,增强用户的满意度和体验。
 
邻近法则总结
邻近法则在App产品设计中指导着将相关的元素放置在彼此附近,以创建更直观、更易于理解的界面布局。通过合理的空间分配和元素排列,帮助用户更快速地找到相关功能、理解信息层级结构,提升用户操作的效率和界面的可用性。这个原则可以优化布局设计,使得用户能够更轻松地掌握界面内容和操作流程。
 
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是菲茨定律?
菲茨定律是一项关于人机交互的基本原理,描述了人类手指或鼠标等指针设备移动到目标区域的时间与目标的大小和距离成反比的关系。这个定律是由保罗·菲茨在20世纪50年代提出的,广泛应用于人机界面设计领域。
根据菲茨定律,目标越大或距离越近,用户将指针移动到目标区域的时间就越短。具体而言,菲茨定律可以用以下公式表示: T=a+b×log 2 ( W/D+1)
其中:
T 是用户移动到目标区域所需的时间。
D 是指针初始位置与目标中心之间的距离。
W 是目标区域的宽度或大小。
a 和 b 是与设备和任务有关的常数。 这个定律的应用范围非常广泛,尤其在界面设计中。设计师可以利用菲茨定律来优化界面布局和交互元素的设计,使得用户更容易、更快速地点击或选择目标区域。通过增大目标区域的大小、减少目标间距离和提供合适的反馈,可以显著改善用户体验,并使用户更高效地使用界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
菲茨定律的产生是基于人类运动学和认知心理学的研究。保罗·菲茨在20世纪50年代的研究中发现,在人类运动中存在一种模式,即手指或鼠标等指针设备移动到目标区域的时间与目标的大小和距离成反比关系。
这个定律的提出是基于以下观察和假设:
较大的目标区域更容易命中。用户更容易准确地将指针移动到较大的目标上。
较近的目标更容易到达。距离更近的目标比距离更远的目标更容易被选中。
基于这些发现,菲茨提出了一个数学模型来描述这种关系,并提出了菲茨定律。这个定律通过对目标的大小和距离进行量化,为界面设计和人机交互提供了理论依据,指导设计师如何优化界面布局和元素设计,以提高用户的操作效率和准确性。因此,菲茨定律成为了设计界面和交互方式的重要指导原则之一。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下菲茨定律UI作用
菲茨定律在 UI 设计中有着深远的影响,设计师可以利用这个原理来优化界面,提高用户的操作效率和体验。以下是一些菲茨定律在 UI 设计中的应用方法:
增大可点击区域
: 根据菲茨定律,较大的目标区域更容易被点击,因此,为重要的操作按钮或功能区域提供更大的点击面积。这有助于用户更准确地点击目标,尤其对于移动设备上的小屏幕更为重要。
减少目标间距离
: 将常用功能或相关操作的按钮或链接放置更接近,以减少目标之间的距离。这样用户在切换不同功能时能更快速地移动到目标区域,减少了操作时间。
考虑手势操作和屏幕布局
: 对于触摸屏设备,菲茨定律同样适用。设计师可以考虑手势操作、放大目标区域或布局方式,使得用户更容易地触摸、滑动或缩放屏幕上的目标。
合理利用白空间
: 在设计中留出足够的空间,确保目标区域不会过于拥挤,从而减少误触或混淆。良好的白空间布局有助于提高用户的操作准确性。
提供视觉反馈和指引
: 为了帮助用户更准确地选择目标区域,提供视觉反馈,如按钮状态变化或指示箭头,可以让用户更清晰地了解下一步操作。
通过运用菲茨定律,设计师可以优化界面布局和元素的大小与间距,使得用户更轻松、更快速地进行交互操作。这有助于提升用户体验,减少用户的操作时间和错误率。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在设计中运用菲茨定律时,需要记住以下几点:
目标大小与距离关系
: 目标的大小和距离会影响用户操作的效率。大的目标区域和较近的距离能够更快速、更准确地被选中。
重要操作优先考虑
: 对于常用或重要的操作按钮,设计师应该确保其具有足够的大小和合适的间距,以提高用户操作的效率和准确性。
触摸屏设备的优化
: 对于移动设备和触摸屏,合理设置触摸区域大小和间距,有助于用户更轻松地操作,避免误操作。
视觉反馈和引导
: 提供明确的视觉反馈,如按钮状态变化或指示箭头,有助于用户更准确地选中目标区域。
用户反馈和测试
: 不断收集用户反馈并进行测试,以确保设计的目标大小和距离对用户操作的有效性。
记住这些关键点有助于设计出更符合菲茨定律原理的界面,提高用户的操作效率和满意度。优化目标区域的大小和距离,可以有效地改善用户体验,并增强产品或应用的易用性。
 
在app产品中,我们应该怎么应用菲茨定律
在 App 产品设计中,应用菲茨定律可以优化用户体验和操作流程。以下是一些应用菲茨定律的方法:
按钮大小与布局
: 增大重要操作按钮的大小,确保它们容易点击并位于用户自然手指或鼠标移动的路径上。将常用的按钮放置在更接近用户自然操作位置的地方。
减少操作距离
: 将相关操作或页面之间的距离缩短,以减少用户在不同功能区域间的切换所需的操作次数和时间。
设计适合手势操作的界面
: 针对触摸屏设备,设计手势操作区域,使得用户能够轻松地进行滑动、放大缩小等手势操作。
避免过度拥挤和重叠
: 在设计中避免过多的重叠元素和拥挤,确保目标区域清晰可见且易于选择。
提供清晰的反馈和指引
: 确保用户点击或选择目标时获得清晰的视觉反馈,如按钮状态变化、高亮显示或动画效果,以便明确指示用户的操作结果。
持续优化与用户反馈
: 不断收集用户反馈,通过用户测试和数据分析,优化界面的目标大小和距离,以提高用户的操作效率和满意度。
这些策略都是基于菲茨定律,旨在提高用户点击或选择目标区域的效率和准确性,从而改善用户体验并增强产品的易用性。
 
菲茨定律总结
菲茨定律在App产品设计中强调了目标区域的大小和距离对用户操作的影响。通过增大重要按钮的大小、减少操作间距离、设计适合手势操作的界面以及提供清晰的反馈指引,可以优化用户体验,提高用户操作的准确性和效率。这个原理指导着设计师如何布局界面元素,使得用户更轻松、更快速地进行交互操作,进而提升产品的易用性和吸引力。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发



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

分享精彩的后台管理软件界面设计欣赏 —蓝蓝UI设计公司

前端达人

今天分享B端后台管理界面欣赏,网上我们会搜集一些公开的国内外优秀的软件界面设计和大家分享。

蓝蓝设计也有很多精彩的案例,B端后台管理界面是我们最主要的工作方向之一,但大多数是保密状态的,所以不能在网上发。欢迎我们联系,请到www.lanlanwork.com欣赏更多案例作品。

 

 

 

 

 

 

 

 

 

 

 

 

#后台界面设计欣赏 #界面设计灵感 #设计外包 #UI设计公司 #b端设计接单 #B端设计

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务

关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计软件qt开发、软件wpf开发、软件vue开发

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

XDC干货|雪球表情升级全纪录

前端达人

写在前面
在社区平台语境里,表情无疑是很重要的组成部分。一套丰富且定位准确的表情可以帮助用户更清晰地表达自己的感受,增进沟通的准确性,同时增添社交互动的趣味性,拉进用户之间的距离。带有平台特性的表情更能彰显平台自身的独特性。
雪球作为金融社区平台,表情自然也是重要的元素。我们通过数据调研,发现雪球社区互动中表情的渗透率达到18%,表情的使用率比较高。而现有的表情年久失修,存在几个比较明显的问题,首先视觉风格陈旧辨识度低;再有,表情中原本存在一些股票梗的表现力较弱,画风不够有趣。第三,雪球诞生了新IP“呦呦”,非常适合在表情中应用来推广雪球品牌特性。
基于以上背景我们展开了对于表情翻新改版的项目。
 
XDC干货|雪球表情升级全纪录
 
 
现状&问题
通过对当前状况进行系统梳理,我们发现了一些存在的问题。
 
XDC干货|雪球表情升级全纪录
 
 
 
1.设计风格陈旧,不易识别表现力弱:
目前线上雪球表情风格老旧,视觉表达不符合当下设计潮流趋势;由于表情是白色在行文中表现力不足且不易被用户识别,因而趣味性表达的作用不够凸显。
XDC干货|雪球表情升级全纪录
 
 
 
2.缺乏股票基金场景的情绪表达
社区场景中有大量的股票基金的讨论和相关内容的情绪表达,而目前表情体系中缺乏此类表达或表达不够生动。
比如「关灯吃面」和「割肉」,在行文中一眼能识别到视觉主体是表情脸,而“吃面”和“割肉”的语义没有生动的体现出来;还比如「跳水」又太具象和写实,少了表情的趣味性。
XDC干货|雪球表情升级全纪录
 
 
 
3.没有将雪球的新IP融入表情
雪球诞生了新的IP“呦呦”,表情的体系非常适合融入IP向的内容,将IP表情化也更利于IP的推广和品牌的传播。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
 
 
视觉风格探索
1.雪球用户特征
设计风格需要根据平台用户特征进行确定。开始设计之前,我们先看看雪球用户大概是什么样的。
XDC干货|雪球表情升级全纪录
 
 
雪球的主要用户为男性且集中在30-50岁左右,所以在视觉表现上尽量避免女性化或低龄化的风格。
2.视觉风格探索
风格确定
旧版的表情苍白,虽然细节很多但在行文中难以识别,本次改版重要任务之一是改版新的视觉风格。emoji是最被用户熟知的表情体系,我们决定新版向传统黄脸emoji表情靠拢。大方向定了,但还需要确定视觉感受符合雪球的emoji。最后在两种视觉风格中我们选择了视觉感受偏中性、风格扁平的这个方向,这个风格和雪球用户特征更契合。
XDC干货|雪球表情升级全纪录
 
 
 
提升辨识度
表情在交流中作为非文字的“语言”,其辨识度至关重要。表情在行文中的尺寸相对较小和单个文字差不多,那么如何保证在文字中依然能一眼读懂表情?
在对表情整体风格的把控下,需要通过对细节的打磨和反复实验,得出更有辨识度的设计方案。保持视觉扁平,尽量使用简洁的几何图形,加强颜色对比度,减少颜色数量,放大表情特征。通过以上手段有效的提升了表情的一致性和在行文中的辨识度。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
 
 
发现股民讨论语境下的“梗”
本次表情升级除了对现有表情进行改造升级,还针对雪球社区特色进行挖掘。
1.挖掘“梗”
前面我们说到雪球用户是集中在30-50岁左右的男性,那么这类人群在社区中有怎样的表达特点呢?
通过观察我们发现,在面对股市的波动和不确定性,雪球用户更喜欢用幽默诙谐的论调来调侃市场以宣泄心中的无奈和负面情绪,同时在波动面前展现出一种坚韧和自嘲的心态。我们可以在这种“戏谑调侃”中挖掘可以视觉化的情绪和表情。以此作为本次表情升级的一个重要方向。
戏谑调侃的表情有哪些呢?我们挖掘了当下网络社交流行的表情包和热词。回想一下我们是否也经常使用类似“地铁老人看手机”“黑人问号脸”等网络热图来表达内心的复杂情绪呢。
XDC干货|雪球表情升级全纪录
 
 
 
在变幻莫测的股市中,面对现实的无力和不确定,祈福求平静成了股民表达情绪舒缓心情的一种方式,比如“敲木鱼”“祈求大涨”等仪式感的情境以表情的方式呈现,也能一定程度上引起用户的共鸣。
XDC干货|雪球表情升级全纪录
 
 
 
2.让表情“淋漓尽致”
  •  
    微表情尽显“内心戏”
一个表情里往往蕴含不只一种情感,短暂而难以察觉的面部变化最能传达个体真实的情感状态,一个眼神、嘴唇微动等细微变化,常常表达出个体内在的真实状态。
在设计“大哭”这个表情时,我们挖掘到大哭背后可能是某种“绝望”,那么观察下人们绝望时最大的面部特点是不是空洞的眼神和僵硬的脸?用这样的微表情和大哭结合在一起,感受大哭情绪的同时也传递了绝望的内心戏。
XDC干货|雪球表情升级全纪录
 
 
 
  •  
    赚了、亏了一目了然
股票社区中涨跌是永远的话题,市场的涨跌背后牵动着的是股民们真金白银的账户。“亏大了”和“暴富”这两个表情很生动的表达了用户盈亏的两种处境,但原有表情的视觉表达过于保守和隐晦。要让用户一眼看到就产生共鸣,红绿色是最直观的涨跌信号,我们把这种语义和表情结合,“亏大了”除了表情沮丧还得加点绿色烘托氛围,“暴富”的喜悦中再加上红包加持情绪。
 
XDC干货|雪球表情升级全纪录
 
 
  •  
    戏剧化表达
在某些极端情绪上我们还尝试打破旧表情的禁锢,用更加生动夸张的方式呈现。比如“绝望”,只靠面部表情似乎无法充分的表达,所以我们营造了简单的环境和肢体动作, 一个瘫在墙角双目无神的小黄脸,绝望的形象跃然纸上。
XDC干货|雪球表情升级全纪录
 
 
3.股票专属“梗”
雪球社区里有一些独特的表情,比如“关灯吃面”,它是雪球老用户传承的经典梗;还有诸如跳水、割肉、抄底、满仓等股票术语梗也颇受欢迎。升级优化这类表情的同时我们小开脑洞在原有基础上增加了“好基友”等新梗,让股民表达更丰富有趣。
XDC干货|雪球表情升级全纪录
 
 
XDC干货|雪球表情升级全纪录
 
 
IP表情化
去年雪球诞生了自己的IP“YOYO”,此次表情升级正好可以将IP表情化,在平台应用和传播。
YOYO所代表的品牌语义
1.福禄寿:因其原型是驯鹿,取福禄寿之意,代表财富;
2.温暖陪伴&服务感:驯鹿具备天生的陪伴和服务感,与雪球强调的品牌服务感相契合。
XDC干货|雪球表情升级全纪录
 
 
 
YOYO品牌语义表情化
根据YOYO的两种品牌语义,我们分别开脑洞。
哪些意向和财富相关呢?我们找到“锦鲤”“招财猫”“金元宝”,这些元素和表情相结合形成财富类表达;那么陪伴和服务感我们使用“抱抱”、“打call”这类温暖鼓励意向的肢体语言来和YOYO结合传达。
XDC干货|雪球表情升级全纪录
 
 
 
写在最后
此次表情改版我们不仅从视觉和交互体验角度进行优化升级,还通过挖掘平台特征、用户特征来探索表情更丰富的表达和更深层语义。通过本次升级希望助力雪球社区的互动性、丰富性、趣味性。引发用户共鸣和更积极的互动,建立更强大的社区链接。
XDC干货|雪球表情升级全纪录
 
 
 
内容指导 | @Zway @默默
内容写作|@洁洁
排版编辑&优化 | @丸子
 
 
 


作者:雪球设计中心XDC
链接:https://www.zcool.com.cn/article/ZMTYwOTE0OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档