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

APP交互受用戶體驗(yàn)驅(qū)動，臻于精致，縱深廣闊。web后臺交互因功能復(fù)雜而常常做的難看，屬于內(nèi)在”美”，要溫度不要風(fēng)度。對于新人產(chǎn)品，他做的移動交互你可能覺得不滿意，但能湊合用。但是拉去做后端的話，他很可能遇到“這東西我咋畫??？以前沒整過這么磕磣的！”這樣的時刻。因?yàn)楹蠖水a(chǎn)品類屬erp系統(tǒng)，不是人人都有機(jī)會偷窺別人家后院的‘過墻梯’。

本文繼“后端產(chǎn)品經(jīng)理筆記：需求文檔語法”之后，梳理后端交互方案，有興趣的朋友可以看看。因?yàn)楸容^基礎(chǔ)，所以歡迎交流指正。

一、后端交互概述

（1）成熟的后端web系統(tǒng)，甚至可以不跟開發(fā)說界面和交互，只需要在后臺數(shù)據(jù)、邏輯規(guī)則層面交代清楚，然后一筆帶過：“頁面展示前6個字段，其中字段A、B做搜索”。

為什么？因?yàn)槊恳豁摰母袷蕉际且粯拥?，插件都是?fù)用的。比如時間搜索都是‘2018-01-02 00:00:00’-2018-02-02 00:01:01’的格式。

盡管同個輪子在不同模塊可能會大材小用或者捉襟見肘，但是這樣最快，用戶能忍受，難題可解決。

所以這種文檔寫法是不是很輕松又不失體面。——當(dāng)然前提是你的開發(fā)不是新入坑的。

（2）但是遇到跳出六界之外的奇怪需求，或是新系統(tǒng)的時候，輪子不夠用，不得不定義界面效果。

概括起來就是：表格、搜索項、按鈕、彈窗、加載、提醒等功能，及其交互方式、顏色、字體、大小、間距、位置等。

（3）表格

• 操作欄放左右都有好處。如果沒有A/B測試或用戶訪談數(shù)據(jù)支持時，建議還是放在左邊。因?yàn)槟阋嘈艠I(yè)務(wù)人員的熟練程度，已經(jīng)到了‘沒槍頭都能捅死人’的境界，他們來頁面就是為走完流程。
• 表格的每個獨(dú)立方格有自適應(yīng)和固定大小的，內(nèi)容不規(guī)律時候記得告訴開發(fā)，避免擠壓變形。
• 如果欄位較多，要么不重要的字段就不做頁面展示。實(shí)在不行可以放一個【更多】按鈕，點(diǎn)擊后次級展開。實(shí)在實(shí)在不行的時候才做列表下發(fā)的橫向滾動條。
• 數(shù)據(jù)量大的時候，注意每頁不要展示太多。50條足夠，主要是為加載速度著急。
• 局部加載：初打開頁面時候可以為空，不加載。需點(diǎn)擊搜索按鈕才加載，避免等待過長。
• 表格行之間用斑馬色做背景。
• 一個表格中內(nèi)容較長的，自動換行。若2-3行展示不完，省略，防止上下拉過長。

（4）搜索項

相似項可以合并搜索。比如：修改時間/新增時間下拉選擇切換，共用時間選擇框。優(yōu)點(diǎn)是省地方，缺點(diǎn)是不能選交叉的部分。

必要時也可以在右側(cè)增加差異，比如增加‘搜全局’/‘搜當(dāng)前’，也或者如下圖：

下拉選項進(jìn)行篩選的時候，要考慮多選、搜索、全選： 即點(diǎn)擊下拉框 則選項帶復(fù)選按鈕，且上方出現(xiàn)搜索框。

聯(lián)動搜索：也是多用在下拉框搜索中，比如：‘性別’項選了女的時候，彈出‘是否生育’的下拉框。若選了男則不會出現(xiàn)該次級選項。

帶大小關(guān)系的怎么玩呢？

比如下面這個可以這樣：

當(dāng)選大于的時候，后面置灰。選介于時候 兩側(cè)都能輸入。

（5）彈框

• 弱提醒：toast提醒，祈禱知悉的作用。無關(guān)閉鍵，1.5-3秒消失。期間不影響業(yè)務(wù)執(zhí)行其他操作。
• 二次確認(rèn)框：除了有意引導(dǎo)用戶的，基本都老實(shí)實(shí)把‘確定’按鈕放在左側(cè)，‘取消’放在右側(cè)。
• 通過按鈕管控不同權(quán)限：對規(guī)則設(shè)置頁面只有查看沒有編輯權(quán)限的時候，可以將已有的編輯頁面的保存按鈕隱藏即可，方案和開發(fā)都省事。
• 彈框/新頁面/側(cè)滑頁面：如果內(nèi)容獨(dú)立且零碎，彈出比較干凈。如果新界面內(nèi)容多，比如：也是表格的形式，就用打開新頁面。如果需要用新舊頁面要做對比，則側(cè)滑，比如：點(diǎn)擊則左滑出新頁面。

二、場景小例子

（1）上傳圖片是個很簡單的場景。我們分析下，在后端做這個至少需要滿足3點(diǎn)：上傳；刪除；預(yù)覽縮略圖。

所以簡單的可以這樣：

（2）如果你做規(guī)則設(shè)置，那么想象一下，新建規(guī)則頁面有多個可選參數(shù)，還有非參數(shù)項，比如：是否啟用、名稱、優(yōu)先級:，當(dāng)需要給一個規(guī)則設(shè)置優(yōu)先級的時候。

怎么選優(yōu)先級呢？

分析下優(yōu)先級的目的是，新規(guī)則要在全部已有規(guī)則中排個優(yōu)先順序，因此至少要滿足兩點(diǎn)：

1. 用戶可以將當(dāng)前規(guī)則放置在任意排位上。
2. 用戶可以看到之前已排上優(yōu)先級的規(guī)則數(shù)據(jù)。

我們可以看下這個方式：

在新建的規(guī)則優(yōu)先級欄位的放置【編輯】按鈕，點(diǎn)擊該按鈕打開一個含有所有已有規(guī)則的彈框，就中列出各規(guī)則名稱和對應(yīng)的優(yōu)先級。然后點(diǎn)擊任何一條，則將新規(guī)則插入其前（也可以規(guī)定為其后），然后保存即可。

（以上所述都是比較簡單的，有機(jī)會做補(bǔ)充，歡迎大家交流。）

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

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