产品中的模块化设计思维
时间:2023-05-18 00:12:12来源:V优客
前言
读了很多书,但没有运用那都不算是你的知识,每次阅读之后都需要形成自己的践行清单,什么是践行清单呢?从所听所看所思中真正经过深度思考,结合自身场景而得出来具体的,有指导性的行动方案。
本次阅读的是《支付宝体验设计精髓》一书,整理总结出关于如何进行模块化设计的目的方法,思路以及注意事项。
分享中的案例是阅读后,自己根据书中方法结合公司项目整理出的组件设计,更好达到学以致用。也希望你读完后,能够针对所说所描述的方法步骤,结合自己项目为他们设定组件,并持续迭代更新。
1.什么是模块化设计?
广义定义:模块化设计是指对一定范围内不同的功能或相同功能不同性质,不同规格的产品进行功能分析的基础上,划分并设计出一系列功能模块,通过模块的选择和组合构成不同的产品设计方法。
模块化设计可包含:产品流程,信息结构,交互方式,表现形式
2.使用模块化设计的意义
1.减少设计成本
2.通过模块间组合互换,满足差异化需求
3.保持良好体验延续性的同时,缩短设计周期,提高设计效率
3.三个步骤的模块化设计的方法
以产品视角从宏观到微观,再回到宏观的过程
3.1模块划分
将完成的用户路径进行拆分,并按照解决用户问题进行重新归类
怎么拆,拆多细?模块和控件有什么区别?
模块 > 控件
设计控件通常以页面基础元素为粒度,如字体,按钮,输入框等,保证视觉基本元素的一致性。
模块是一组控件的组合,也可以一页页面组合,赋予其解决某一问题,实现某个功能。
模块划分标准:
单一性:模块粒度尽可能小,一个模块以解决一个问题为主
完整性:内部流程应该是一个闭环,信息流上提供足够支持用户达到目标所需
独立性:模块之间弱耦合关系,已存关系降到最低,以便不同组件的互相利用
模块划分方式:
A:流程类产品划分:
有一个明确的目标,一系列的任务最终达到目标的产品闭环
1.分析业务需求以及用户目标
2.制定用户达成目标所需要的任务流程
3.根据任务阶段划分第一层级任务模块
4.根据模块内功能特征多少,决定是否划分子模块
以品骏达APP 寄件功能为案例
B:内容载体类产品划分:
不以某个目的为主体,而是以内容聚合为主的框架,更注重内容信息分类,排序,筛选的划分
1.对全量信内容进行列举
2.确定分类的维度,并对内容筛选,排序,形成第一层级模块
3.对信息内容较多模块进行分析,拍段是否合并或再次拆分
以 先锋达 众包APP为案例
3.2模块设计
复用性:复用性占比越高,产品稳定性越好
延展性:对统一功能模块,由于业务需求差异,设计时一定范围内容可扩展能力,兼容一定范围的差异性。包含对信息的多少,内容的参数,视觉表现等方面的宽容度
互换性:在不可复用模块时,保证和其他模块组合,不在全局信息结构发生变化,快速互换,不用调整其他构成方式
例如:在寄快递填写增值服务费用模块,根据服务产品种类不同,划分不同模块,有快运快递,需要上门接货,需要包装签单返还等区分,在不改变页面信息结构和其他模块情况下,可以实现快速互换,满足不同业务模式的差异需求
品骏达
3.3模块组合
模块划分和模块设计是播种,模块组合则是最后的收获,通过组合快速搭建出核心结构,保证核心用户体验一致性。模块组合不仅是简单将所有模块堆砌在界面上,需要他们各司其职,成为一个整体。需要遵循以下原则。
明确主次:每个页面一个主要功能,解决最迫切的问题,其他模块不影响主要模块的使用;组合使用时要考虑减少不必要模块,或降低其他模块信息强度。
避免冲突:使用多个组件时,需要互相微调,避免信息的重复,交互方式的不一致,逻辑的矛盾等
4.设计工具
参照使用sketch中的组件功能
关于sketch组件使用方法,请参考 【如何构建高复用性的交互组件库】
总结
模块化设计是设计师本身在行业中所积累的一种转化。
利用已有的经验,降低设计风险,提升设计效率和质量。
因此再设计和使用模块时需要不断迭代更新,不断对模块进行验证和优化,适应用户需求的变化趋势。
产品初期:设计实例中逐渐摸索,提炼产品可复用的模块,优先满足共性需求
产品中期:样式差异化和多样性增加后,逐渐转向业务特色的精细化发展方向
模块后期:反复运用中,审视设计的合理性,不断更新,对新功能,提炼其通用性,选择性的沉淀为模块。
相关文章
-
视觉传达设计思维学习笔记(视觉传达设计思维导图)
在视觉传达设计领域,设计思维是非常重要的一部分。设计思维不仅可以指导我们在创作过程中进行思考和决策,还可以帮助我们在沟通和合作中更加高效和顺畅。下面就让我们一起来学习一些关于视觉传达设计思维的学习笔记。一……
-
深圳产品设计思维培训班有哪些(深圳 产品设计)
在当今以智能制造为主导发展的时代,产品设计思维正越来越受到重视。深圳作为中国经济特区的代表城市,在制造业中也占据着重要的地位。因此,深圳产品设计思维培训班应运而生。那么,深圳产品设计思维培训班有哪些呢?一、深圳……
-
收款系统设计思维培训(收款系统设计思维)
什么是收款系统设计思维培训?收款系统设计思维培训是一种培训课程,它旨在将设计思维应用于收款系统的设计和开发中。收款系统是指公司或组织中用于收款的系统,例如电子商务网站、在线付款系统和POS系统等。设计思维是一……
-
机械设计模块化培训班(机械设计培训一般多少钱)
机械设计模块化培训班——提升职场竞争力随着科技的迅猛发展,机械行业的竞争日趋激烈。为了在职场中脱颖而出,不断提升自己是非常必要的。机械设计模块化培训班作为一种新兴的职业教育培训模式,不仅在教学方式上与传统教……
-
ui设计思维培训班(ui设计培训班哪个比较好)
在如今这个数字化时代,UI设计越来越受到重视,尤其是针对移动设备的UI设计。因为良好的用户界面对于用户使用体验、用户留存、用户转化等方面都有着不可忽视的作用。不过,往往我们想要成为一名合格的UI设计师,除了技术的要……
-
美工设计思维培训推荐(美工思维导图)
如果你是一名美工设计爱好者或者工作者,你无法否认美工设计和创意设计的重要性。作为美工设计专业人士,不仅要拥有认真负责的态度,更需要拥有创新性思维来创造精美的不同类型的设计。在如今激烈的市场竞争中,美工设计思维……
-
服务创新与设计思维的培训心得(服务创新的心得体会)
在如今追求服务质量的时代中,服务创新和设计思维成为了关注的焦点。在我的工作中,通过参加服务创新和设计思维的培训,我获得了一些心得,也得到了启发。服务创新的意义服务创新是一种以客户为中心,关注用户需求和体验的服务……
-
如何参加室内设计思维培训课程
室内设计是当前社会中非常受欢迎的行业之一。不仅需要设计师具备一定的专业知识与技能,还需要拥有优秀的创意思维能力。如果您想学习室内设计并提高自己的思维能力,那么参加室内设计思维培训课程是非常必要并且值得推荐……
-
美工平面设计思维培训班(平面美工设计学员)
美工平面设计是当今社会重要的职业之一,无论是各类企业、政府机构还是社会机构,都有着广泛的贯穿平面设计的需求,因此美工平面设计思维培训班的出现具有着巨大的现实意义。一、培训班的基本内容美工平面设计思维培训班的……
-
浅谈平面设计思维创作过程(关于平面设计思维的书籍推荐)
平面设计是一门需要有创造力和思考力的艺术形式。平面设计师不仅需要理解设计原则和技术,还需要借助思维创造具有影响力的设计作品。以下是平面设计思维创作过程的一些步骤和技巧。第一步:理解设计任务与客户或项目经理……
-
平面设计思维训练方法总结(平面设计思维方式)
平面设计作为一门艺术,需要不断锤炼以提高自己的技能和审美。而思维训练则是一个不可或缺的部分,它可以帮助设计师培养更加敏锐的观察力、创造力和逻辑思维。以下是几种有效的平面设计思维训练方法。1. 定向思维练习定……
-
平面设计思维提升的书(平面设计如何提升设计思维)
对于平面设计师而言,不断提升设计思维,不仅可以提高设计作品的质量,还能增强自身在设计领域的竞争力。那么,在平面设计思维上该如何进行提升呢?1. 多接触设计作品,增加设计灵感在进行平面设计创作的过程中,常常需要从别的设……
最近热门
- 广东工贸职业技术学院平面设计专业
- 美术字体设计金(美术设计字体设计)
- 平面设计是由哪四个元素构成(平面设计包含了什么元素)
- 四川图文广告设计性价比高的学校在哪里(成都图文广告公司)
- 上海非凡室内设计培训学校(上海非凡空间画室)
- 杭州九堡平面广告设计培训班电话(杭州九堡培训机构)
- 禅城区室内设计培训哪家好(佛山室内设计公司排名)
- 浙江淘宝美工培训课程(杭州淘宝美工培训班多少钱)