亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

前言

讀了很多書，但沒有運用那都不算是你的知識，每次閱讀之后都需要形成自己的踐行清單，什么是踐行清單呢？從所聽所看所思中真正經(jīng)過深度思考，結(jié)合自身場景而得出來具體的，有指導(dǎo)性的行動方案。

本次閱讀的是《支付寶體驗設(shè)計精髓》一書，整理總結(jié)出關(guān)于如何進行模塊化設(shè)計的目的方法，思路以及注意事項。

分享中的案例是閱讀后，自己根據(jù)書中方法結(jié)合公司項目整理出的組件設(shè)計，更好達到學(xué)以致用。也希望你讀完后，能夠針對所說所描述的方法步驟，結(jié)合自己項目為他們設(shè)定組件，并持續(xù)迭代更新。

1.什么是模塊化設(shè)計？

廣義定義：模塊化設(shè)計是指對一定范圍內(nèi)不同的功能或相同功能不同性質(zhì)，不同規(guī)格的產(chǎn)品進行功能分析的基礎(chǔ)上，劃分并設(shè)計出一系列功能模塊，通過模塊的選擇和組合構(gòu)成不同的產(chǎn)品設(shè)計方法。

模塊化設(shè)計可包含：產(chǎn)品流程，信息結(jié)構(gòu)，交互方式，表現(xiàn)形式

2.使用模塊化設(shè)計的意義

1.減少設(shè)計成本

2.通過模塊間組合互換，滿足差異化需求

3.保持良好體驗延續(xù)性的同時，縮短設(shè)計周期，提高設(shè)計效率

3.三個步驟的模塊化設(shè)計的方法

以產(chǎn)品視角從宏觀到微觀，再回到宏觀的過程

3.1模塊劃分

將完成的用戶路徑進行拆分，并按照解決用戶問題進行重新歸類

怎么拆，拆多細？模塊和控件有什么區(qū)別？

模塊 > 控件

設(shè)計控件通常以頁面基礎(chǔ)元素為粒度，如字體，按鈕，輸入框等，保證視覺基本元素的一致性。

模塊是一組控件的組合，也可以一頁頁面組合，賦予其解決某一問題，實現(xiàn)某個功能。

模塊劃分標(biāo)準(zhǔn)：

單一性：模塊粒度盡可能小，一個模塊以解決一個問題為主
完整性：內(nèi)部流程應(yīng)該是一個閉環(huán)，信息流上提供足夠支持用戶達到目標(biāo)所需
獨立性：模塊之間弱耦合關(guān)系，已存關(guān)系降到最低，以便不同組件的互相利用

模塊劃分方式：

A:流程類產(chǎn)品劃分：

有一個明確的目標(biāo)，一系列的任務(wù)最終達到目標(biāo)的產(chǎn)品閉環(huán)

1.分析業(yè)務(wù)需求以及用戶目標(biāo)
2.制定用戶達成目標(biāo)所需要的任務(wù)流程
3.根據(jù)任務(wù)階段劃分第一層級任務(wù)模塊
4.根據(jù)模塊內(nèi)功能特征多少，決定是否劃分子模塊

以品駿達APP 寄件功能為案例

B:內(nèi)容載體類產(chǎn)品劃分：
不以某個目的為主體，而是以內(nèi)容聚合為主的框架，更注重內(nèi)容信息分類，排序，篩選的劃分

1.對全量信內(nèi)容進行列舉
2.確定分類的維度，并對內(nèi)容篩選，排序，形成第一層級模塊
3.對信息內(nèi)容較多模塊進行分析，拍段是否合并或再次拆分

以 先鋒達 眾包APP為案例

3.2模塊設(shè)計

復(fù)用性：復(fù)用性占比越高，產(chǎn)品穩(wěn)定性越好
延展性：對統(tǒng)一功能模塊，由于業(yè)務(wù)需求差異，設(shè)計時一定范圍內(nèi)容可擴展能力，兼容一定范圍的差異性。包含對信息的多少，內(nèi)容的參數(shù)，視覺表現(xiàn)等方面的寬容度
互換性：在不可復(fù)用模塊時，保證和其他模塊組合，不在全局信息結(jié)構(gòu)發(fā)生變化，快速互換，不用調(diào)整其他構(gòu)成方式

例如：在寄快遞填寫增值服務(wù)費用模塊，根據(jù)服務(wù)產(chǎn)品種類不同，劃分不同模塊，有快運快遞，需要上門接貨，需要包裝簽單返還等區(qū)分，在不改變頁面信息結(jié)構(gòu)和其他模塊情況下，可以實現(xiàn)快速互換，滿足不同業(yè)務(wù)模式的差異需求

品駿達

3.3模塊組合

模塊劃分和模塊設(shè)計是播種，模塊組合則是最后的收獲，通過組合快速搭建出核心結(jié)構(gòu)，保證核心用戶體驗一致性。模塊組合不僅是簡單將所有模塊堆砌在界面上，需要他們各司其職，成為一個整體。需要遵循以下原則。

明確主次：每個頁面一個主要功能，解決最迫切的問題，其他模塊不影響主要模塊的使用；組合使用時要考慮減少不必要模塊，或降低其他模塊信息強度。

避免沖突：使用多個組件時，需要互相微調(diào)，避免信息的重復(fù)，交互方式的不一致，邏輯的矛盾等

4.設(shè)計工具

參照使用sketch中的組件功能

關(guān)于sketch組件使用方法，請參考【如何構(gòu)建高復(fù)用性的交互組件庫】

總結(jié)

模塊化設(shè)計是設(shè)計師本身在行業(yè)中所積累的一種轉(zhuǎn)化。
利用已有的經(jīng)驗，降低設(shè)計風(fēng)險，提升設(shè)計效率和質(zhì)量。
因此再設(shè)計和使用模塊時需要不斷迭代更新，不斷對模塊進行驗證和優(yōu)化，適應(yīng)用戶需求的變化趨勢。

產(chǎn)品初期：設(shè)計實例中逐漸摸索，提煉產(chǎn)品可復(fù)用的模塊，優(yōu)先滿足共性需求
產(chǎn)品中期：樣式差異化和多樣性增加后，逐漸轉(zhuǎn)向業(yè)務(wù)特色的精細化發(fā)展方向
模塊后期：反復(fù)運用中，審視設(shè)計的合理性，不斷更新，對新功能，提煉其通用性，選擇性的沉淀為模塊。