中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在針對(duì)交互的調(diào)整上，一些細(xì)微的，視覺(jué)上很難體現(xiàn)的改動(dòng)需要消耗大量的精力去思考和研究，才能產(chǎn)出最終的方案。本文作者以飛書(shū)的多維表格作為改版練習(xí)的對(duì)象，分享了分享前期整理和整體框架的部分，希望對(duì)大家有所幫助。

又到了很久也沒(méi)有分享，鴿了很久的 B 端案例改版的練習(xí)分享了。這次改版練習(xí)的對(duì)象是一個(gè)比較復(fù)雜的案例，字節(jié)飛書(shū)的 —— 多維表格。

因?yàn)樵擁?xiàng)目太復(fù)雜，所以這次只分享前期整理和整體框架的部分，后面與機(jī)會(huì)再針對(duì)不同的細(xì)節(jié)做單獨(dú)的分享。

PS：因?yàn)榇蠖鄶?shù)內(nèi)容在年初整理，線上版本有一部分功能和細(xì)節(jié)改動(dòng)。

一、改版的項(xiàng)目規(guī)劃

首先，因?yàn)槎嗑S表格的復(fù)雜性，已經(jīng)沒(méi)辦法讓我像前面的改版一樣只要簡(jiǎn)單做下案例的分析，就可以動(dòng)手完成后續(xù)的改動(dòng)，這是起碼要投入一周工作量，超過(guò) 20 天（業(yè)余時(shí)間做）時(shí)長(zhǎng)的改版。

所以一開(kāi)始，我就要做好前期的項(xiàng)目規(guī)劃，對(duì)整體的工作內(nèi)容、流程、步驟做一遍梳理，才能確定我的工作量，和每個(gè)步驟的大致順序。

下圖是我用思維導(dǎo)圖做的初步計(jì)劃：

里面包含了 6 個(gè)步驟，前期的分析和準(zhǔn)備占了絕大多數(shù)篇幅，最后的輸出反而只有一小部分。

這也要重點(diǎn)給大家提個(gè)醒，針對(duì) B 端商業(yè)項(xiàng)目，尤其是已經(jīng)上線了的項(xiàng)目，做改版、優(yōu)化、新需求，是要非常慎重的。絕對(duì)不是拿到一個(gè)項(xiàng)目就看著感覺(jué)改，無(wú)腦一頓猛做，單單做得快、好看，是難以符合專業(yè)團(tuán)隊(duì)的要求的，因?yàn)槟愫茈y 站在業(yè)務(wù)的角度解釋改版的邏輯和價(jià)值。

而在項(xiàng)目的計(jì)劃中，前期具體要分析哪些東西，是得看人下菜的。不同項(xiàng)目和背景中，我們可以分析的內(nèi)容、資源、材料是不同的。

比如我自己做練習(xí)，要拿真實(shí)項(xiàng)目的使用數(shù)據(jù) DAU 之類的做分析，顯然是不現(xiàn)實(shí)的（也沒(méi)必要），或者在有限的時(shí)間里還自己在社群招募真實(shí)用戶，做幾輪用研，也是沒(méi)可能的（我懶，肝不動(dòng)）。所以要選出必要，且我能做到的分析內(nèi)容內(nèi)容出來(lái)。

任何商業(yè)項(xiàng)目的設(shè)計(jì)、改版，都可以用一個(gè)簡(jiǎn)單的鏈條來(lái)概括，新手要掌握的就是這個(gè)大的框架，并學(xué)會(huì)怎么自己去填充細(xì)節(jié)，而不是背一套特別復(fù)雜的流程在自己的實(shí)踐中硬套，比如雙鉆模型。

二、項(xiàng)目的背景分析

分析的第一步肯定就是解決項(xiàng)目背景的問(wèn)題，雖然我是為了做項(xiàng)目的改版練習(xí)，但是具體工作目標(biāo)是什么，解決什么問(wèn)題的大方向依舊是要確認(rèn)下來(lái)的。

在這里我制定下來(lái)的主要目標(biāo)包含：

• 優(yōu)化多維表格的整體交互細(xì)節(jié)
• 制定更統(tǒng)一的交互應(yīng)用框架
• 為增加功能、字段提供更好拓展性
• 做出讓新人更容易理解上手的版本

然后，再更多的收集多維表格的資料，不管是從官方也好，還是從外部的一些資訊信息里檢索，從更多的維度來(lái)理解該產(chǎn)品和服務(wù)性質(zhì)。

官方介紹：飛書(shū)多維表格是一款以表格為基礎(chǔ)的新一代效率應(yīng)用。它具備表格的輕盈和業(yè)務(wù)系統(tǒng)的強(qiáng)大，融合了在線協(xié)作、信息管理和可視化能力，能夠自適應(yīng)團(tuán)隊(duì)思維和業(yè)務(wù)發(fā)展需求，是具備個(gè)性化能力的業(yè)務(wù)管理工具。

個(gè)人總結(jié)：多維表格是一個(gè)面向企業(yè)業(yè)務(wù)管理的新型協(xié)作工具，類似 Notion 的 Database View。

該類型工具并不是由一般業(yè)務(wù)需求和協(xié)作方式衍生而來(lái)，和傳統(tǒng)辦公方法、系統(tǒng)有較大的差異，意味著新用戶需要被 “教育” 才能正確使用，上手成本極高。

所以，目前大量用戶無(wú)法認(rèn)識(shí)表格中的數(shù)據(jù)視圖轉(zhuǎn)換邏輯，以及不知道這個(gè)圖表有什么用。

同時(shí)，再收集了市面上用相似功能的其它產(chǎn)品：

• Notion
• Airtable
• Clickup
• Monday
• 黑帕云
• 維表格

優(yōu)先搭建好這些宏觀的“認(rèn)識(shí)”，再慢慢往后續(xù)的細(xì)節(jié)推進(jìn)。

三、產(chǎn)品功能分析

雖然我自己課程的分析路徑是業(yè)務(wù)分析優(yōu)先，但該產(chǎn)品不是由一般的業(yè)務(wù)問(wèn)題衍生而來(lái)，而是通過(guò)功能去驅(qū)動(dòng)業(yè)務(wù)流程，所以我們優(yōu)先分析產(chǎn)品功能，再對(duì)功能和業(yè)務(wù)的結(jié)合點(diǎn)進(jìn)行分析。

我優(yōu)先繪制產(chǎn)品的功能地圖，整理了整個(gè)模塊中的主要功能和層級(jí)。

在我自己課程里會(huì)重點(diǎn)提功能地圖、產(chǎn)品地圖、信息地圖、頁(yè)面地圖的區(qū)別，功能地圖的主要目的是幫助我們理解這個(gè)產(chǎn)品所包含的功能有哪些。

還有個(gè)重要的原因，就是視圖之間有非常強(qiáng)的聯(lián)系，但每個(gè)視圖又有自己的功能，所以要把通用的和視圖特有的一一梳理出來(lái)。

同時(shí)，前面說(shuō)過(guò)視圖是由相同的數(shù)據(jù)轉(zhuǎn)化出來(lái)的，用戶可以創(chuàng)建不同的字段類型，并生成和填充不同的數(shù)據(jù)，來(lái)組成對(duì)應(yīng)的視圖。所以，表格的類型同樣重要，我也簡(jiǎn)單做了個(gè)整理。

在這個(gè)分析階段，還注意到一個(gè)特殊的字段“標(biāo)題”，即創(chuàng)建數(shù)據(jù)的時(shí)候用來(lái)進(jìn)行數(shù)據(jù)行索引和展示的唯一字段，便于串聯(lián)后續(xù)的其它字段內(nèi)容，是默認(rèn)存在不可修改位置的。

然后，在此基礎(chǔ)上分析每個(gè)視圖的功能特征和展示特征。

1. 分組表格

• 通過(guò)一個(gè)字段做分組依據(jù)，每個(gè)分組理論上包含多條數(shù)據(jù)。篩選允許進(jìn)行二次分組
• 每個(gè)分組欄會(huì)標(biāo)識(shí)該分組的依據(jù)（標(biāo)題），并可以選擇關(guān)聯(lián)顯示的數(shù)據(jù)內(nèi)容

2. 甘特圖類型

• 需要一個(gè)用來(lái)分組的字段類型，這個(gè)字段類型不能是標(biāo)題，基本得是人員或者標(biāo)簽，會(huì)關(guān)聯(lián)多條數(shù)據(jù)
• 甘特場(chǎng)景需要數(shù)據(jù)包含時(shí)間字段，如果原本沒(méi)有，在時(shí)間線中創(chuàng)建了就會(huì)出現(xiàn)

3. 畫(huà)冊(cè)類型

• 主要顯示大圖模塊，大圖可以包含多個(gè)圖片。適合收集圖片類數(shù)據(jù)內(nèi)容，并以封面圖檢索來(lái)查看詳情內(nèi)容
• 封面區(qū)域點(diǎn)擊進(jìn)入對(duì)應(yīng)字段內(nèi)容，圖片進(jìn)圖片大圖，附件進(jìn)附件頁(yè)
• 下方標(biāo)題點(diǎn)擊進(jìn)入數(shù)據(jù)詳情

4. 表單視圖

• 生成一個(gè)用來(lái)收集數(shù)據(jù)的問(wèn)卷表單，通過(guò)選擇前面添加過(guò)的字段來(lái)組成一個(gè)便于錄入數(shù)據(jù)的表單內(nèi)容

5. 看板視圖

• 分組需要相關(guān)的依據(jù)，也是一個(gè)值可以關(guān)聯(lián)多個(gè)結(jié)果的屬性類型
• 可以通過(guò)拖動(dòng)快速切換分組屬性值

所有視圖的頂部操作中，包含集全局和特有操作內(nèi)容，尤其是在工具欄中的功能差異，為了防止我自己看起來(lái)都亂，就創(chuàng)建一個(gè)表格來(lái)便于后續(xù)的識(shí)別和查看。

把這些理完（更細(xì)節(jié)的我就不放了），基本上產(chǎn)品有什么功能，對(duì)應(yīng)分布就非常清晰了，如果連產(chǎn)品功能內(nèi)容都沒(méi)有搞明白，頂多可以優(yōu)化視覺(jué)的內(nèi)容，但絕對(duì)無(wú)法對(duì)完成交互的設(shè)計(jì)。

四、使用場(chǎng)景分析

先分析完產(chǎn)品，然后就是分析符合這個(gè)產(chǎn)品使用的場(chǎng)景，也就作為工具它能切入到哪些業(yè)務(wù)中去，并且在這些業(yè)務(wù)環(huán)境中會(huì)應(yīng)用哪些功能，如何進(jìn)行操作，操作的順序和痛點(diǎn)。

嚴(yán)格意義上來(lái)說(shuō)，Saas 工具的業(yè)務(wù)場(chǎng)景分析，是需要參與到用戶實(shí)際操作流程里做用戶研究的，但是現(xiàn)在我們并不具備這個(gè)條件，很多同學(xué)的項(xiàng)目環(huán)境里也不具備這樣的時(shí)間和條件。

所以，我們需要依靠一些簡(jiǎn)單的調(diào)查、資訊收集信息，“腦補(bǔ)”出對(duì)應(yīng)的業(yè)務(wù)環(huán)境和流程，即對(duì)業(yè)務(wù)流程和操作流程進(jìn)行建模，搭建虛擬的操作環(huán)境來(lái)分析當(dāng)前交互的缺陷。

這種做法并不是就不可以，而是追求效率的一些妥協(xié)，以及項(xiàng)目設(shè)計(jì)的第一版都還沒(méi)正式的用戶上哪找真實(shí)的使用流程，只能去做一些場(chǎng)景的模擬。

所以，根據(jù)官方說(shuō)明文檔介紹的客戶應(yīng)用案例，以及官方提供的模板的一些分類，我總結(jié)了幾個(gè)基礎(chǔ)的使用場(chǎng)景：

• 團(tuán)隊(duì)OKR管理：利用一般表格、看板和雙向關(guān)聯(lián)功能進(jìn)行 OKR 的整合
• 團(tuán)隊(duì)任務(wù)管理：通過(guò)列表、分組、看板進(jìn)行任務(wù)的分配和提醒
• 項(xiàng)目流程管理：通過(guò)看板、甘特、分組的方式制定項(xiàng)目任務(wù)內(nèi)容和計(jì)劃
• 基礎(chǔ)問(wèn)卷調(diào)查：通過(guò)表單創(chuàng)建問(wèn)卷，并用列表、分組展示數(shù)據(jù)信息
• ……

至于后面為了更好的反應(yīng)這些流程建模的圖例……肝不動(dòng)，我就沒(méi)畫(huà)了。

簡(jiǎn)單描述一下，比如針對(duì)團(tuán)隊(duì) OKR，我們自己模擬一下包含 3 個(gè)用戶角色，分別是，領(lǐng)導(dǎo)A、馬仔B，馬仔C。然后每個(gè)人在 OKR 雙月報(bào)里要填寫(xiě)自己的內(nèi)容，以及對(duì)齊別人的任務(wù)。

那我們就要分別將自己帶入到 3 個(gè)角色中，然后建立自己的目標(biāo)，并進(jìn)行操作……

這種模擬做得越多，就越能還原相關(guān)的場(chǎng)景，和發(fā)現(xiàn)產(chǎn)品的真實(shí)問(wèn)題。用戶測(cè)試這件事，你只要自己帶入感夠強(qiáng)，有較好的多重人格、精神分裂能力，就可以直接模擬甲乙丙丁……

你自己就是一只軍隊(duì)……

五、相關(guān)問(wèn)題整理

通過(guò)前面若干的操作使用，我們已經(jīng)可以形成大量的想法和思路了。為了防止這些想法流失，你需要每次測(cè)試完趁想法還新鮮，把它們通過(guò)文本的方式記錄下來(lái)。

記錄的內(nèi)容我拆解成兩個(gè)維度，宏觀定性分析和結(jié)構(gòu)化的五要素分析內(nèi)容。

1. 宏觀定性分析

結(jié)合產(chǎn)品功能和業(yè)務(wù)場(chǎng)景的定性分析，可以將問(wèn)題拆解成下面幾大類：

• 初期理解困難：無(wú)法理解多維表格有什么用，創(chuàng)建的邏輯就很不符合主流工具使用情況，無(wú)法理解它包含的可能性
• 創(chuàng)建流程復(fù)雜：每次創(chuàng)建一個(gè)獨(dú)立的表時(shí)，會(huì)優(yōu)先彈出普通數(shù)據(jù)表，要從中理解一般表格和其它表格的關(guān)聯(lián)
• 視圖操作復(fù)雜：不同視圖之間的操作有差異，導(dǎo)致使用上的功能識(shí)別非常的難受
• 詳情內(nèi)容儀式感弱：編輯狀態(tài)和查看狀態(tài)沒(méi)有比較好的差異，使用感受不好，即使編輯完內(nèi)容也像還待編輯的狀態(tài)

2. 產(chǎn)品五要素分析

戰(zhàn)略、范圍、結(jié)構(gòu)沒(méi)太多能總結(jié)的略過(guò)了，就只放框架和視覺(jué)整理出來(lái)的問(wèn)題。

（1）框架層問(wèn)題整理

a. 多維頁(yè)面左側(cè)導(dǎo)航

• 新建表都是在表下創(chuàng)建一個(gè)新的普通列表視圖，新人不知道普通列表有什么用，老用戶也不一定要直接用普通列表
• 表的折疊和下方視圖應(yīng)用關(guān)系比較難受，所有圖表都應(yīng)該由基礎(chǔ)圖表組成，一級(jí)目錄應(yīng)該和下方有較大的差異

b. 多維頁(yè)面右側(cè)區(qū)域

• 上方全局操作欄目?jī)?nèi)容非常擁擠，而且隨視圖變化沒(méi)有明確的規(guī)律，需要進(jìn)行合理的拆分
• 字段配置頁(yè)面的交互不是很合理，新增一個(gè)字段要左右交叉彈出3層，而且非常長(zhǎng)，不符合菲茨定律的要求
• 生成表單功能沒(méi)有確認(rèn)提示，容易誤操作
• 相冊(cè)視圖中，縮略圖點(diǎn)擊進(jìn)對(duì)應(yīng)頁(yè)面完全是 “意料之外”，而詳情進(jìn)入點(diǎn)擊困難

c. 詳情頁(yè)內(nèi)容

• 框架寬度較小，使用體驗(yàn) “擰巴”
• 新增字段按鈕難以察覺(jué)，和外部的操作方式差異過(guò)大
• 詳情頁(yè)展開(kāi)下級(jí)彈窗比當(dāng)前的還寬，瀏覽體驗(yàn)極差

（2）視覺(jué)層問(wèn)題整理

時(shí)間關(guān)系就放原來(lái)的記錄，不做文案的優(yōu)化了，也不一個(gè)個(gè)問(wèn)題配圖解釋，感興趣的可以自己對(duì)照下線上的頁(yè)面：

• 面層次：導(dǎo)航列表和右側(cè)內(nèi)容的區(qū)分度低，頂部操作欄和實(shí)際視圖內(nèi)容沒(méi)有明確的分割識(shí)別性差
• 色彩應(yīng)用：頁(yè)面整體過(guò)“白”，導(dǎo)致關(guān)鍵因素?zé)o法凸顯，色彩帶來(lái)的功能性作用極差
• 文字應(yīng)用：關(guān)鍵文字沒(méi)有突出，文字信息層級(jí)的價(jià)值較差，在復(fù)雜的視圖環(huán)境下閱讀體驗(yàn)極差
• 圖標(biāo)應(yīng)用：圖標(biāo)統(tǒng)一性不是太理想，一級(jí)表的圖標(biāo)與二級(jí)視圖圖標(biāo)太接近，難以區(qū)分
• 字段樣式：較多字段樣式在外部顯示不理想，不僅不好看而且識(shí)別性弱
• 分組視圖：層級(jí)劃分樣式很難受，導(dǎo)致頁(yè)面過(guò)度復(fù)雜
• 甘特視圖：時(shí)間條的顯示約等于無(wú)，難以看清
• 畫(huà)冊(cè)視圖：實(shí)際使用場(chǎng)景下圖片有點(diǎn)太大，且下方字段信息間距過(guò)大
• 表單視圖：那個(gè)背景設(shè)計(jì)很違和，“表單感” 太弱
• 詳情頁(yè)面：背景透明度太低，內(nèi)部元素的分隔不足，親密性表現(xiàn)較差

六、方案制定

問(wèn)題都有了，下一步不是直接就能把問(wèn)題給解決了！因?yàn)榻鉀Q問(wèn)題要給設(shè)計(jì)產(chǎn)出，設(shè)計(jì)產(chǎn)出也要花挺長(zhǎng)時(shí)間去做。所以，我們要先對(duì)準(zhǔn)備輸出的方案做前期的計(jì)劃。

首先，為了讓用戶更好的上手產(chǎn)品，構(gòu)建用戶的心智，我先搭建出一個(gè)理想的操作路徑。

優(yōu)先在用戶認(rèn)知中確定“數(shù)據(jù)表”的認(rèn)識(shí)，通過(guò)表格這種最直觀的形式，將自己想要的數(shù)據(jù)結(jié)構(gòu)搭建出來(lái)，再去創(chuàng)建更直觀的可視視圖。

因?yàn)椤皹?biāo)題”作為所有視圖索引的錨點(diǎn)，必須在前期搭建數(shù)據(jù)表的時(shí)候就建立清晰的認(rèn)識(shí)，而不是直接開(kāi)始上手對(duì)應(yīng)的視圖內(nèi)容創(chuàng)建（很多視圖類型不凸顯標(biāo)題），在后續(xù)無(wú)法很好的在認(rèn)知里錨定標(biāo)題，從而在操作認(rèn)識(shí)上造成混亂。

所以，新建數(shù)據(jù)表的時(shí)候，父集表結(jié)構(gòu)會(huì)擁有個(gè)獨(dú)立的表格頁(yè)面，和下級(jí)的視圖內(nèi)容作出區(qū)分，并在該頁(yè)面有較強(qiáng)的引導(dǎo)進(jìn)行其它類型視圖的創(chuàng)建。

然后，重新梳理了一下頁(yè)面結(jié)構(gòu)圖，理解整體包含的頁(yè)面和結(jié)構(gòu)關(guān)系。

因?yàn)椴豢赡茏鐾晁屑?xì)節(jié)，所以優(yōu)先明確主要交互改版的區(qū)域：

• 頂部操作工具欄的整體優(yōu)化，統(tǒng)一操作效果
• 優(yōu)化各個(gè)頁(yè)面的內(nèi)容區(qū)域和背景的呈現(xiàn)方式
• 優(yōu)化整體詳情頁(yè)面的展示和交互方法
• 減少頁(yè)面樣式的沖突性提升一致性體驗(yàn)
• 強(qiáng)調(diào)頁(yè)面形成依據(jù)和分組依據(jù)，提升識(shí)別性

最后，再把要設(shè)計(jì)的具體內(nèi)容清單羅列出來(lái)，把一些暫時(shí)沒(méi)空、相關(guān)性不高的頁(yè)面排除掉，確定設(shè)計(jì)的工作量。

這也是我自己課程里會(huì)多次強(qiáng)調(diào)的一步工作，任何系統(tǒng)性的設(shè)計(jì)項(xiàng)目，都一定要把準(zhǔn)備設(shè)計(jì)的內(nèi)容清單整理一遍，不要只是心理有個(gè)“大概”，這樣絕對(duì)會(huì)做到后面翻車(chē)的。

七、交互的改版實(shí)例解析

下面，針對(duì)主要的框架和視圖頁(yè)面內(nèi)容改版后的內(nèi)容逐一進(jìn)行說(shuō)明。更細(xì)致的交互細(xì)節(jié)還沒(méi)做完，以后有機(jī)會(huì)再分享。

1. 全局 – 基本框架優(yōu)化

優(yōu)化說(shuō)明：

• 右側(cè)內(nèi)容區(qū)域統(tǒng)一使用灰色背景，突出具體展示的內(nèi)容和卡片。而不像當(dāng)前儀表盤(pán)使用灰底，而數(shù)據(jù)組用白底。
• 因?yàn)轫敳空n操作要素太多，所以增加分割線，強(qiáng)化頂部區(qū)域和內(nèi)容區(qū)域的分隔。

2. 全局 – 導(dǎo)航欄相關(guān)優(yōu)化

優(yōu)化說(shuō)明：

• 優(yōu)化搜索框，原有搜索框和菜單關(guān)閉位置很占空間，而且在我自己使用體驗(yàn)中搜索使用頻率太低。除所以新設(shè)計(jì)中降低視覺(jué)權(quán)重，做成通欄無(wú)邊框設(shè)計(jì)。
• 優(yōu)化關(guān)閉圖標(biāo)，側(cè)邊欄關(guān)閉的需求也沒(méi)有那么大，所以我改成鼠標(biāo)進(jìn)入導(dǎo)航區(qū)域后才顯示，默認(rèn)狀態(tài)隱藏
• 優(yōu)化一級(jí)和二級(jí)菜單圖標(biāo)類型，在設(shè)計(jì)上要有明確區(qū)分，一級(jí)選項(xiàng)不和二級(jí)選項(xiàng)混淆
• 一級(jí)選項(xiàng)處于懸浮和選中狀態(tài)（包含下級(jí)區(qū)域），顯示更多和添加，并且優(yōu)化更多選項(xiàng)位置，將添加視圖放到最右側(cè)

3. 全局 – 工具操作欄優(yōu)化

優(yōu)化說(shuō)明：

• 工具欄分成兩個(gè)編組，左右對(duì)齊。左側(cè)和視圖有較強(qiáng)關(guān)聯(lián)，右側(cè)則是具體操作。
• 對(duì)于可以進(jìn)行分組和直接影響同類視圖最終顯示依據(jù)的功能放到左側(cè)，能強(qiáng)調(diào)通過(guò)該選項(xiàng)來(lái)設(shè)置該視圖的最基本展示方式。
• 對(duì)右側(cè)功能進(jìn)行二次分組，通過(guò)權(quán)重和邏輯性進(jìn)行排序和分隔
• 對(duì)不同視圖的工具內(nèi)容順序做出統(tǒng)一性的排列，降低學(xué)習(xí)成本

4. 視圖 – 基本數(shù)據(jù)組/一般表格

優(yōu)化說(shuō)明：

• 優(yōu)化標(biāo)題列，提升標(biāo)題列的權(quán)重
• 底部操作欄上移（細(xì)節(jié)沒(méi)做完），只有表格內(nèi)容超出頁(yè)面高度時(shí)頁(yè)面底部懸浮吸附

5. 視圖 – 看板視圖

優(yōu)化說(shuō)明：

• 凸出標(biāo)題元素，并使用分割線進(jìn)行內(nèi)容的區(qū)分
• 優(yōu)化字段內(nèi)容排列的方式，提升閱讀效率，默認(rèn)隱藏字段圖標(biāo)

6. 視圖 – 畫(huà)冊(cè)視圖

優(yōu)化說(shuō)明：

• 凸出標(biāo)題元素，并和看板樣式保持統(tǒng)一
• 增加添加記錄卡片，默認(rèn)處于最后一條便于點(diǎn)擊

7. 視圖 – 甘特視圖

優(yōu)化說(shuō)明：

• 優(yōu)化甘特區(qū)域頂部欄目的高度，將日期置于每列矩形內(nèi)，提升日期的識(shí)別性
• 為月份增加分割線，提升月份跨度的識(shí)別性

8. 視圖 – 表單視圖

優(yōu)化說(shuō)明：

• 移除上方的背景圖，在后期會(huì)通過(guò)其它設(shè)計(jì)提升“表單質(zhì)感”
• 將內(nèi)容繼續(xù)移動(dòng)到右側(cè)欄目中（不知道出于什么考慮他們把欄目改左側(cè)去）
• 合并可選字段和表單設(shè)置選項(xiàng)，提升操作的效率
• 填寫(xiě)模式改到右上角去，不放在中間進(jìn)行切換，這種操作需要一定的阻隔（操作距離）

八、結(jié)尾

以上就是本次改版前半部分的分享了?？赡芎芏嗤瑢W(xué)會(huì)覺(jué)得好像分析花很長(zhǎng)時(shí)間，最后改動(dòng)看起來(lái)又很小。但必須強(qiáng)調(diào)這才是真實(shí)工作環(huán)境里可能會(huì)產(chǎn)出的成果，不是任何情況下做改版都是大開(kāi)大合，改動(dòng)特別劇烈的。

尤其是針對(duì)交互的調(diào)整上，往往一些細(xì)微的，視覺(jué)上很難體現(xiàn)的改動(dòng)要消耗大量的精力去思考和研究，才能產(chǎn)出最終的方案。而整個(gè)項(xiàng)目交互的改版，就是建立在若干這些細(xì)節(jié)的調(diào)整，和整體交互使用的一致上去搭建的。

還有很多頁(yè)面流程上的調(diào)整和組件交互上的設(shè)計(jì)，用圖文的方法來(lái)講解實(shí)在是寫(xiě)不完（目前只有理想情況下五分之一不到）……后續(xù)頁(yè)面的其它操作流程、組件交互，在之后有空再陸續(xù)分享改版的思路。

希望對(duì)大家有幫助，白了個(gè)白～