由于公司有項(xiàng)目在用?Ant Design，當(dāng)?shù)弥?SEE Conf?要舉辦的時(shí)候，就很有興趣去參加咒精。一整天活動(dòng)聽(tīng)下來(lái)，最大的收獲是聽(tīng)到了《產(chǎn)品經(jīng)理是條狗》的現(xiàn)場(chǎng)旷档。同行的設(shè)計(jì)實(shí)踐和經(jīng)驗(yàn)模叙。由于自己是設(shè)計(jì)師，下面針對(duì)幾個(gè)設(shè)計(jì)主題的演講簡(jiǎn)單總結(jié)鞋屈。
適用于后臺(tái)產(chǎn)品的用戶(hù)體驗(yàn)?zāi)Ｐ?/h1>
HEART 是 Google 試驗(yàn)并提出的用戶(hù)體驗(yàn)?zāi)Ｐ头蹲桑跇I(yè)內(nèi)比較成熟，分別代表 Happiness（愉悅感）厂庇、Engagement（參與度）渠啊、Adoption（接受度）、Retention（留存率）权旷、Task Success（任務(wù)完成率）這幾個(gè)指標(biāo)替蛉。
但是對(duì)后臺(tái)產(chǎn)品來(lái)說(shuō)，HEART 模型不完全適用拄氯。比如留存躲查，員工幾乎無(wú)法選擇他們能適用的產(chǎn)品，而且只要一個(gè)員工不離職译柏，就不可能流失镣煮，所以留存指標(biāo)不適用于后臺(tái)產(chǎn)品。另外鄙麦，后臺(tái)產(chǎn)品有著跟 to C 產(chǎn)品很不一樣的特點(diǎn)典唇，比如功能很多、邏輯很復(fù)雜胯府，且非常注重效率介衔，這就對(duì)產(chǎn)品是否清晰、是否高效有著很高要求盟劫。
所以螞蟻金服提出 TECH 模型夜牡，分別代表?Task Success（任務(wù)完成率）、Engagement（參與度）、Clarity（清晰度）塘装、Happiness（愉悅感）急迂。具體操作方法有：
1. 關(guān)注核心任務(wù)的完成時(shí)間、所需步驟/點(diǎn)擊次數(shù)蹦肴、中斷/失敗率僚碎。
2. 在項(xiàng)目前期就開(kāi)始做用戶(hù)體驗(yàn)地圖。
3.?問(wèn)卷調(diào)研滿(mǎn)意度阴幌。
而且勺阐，對(duì)于不同階段的產(chǎn)品，TECH 維度的側(cè)重也不同矛双。
Ant Design Pro 的試錯(cuò)經(jīng)歷
Ant Design Pro 剛開(kāi)始是針對(duì)不同行業(yè)做垂直的模板渊抽，但上線(xiàn)后反響不好，總結(jié)出的三個(gè)錯(cuò)誤是：
1. 過(guò)?议忽，過(guò)于垂直
2. 把場(chǎng)景外的潛在?戶(hù)擋在?外
3. 復(fù)?度低
于是轉(zhuǎn)為做高復(fù)用度的通用化模板懒闷，再配合靈活的組件和盡可能多的樣例。這很大程度上參考了 Atomic design栈幸。新的定位是為沒(méi)有專(zhuān)職設(shè)計(jì)師和前端工程師的產(chǎn)品提供服務(wù)愤估。
另外，對(duì)于后臺(tái)產(chǎn)品用戶(hù)少速址、數(shù)據(jù)少的玩焰、反饋少的問(wèn)題，他們通過(guò)開(kāi)源芍锚，把用戶(hù)量提升了上去昔园，并且有不同行業(yè)的真實(shí)使用場(chǎng)景，收到了大量有效反饋闹炉。
視覺(jué)設(shè)計(jì)背后的數(shù)學(xué)原理應(yīng)用
UI Style Guide 里包括主字號(hào)蒿赢、字階、行距等等渣触，往往是設(shè)計(jì)師主觀的結(jié)果，Ant Design 3.0 從大自然隱藏的數(shù)學(xué)規(guī)律里找到啟發(fā)壹若，用數(shù)學(xué)原理和公式得出設(shè)計(jì)的答案嗅钻。
舉個(gè)例子，Ant Design 3.0?字階和其對(duì)應(yīng)的行距店展，參考了音階和數(shù)學(xué)常數(shù) e养篓，得出一組數(shù)字。再考慮到 Ant 的開(kāi)發(fā)習(xí)慣取偶數(shù)赂蕴、考慮設(shè)計(jì)師的記憶和使用的方便柳弄，調(diào)整出最終的一組數(shù)字。比如，全部的行距都可以用「行距 = （字號(hào) + 8）px」這個(gè)公式來(lái)推導(dǎo)碧注。
但我個(gè)人不認(rèn)同這種方式嚣伐，原因是這些取整和根據(jù)執(zhí)行難度的調(diào)整妥協(xié)反粥，其實(shí)已經(jīng)讓數(shù)值偏移最開(kāi)始的曲線(xiàn)很多策严。
看到網(wǎng)上對(duì)這個(gè)演講的評(píng)論，有人覺(jué)得是玄學(xué)烦感，有的工程師感嘆原來(lái)設(shè)計(jì)師的設(shè)計(jì)也是有道理的逝变。這樣的方法論可能能讓前端同事更信服基茵、讓設(shè)計(jì)師更有自信，但依然沒(méi)有解決設(shè)計(jì)師和前端工程師溝通成本的問(wèn)題壳影。
拓展閱讀：
官方回顧總結(jié)：https://zhuanlan.zhihu.com/p/32709149
Ant Design 3.0 官網(wǎng)：https://ant.design/index-cn
Ant Design Pro 官網(wǎng)：https://pro.ant.design/index-cn
SEE Conf 主頁(yè)：https://seeconf.alipay.com/
