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

編輯導(dǎo)讀：表單在我們的日常工作中經(jīng)常會(huì)用到，一個(gè)優(yōu)質(zhì)的表單可以提高我們的工作效率，完成一些更多的業(yè)務(wù)，提高產(chǎn)品體驗(yàn)。本文是表單設(shè)計(jì)系列的第二篇，作者以云租賃“新簽合同”的改版設(shè)計(jì)思考，給大家闡述如何應(yīng)對(duì)復(fù)雜業(yè)務(wù)表單設(shè)計(jì)。

以云租賃“新簽合同”的改版設(shè)計(jì)思考，給大家闡述如何應(yīng)對(duì)復(fù)雜業(yè)務(wù)表單設(shè)計(jì)。

一、項(xiàng)目背景

云租賃是明源云空間旗下的一款為存量地產(chǎn)提供多業(yè)態(tài)（園區(qū)、寫字樓、創(chuàng)意空間、專業(yè)市場(chǎng)、底商、購(gòu)物中心等）資產(chǎn)管理的Saas產(chǎn)品，發(fā)展至今已4年有余。

2017至2019年云租賃產(chǎn)品處于驗(yàn)證價(jià)值期，側(cè)重快速兌現(xiàn)價(jià)值、不考慮使用感。如今，產(chǎn)品租戶數(shù)已突破百，商業(yè)價(jià)值得以驗(yàn)證，產(chǎn)品進(jìn)入快速覆蓋搶占市場(chǎng)的階段。然而，較高的交付成本阻礙了產(chǎn)品在市場(chǎng)上快速覆蓋。因此，我們需要做出轉(zhuǎn)變，通過(guò)設(shè)計(jì)給產(chǎn)品加分，助力業(yè)務(wù)成長(zhǎng)。

2020年Q4季度，圍繞公司的戰(zhàn)略規(guī)劃“降交付、打標(biāo)桿、落價(jià)值”，我們聚焦3大核心業(yè)務(wù)場(chǎng)景 — 收繳、交易、運(yùn)營(yíng)，成立專項(xiàng)組進(jìn)行底層架構(gòu)到視覺交互層面上的體驗(yàn)升級(jí)。接下來(lái)就以交易場(chǎng)景（新簽合同）為例，闡述一下我面對(duì)復(fù)雜業(yè)務(wù)表單設(shè)計(jì)上的一些思考。

二、發(fā)掘問題

在這個(gè)項(xiàng)目中，我們從產(chǎn)品和客戶兩個(gè)角度挖掘本質(zhì)的共性的問題。

產(chǎn)品角度 – 收集產(chǎn)品現(xiàn)存的問題：

運(yùn)用“交互行為五要素”將一整套業(yè)務(wù)拆分成一個(gè)個(gè)小的業(yè)務(wù)場(chǎng)景，通過(guò)產(chǎn)品體驗(yàn)劇本進(jìn)行交付沙盤模擬分析各個(gè)核心業(yè)務(wù)場(chǎng)景下的產(chǎn)品現(xiàn)狀。

客戶角度 – 獲取客戶的訴求：

一線交付人員對(duì)客戶做了調(diào)研訪談，深入的挖掘他們對(duì)當(dāng)前的產(chǎn)品使用問題；客戶成功團(tuán)隊(duì)收集用戶的心聲，將不同崗位和職級(jí)對(duì)于租賃系統(tǒng)的問題真實(shí)反饋收集匯總。

將每個(gè)場(chǎng)景下的客戶訴求，與產(chǎn)品現(xiàn)狀進(jìn)行對(duì)比，那么在產(chǎn)品現(xiàn)狀中沒能滿足客戶訴求的地方，便是產(chǎn)品需要改進(jìn)提升的問題：

由于得到的問題其實(shí)還是較為零散，最后我們利用“雙鉆模型”對(duì)待改進(jìn)的問題進(jìn)行聚焦，也就是對(duì)同類問題進(jìn)行歸類、發(fā)現(xiàn)零散問題背后的本質(zhì)問題，得到目前新簽合同的核心問題：缺乏業(yè)務(wù)場(chǎng)景化設(shè)計(jì)，簽訂效率低。

三、設(shè)計(jì)原則

基于上面的問題，我們定義了“場(chǎng)景、高效、易懂”的設(shè)計(jì)原則，作為本次改版設(shè)計(jì)的指導(dǎo)準(zhǔn)則。雖然，很多時(shí)候我們覺得設(shè)計(jì)原則很虛，但作為設(shè)計(jì)系統(tǒng)的起點(diǎn)，設(shè)計(jì)原則可以幫助團(tuán)隊(duì)成員建立共用的設(shè)計(jì)世界觀，在設(shè)計(jì)過(guò)程中，可以通過(guò)反問的形式衡量利弊，比如信息呈現(xiàn)是否簡(jiǎn)潔易懂、核心流程是否貼近場(chǎng)景、操作是否流暢高效、失敗操作體驗(yàn)是否友好等等……

四、設(shè)計(jì)實(shí)現(xiàn)

圍繞本次新簽合同流程的設(shè)計(jì)原則，我們提出了如下的幾個(gè)設(shè)計(jì)方案：

4.1 功能整合，架構(gòu)升級(jí)

在舊版的框架體系中，所有任務(wù)信息直接平鋪展示在頁(yè)面中，導(dǎo)致功能信息雜亂分散，重點(diǎn)信息難以查找，信息關(guān)聯(lián)性弱等問題，嚴(yán)重影響了客戶的簽訂效率。

在這次框架設(shè)計(jì)中，我們根據(jù)客戶的實(shí)際業(yè)務(wù)場(chǎng)景，將相關(guān)功能進(jìn)行聚合處理，將操作相對(duì)低頻的功能進(jìn)行轉(zhuǎn)移或刪減。通過(guò)功能的整合，可以加強(qiáng)認(rèn)知，減少客戶多余的思考與判斷，降低學(xué)習(xí)成本，提升簽訂的效率。

4.2. 聚焦業(yè)務(wù)，布局重組

在頁(yè)面結(jié)構(gòu)上，通過(guò)捕捉用戶習(xí)慣與認(rèn)知，借鑒了用戶最熟悉的線下紙質(zhì)合同樣式，消除機(jī)器語(yǔ)言的陌生感，強(qiáng)化業(yè)務(wù)感知，降低用戶認(rèn)知負(fù)擔(dān)。

案例1 基礎(chǔ)信息

在舊版中，基礎(chǔ)信息頁(yè)采用單列平鋪布局，使得錄入內(nèi)容需要3屏（1440*900px）才能展示完全。同時(shí)，各個(gè)模塊零散、雜亂，未貼合用戶的核心業(yè)務(wù)場(chǎng)景，導(dǎo)致用戶心智亂，填寫效率低下。

于是，我們對(duì)頁(yè)面的信息模塊進(jìn)行了重組排布，將“合同信息”、“簽約時(shí)間”這種低頻模塊弱化規(guī)整到了頁(yè)面頂部；“出租方”與“承租方”這種關(guān)注度高、關(guān)聯(lián)性強(qiáng)的模塊進(jìn)行信息權(quán)重升級(jí)，保證用戶第一眼能看到；將不常用的功能（合并拆分、打包定價(jià)等）進(jìn)行功能轉(zhuǎn)移，將任務(wù)移交給系統(tǒng)，減少客戶多余的思考與判斷。原來(lái)三屏的內(nèi)容濃縮到一屏內(nèi)展示，內(nèi)容更清晰明了，用戶心智更統(tǒng)一。

案例2 合同條款

原先用戶在設(shè)置合同條款的過(guò)程中操作路徑是混亂的，頁(yè)面中充斥著各種操作入口，而且功能入口重復(fù)，使得用戶在操作過(guò)程中產(chǎn)生“迷惑感”，大量信息都集合在一起嚴(yán)重影響了填寫效率。

在新版中，我們將原有的上下通欄結(jié)構(gòu)改成了左右結(jié)構(gòu)，左側(cè)作為切換資源的入口同時(shí)兼顧了上面提到的合并定價(jià)的功能，右側(cè)則是這個(gè)資源下面的條款信息，根據(jù)線下業(yè)務(wù)場(chǎng)景將免租期與固定租金分開，固定租金、優(yōu)惠分?jǐn)傄约案犊罘绞揭钥ㄆ姆绞秸显谝黄?，更緊貼用戶在設(shè)置合同條款的心理模型和流程動(dòng)線。

4.3 關(guān)注內(nèi)容，簡(jiǎn)化信息

在表單填寫中，過(guò)多的信息透?jìng)鲿?huì)讓用戶在使用時(shí)產(chǎn)生“冗余感”，影響填寫效率。而清晰明了的信息展示，則可以減少用戶對(duì)選定內(nèi)容的反復(fù)查對(duì)，降低焦慮感。

案例1 出租方/承租方

原先出租方/承租方存有占用空間大，信息權(quán)重不合理，功能入口重復(fù)，過(guò)度的引導(dǎo)性設(shè)計(jì)，不必要的信息透?jìng)鬟^(guò)多等問題。

通過(guò)線下業(yè)務(wù)數(shù)據(jù)，我們梳理出客戶的核心業(yè)務(wù)場(chǎng)景是1v1，也就是說(shuō)在簽訂合同時(shí)，往往是1個(gè)出租方對(duì)應(yīng)1個(gè)承租方的情況居多，因此在選擇完一個(gè)承租方/出租方之后，對(duì)添加功能進(jìn)行弱化將其放置在右上方，避免了過(guò)強(qiáng)的引導(dǎo)操作。在1v多的場(chǎng)景下，用戶更關(guān)注主體，也就是甲方/乙方（對(duì)于丙、丁這些的并不在意），因此將原先的平鋪展示改成了標(biāo)簽切換。內(nèi)容層面僅保留用戶關(guān)注度最高的內(nèi)容，次要內(nèi)容則隱藏至感嘆號(hào)icon里。

案例2 租賃資源

同樣的，我們先對(duì)場(chǎng)景進(jìn)行梳理，注意到核心場(chǎng)景是2～8個(gè)租賃資源居多。在極少數(shù)的情況下，租賃資源會(huì)達(dá)到上百個(gè)甚至上千個(gè)。那么舊版的卡片平鋪設(shè)計(jì)就不合適，從視覺動(dòng)線、操作路徑上都存在很大問題。在新版中，采用表格的形式進(jìn)行數(shù)據(jù)的展示，對(duì)于多條數(shù)據(jù)的查閱更輕松，其他操作功能也有比較確定的位置，保證了操作路徑的統(tǒng)一，使整個(gè)模塊的操作更順滑、流暢。

以此類推，我們可以新簽合同各個(gè)模塊的優(yōu)化方案，這里就不展開細(xì)說(shuō)。

4.4 精益求精，更有溫度

復(fù)雜業(yè)務(wù)表單由于充斥著各種條理和邏輯性，給表單本身帶來(lái)了額外的使用負(fù)擔(dān)。通過(guò)心理學(xué)的思考、UI 上的感情化設(shè)計(jì)、目標(biāo)人群的特性、使用場(chǎng)景的氛圍結(jié)合等手段進(jìn)行等手段進(jìn)行表單設(shè)計(jì)，能讓用戶在填寫中更輕松、更順暢。

先來(lái)看一個(gè)例子，下圖是固定租金模塊下付款方式的內(nèi)容展示優(yōu)化方案。

嚴(yán)格意義上來(lái)說(shuō)，這種展示方式是沒有什么問題的。但我們結(jié)合一下線下紙質(zhì)合同來(lái)看，就可以很清楚看到字段前面的標(biāo)題其實(shí)都是“無(wú)效字段”，最佳的方案應(yīng)該是只讀內(nèi)容就能知道其含義。

我們研讀了不同客戶的合同條款（樣本量15個(gè)），總結(jié)出關(guān)于付款方式通用的業(yè)務(wù)表達(dá)方式，通過(guò)通用的專業(yè)術(shù)語(yǔ)作為輔助閱讀提示，內(nèi)容字段通過(guò)字體加粗、加畫線的方法進(jìn)行強(qiáng)調(diào)，這樣既能滿足即讀即懂的訴求，又能滿足跳躍查看信息的訴求。

再比如我們嘗試在新簽合同的第一步前加入了“合同封面”，把前面提到了合同信息字段放置在這里，模擬簽訂場(chǎng)景，強(qiáng)化用戶的業(yè)務(wù)感知。

當(dāng)然還有我們耳熟能詳?shù)那楦谢答佋O(shè)計(jì)，這種都比較常見，這里就不過(guò)多贅述。

五、總結(jié)

改版后的新簽合同目前已對(duì)部分租戶上線，通過(guò)客戶成功團(tuán)隊(duì)對(duì)本次體驗(yàn)升級(jí)進(jìn)行滿意度收集，此次改版極大的提升了客戶的簽訂效率（效率提升87%），客戶滿意度平均值高達(dá)90%。在設(shè)計(jì)的過(guò)程中我們緊緊圍繞“業(yè)務(wù)場(chǎng)景”，在提升產(chǎn)品體驗(yàn)的同時(shí)，也極力打造更有溫度更具人情味的云租賃系統(tǒng)。

以上就是我在這次新簽合同重構(gòu)中的全部思考，希望通過(guò)這個(gè)案例，能帶給大家在設(shè)計(jì)復(fù)雜業(yè)務(wù)表單的一些啟發(fā)和收獲。

本文由 @Nick 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于 CC0 協(xié)議