中后臺工具產(chǎn)品即學(xué)即用的交互知識

中后臺工具產(chǎn)品即學(xué)即用的交互知識前言介紹中后臺工具產(chǎn)品指的是為企業(yè)內(nèi)部用戶提供產(chǎn)品模塊，這類產(chǎn)品相較于用戶端（C端），由于用戶人群受限于企業(yè)內(nèi)部，因此交互體驗的容錯性會更大，因此中后臺的產(chǎn)品經(jīng)理通常更關(guān)注功能和業(yè)務(wù)邏輯，而輕視交互體驗。伴隨企業(yè)規(guī)模和用戶群體擴(kuò)大，其實中后臺一些較差的產(chǎn)品交互體驗，實際上也會對前線作業(yè)人員帶來更大的干擾，因此本文期望通過整理一些常用的交互知識，讓中后臺產(chǎn)品經(jīng)理能夠在日常工作中作出一些合理設(shè)計和判斷。一、用戶端與中后臺產(chǎn)品相同點與區(qū)別1.相同點都要給人使用；都要兼顧用戶體驗和業(yè)務(wù)之間的平衡；產(chǎn)品設(shè)計的核心思想：解決什么問題。2.不同點從產(chǎn)品設(shè)計角度來說，用戶端產(chǎn)品偏重用戶體驗，中后臺產(chǎn)品偏重信息流。中后臺產(chǎn)品追求如何讓用戶在最短時間，最短路徑，最低成本達(dá)到目的。中后臺端產(chǎn)品來說，要解決的主要是不同生產(chǎn)關(guān)系的協(xié)作溝通需求，在中心化的組織架構(gòu)下，中后臺產(chǎn)品需要滿足不同層級，組織內(nèi)外的協(xié)作溝通。中后臺產(chǎn)品需要考慮比如權(quán)限設(shè)計，角色分配，運(yùn)營數(shù)據(jù)展示等功能，在功能穩(wěn)定的前提下提升生產(chǎn)效率。二、什么是好的用戶體驗中后臺產(chǎn)品面向的用戶對象是企業(yè)內(nèi)部，使用相關(guān)產(chǎn)品的用戶也是人，因此好的用戶體驗的原理是相通的。用戶體驗良好的判定標(biāo)準(zhǔn)是：別讓用戶想、別讓用戶猜、別人用戶煩。針對中后臺流程性產(chǎn)品，細(xì)化來看在操作前、中、后都需要有良好的提示與反饋。1.操作前：可預(yù)知如：產(chǎn)品界面中通過清晰的導(dǎo)航告訴用戶在哪里、能去哪里、會去到哪里。2.操作中：有反饋針對用戶的每一步操作，予以明確的狀態(tài)變化。3.操作后：可撤銷幫助用戶挽回錯誤的決策。三、輕松掌握的一些交互原理1.視覺動線人的閱讀方式應(yīng)該是遵循某種習(xí)慣進(jìn)行的，好像讀書本一樣——除了從左到右，還有從上到下的方式。閱讀引力是從上到下，從左到右，呈現(xiàn)Z字形移動，而起點和終點會作為重點視覺記憶區(qū)，中間過程會輕掃作為次要視覺記憶區(qū)。（本圖是介紹視覺動線的網(wǎng)絡(luò)用圖）一些奇奇怪怪的知識：阿拉伯字母的文字都是從右到左，因此他們的產(chǎn)品界面是都是從右到左設(shè)計。2.操作熱區(qū)針對手機(jī)相關(guān)產(chǎn)品，StevenHoober在文章《Howdousersreallyholdmobiledevices?》進(jìn)行了廣泛的研究。用戶拿手機(jī)的方式有六種，甚至更多。大多數(shù)情況下，用戶用拇指觸摸屏幕，無論是單手還是雙手。而有時，也會用食指進(jìn)行觸控。最重要的內(nèi)容應(yīng)該在中心，其他關(guān)鍵導(dǎo)航控件在底部。3.功能設(shè)計原則1）減少輸入能讓用戶點擊，就不讓用戶打字。如流程申請類產(chǎn)品功能，可以盡可能將手動填寫的方式轉(zhuǎn)變成結(jié)構(gòu)化選項。2）減少記憶減少用戶需要記憶的操作，如使用短信驗證碼、人臉識別等方式代替密碼。3）縮短路徑對于一次性需要填寫較多內(nèi)容的功能，支持暫存操作，密集復(fù)雜的表單項進(jìn)行拆解、歸類，降低用戶填寫壓力。4）去除干擾將不重要的項目合并折疊，讓用戶專注于重要、必要的填寫任務(wù)。四、設(shè)計案例參考PC端中后臺端產(chǎn)品基本由導(dǎo)航、篩選、表格幾大模塊構(gòu)成，表格面積占比最大，頁面呈現(xiàn)最為重要，會直接影響用戶的使用體驗。1.導(dǎo)航設(shè)計作用：導(dǎo)航欄在中后臺產(chǎn)品起到分發(fā)、引導(dǎo)作用，幫助用戶在復(fù)雜的后臺頁面中，尋找出自己真正想要的功能。菜單廣度：導(dǎo)航菜單中每一個層級包含的菜單項數(shù)目為廣度。菜單深度：導(dǎo)航菜單層級的數(shù)目為深度。深廣度平衡幫助用戶進(jìn)行快速選擇，通過能夠?qū)φ麄€產(chǎn)品架構(gòu)有著第一眼的認(rèn)識。7±2原則：原則解釋：1956年喬治米勒對短時記憶能力進(jìn)行研究，他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7（±2）項信息塊，在記憶了5-9項信息后人類的頭腦就開始出錯。因此菜單建議最多不要超過9個，最少不要低于5個，超過9個時，一定要對菜單進(jìn)行分組。復(fù)雜中后臺產(chǎn)品導(dǎo)航建議采用混合式導(dǎo)航，如阿里云，由于功能較多，采用的就是橫縱向都有的導(dǎo)航。2.主要按鈕和次要按鈕如何擺放？主要按鈕與次要按鈕如何放置，需要評估效率與準(zhǔn)確率。一般來說，順延用戶操作路徑，主按鈕要左側(cè)，提升錄入效率；控制表單全局的頂部按鈕、底部按鈕，一般置右側(cè)，讓用戶了解操作項，再進(jìn)行決策。3.表單設(shè)計有明確的邏輯順序，通過步驟條簡化任務(wù)；步驟小于3步，無需展示；橫向步驟條最常用，適合步驟較少的場景；縱向步驟條適合步驟較多或步驟數(shù)目處于動態(tài)變化的場景。60%的標(biāo)簽超過8個字或有國際化需求，使用頂對齊，視線從上至下，閱讀與表單填寫都高效直接。50%標(biāo)簽名稱短，使用左右對齊（最常用）。容易出錯的表單填寫：當(dāng)希望用戶詳細(xì)閱讀時，解釋文字的展示樣式。4.提示信息5.數(shù)據(jù)脫敏設(shè)計最后，產(chǎn)