互諾科技
互諾科技
APP、網(wǎng)站、微信二次開發(fā)非常復(fù)雜的后臺(tái)如何策劃
互諾科技:2017-04-01 15:55 閱讀數(shù):
標(biāo)簽:App開發(fā)
APP、網(wǎng)站、微信二次開發(fā)非常復(fù)雜的后臺(tái)如何策劃呢?面對(duì)客戶給過來的需求中,大多數(shù)都是前端需求。很少客戶給我們后臺(tái)需求,很多想當(dāng)然的實(shí)現(xiàn)效果在他們腦中基本沒有概念。那么讓我們用一個(gè)簡(jiǎn)單的門戶網(wǎng)站舉例。
背景:A公司目前門戶是靜態(tài)的,老板為了拉融資要求對(duì)門戶網(wǎng)站進(jìn)行改版。
需求:在網(wǎng)站上要有新聞模塊,首頁需要有輪播圖可以更換公司的大事件,給公司一個(gè)發(fā)聲的地方,明年的重點(diǎn)需要擴(kuò)大招商范圍和規(guī)模,網(wǎng)站上最好有個(gè)招商板塊,再有就是對(duì)公司整體有個(gè)業(yè)務(wù)介紹,最后,公司最近招人比較困難,如果官網(wǎng)有個(gè)招聘模塊也許就能提高招聘的效率。開發(fā)周期:一個(gè)月時(shí)間,網(wǎng)站就要上線!要求就是這么多了,如果是你,你會(huì)怎么做?
畫原型嗎?NO。面對(duì)這個(gè)需求,我們需要調(diào)動(dòng)多少人?產(chǎn)品經(jīng)理自己,UI一個(gè),前端一個(gè),后端1-2個(gè),市場(chǎng)文案一個(gè),人力資源輔助配合招聘模塊1人,最后是網(wǎng)站后期運(yùn)營者。想想功能,想想要完成的事情,大概就這么多。根據(jù)需求可以看出,大概功能并不復(fù)雜;做個(gè)功能列表,簡(jiǎn)單用語言包裝要做的東西,然后去分別私聊或者召集大家開會(huì),讓大家提供一個(gè)完成時(shí)間,這個(gè)完成時(shí)間不能超過Deadline,所以溝通過程中可能需要你去說服對(duì)方,提高效率,甚至可能加班,讓大家有心理準(zhǔn)備。搞定了人,回來看看產(chǎn)品。
我們先來做個(gè)簡(jiǎn)單的需求梳理:
首頁,會(huì)有一個(gè)輪播圖方便后期更新,如果更新不頻繁也可以做成靜態(tài),開發(fā)成本低。首頁還會(huì)是一些公司競(jìng)爭(zhēng)力介紹等等。新聞,新聞會(huì)有運(yùn)營人員不定期更新,就是需要?jiǎng)?chuàng)建信息,他就是需要在后臺(tái)有這個(gè)功能。招商加盟,看看招商網(wǎng)站多半是一些公司介紹,在底部會(huì)放一個(gè)聯(lián)系方式提交的地方,詢問老板后,他認(rèn)為也需要這個(gè)模塊,需要傳遞信息,他也需要在后臺(tái)有個(gè)功能。招聘,看看招聘網(wǎng)站,功能還是挺多的?那么我們需要那么多嗎?用戶可以有個(gè)word簡(jiǎn)歷通過網(wǎng)站上傳給我們,人力資源人員可以通過后臺(tái)下載或預(yù)覽?再來一個(gè)解決方案,在前臺(tái)有很多表單可以讓用戶填寫,直接提交給后臺(tái)。這些都是用戶要與后臺(tái)產(chǎn)生互動(dòng)信息。
但是這些方案好像聽起來不錯(cuò),那么不如用最原始的方式,雖然不那么酷但是后簡(jiǎn)單,前端只提供職位職責(zé)預(yù)覽,并提供一個(gè)人力的郵箱,大家可以向里面投遞簡(jiǎn)歷,后臺(tái)只做職位的簡(jiǎn)單發(fā)布。業(yè)務(wù)介紹,屬于靜態(tài)頁面,設(shè)計(jì)上去就可以了,這個(gè)不涉及到后臺(tái)。
經(jīng)過分析和溝通,我們發(fā)現(xiàn)與后臺(tái)有交集的地方分別是,首頁輪播圖,新聞,招商和招聘。這時(shí)候你可以去看看其他產(chǎn)品,在這些模塊都會(huì)顯示哪些字段信息,找到你決定有用的,把他填寫到這些功能描述中,再去進(jìn)行前臺(tái)的產(chǎn)品設(shè)計(jì);不過有時(shí)你會(huì)發(fā)現(xiàn)做著做著發(fā)現(xiàn)缺了某個(gè)字段,為了避免這種事情的發(fā)生,就需要你在信息收集的過程中,多去看幾個(gè)產(chǎn)品,把他們的展示的內(nèi)容都先羅列下來,再做刪減。
前臺(tái)不是今天說的重點(diǎn),我們直接進(jìn)入后臺(tái)設(shè)計(jì)。
我常以為后臺(tái)就是一個(gè)個(gè)的「?jìng)}庫」這個(gè)庫里堆放著你想要管理的內(nèi)容,后臺(tái)的搭建就是創(chuàng)建一個(gè)又一個(gè)的庫,并且將他們合理的連接起來?;乜次覀円龅臇|西,可以簡(jiǎn)單的分為四個(gè)庫,并對(duì)他們分別管理。
新聞管理
輪播圖管理(廣告位管理)
加盟信息
招聘信息管理
知道有哪些庫了,我們需要將他們合理的組合起來,形成”導(dǎo)航“。業(yè)務(wù)流程越長,功能越多這個(gè)組合的工作越不好,這就是為什么需要信息架構(gòu)師這種職位,不過面對(duì)簡(jiǎn)單的后臺(tái),產(chǎn)品們還是可以直接應(yīng)付。整個(gè)后臺(tái)的界面通常會(huì)有以下模塊組成:后臺(tái)導(dǎo)航——管理庫(管理內(nèi)容列表\管理的內(nèi)容),從最大的框架到最小元素。
后臺(tái)導(dǎo)航
在我接觸的后臺(tái)導(dǎo)航中常見的有幾種。
1. 橫向?qū)Ш?/span>
2. 縱向樹結(jié)構(gòu)導(dǎo)航
3. 橫向?qū)Ш娇v向樹結(jié)構(gòu)
橫向?qū)Ш綍?huì)用在后臺(tái)功能較少,層級(jí)很少的情況下,他的優(yōu)勢(shì)就是學(xué)習(xí)成本低,劣勢(shì)就是可擴(kuò)展性比較差。
縱向樹結(jié)構(gòu)導(dǎo)航,這個(gè)我們看的其實(shí)是比較常見的,很多電商網(wǎng)站的個(gè)人中心或是訂單頁面就是用的這種結(jié)構(gòu),邏輯清晰,能夠很快的找到想要找的東西。第三種比較復(fù)雜,適用于平臺(tái)功能較多,功能模塊相差很多的網(wǎng)站,會(huì)在最頂部的橫向?qū)Ш椒胖庙敿?jí)功能導(dǎo)航,在某個(gè)功能下用樹結(jié)構(gòu)導(dǎo)航清晰的表現(xiàn)二級(jí)功能。因?yàn)檫@一次我們做的功能并不復(fù)雜實(shí)際上可以用橫向?qū)Ш?,不過因?yàn)槲沂歉鶕?jù)現(xiàn)有后臺(tái)來制作,所以為了不增加開發(fā)成本,所以依然延續(xù)橫向?qū)Ш娇v向樹結(jié)構(gòu)。
管理庫
決定了哪種導(dǎo)航形式,來看看最重要的「管理庫」,面對(duì)「庫」大家記住,絕大部分情況都會(huì)有個(gè)「列表頁」,然后就是對(duì)信息的「增刪改查」,遇到商品或是輪播圖還會(huì)有上下架,顯示與隱藏的功能,基本上「庫」都會(huì)這樣的管理的。
那么這樣想,是不是新聞的管理設(shè)計(jì)起來就容易多了。添加新聞,刪除新聞,編輯新聞,搜索新聞,再加上一個(gè)新聞列表,列表中在顯示一些需要的字段。其實(shí)整個(gè)管理列表頁已經(jīng)躍然紙上了,之后就是正文編輯了,用戶可以從列表頁或?qū)Ш街械摹柑砑有侣劇惯M(jìn)入,把可以實(shí)現(xiàn)功能的字段做到頁面上,再加上文本編輯器,一個(gè)發(fā)布按鈕,一個(gè)簡(jiǎn)單的新聞管理就搞定了。
那加盟信息怎么做?其實(shí)也很簡(jiǎn)單,既然用戶需要在前臺(tái)提交信息,那么我們的后臺(tái)實(shí)際上就是一個(gè)接受信息的地方。我們讓用戶在前臺(tái)提交「姓名電話郵箱」等聯(lián)系方式,在后臺(tái)加盟管理中,利用列表頁將這些信息進(jìn)行展示,有新的加盟信息推送過來可以在導(dǎo)航上加一個(gè)數(shù)字角標(biāo),這個(gè)功能甚至都用不到詳情頁就能搞定。
留個(gè)思考問題,廣告位管理你是不是也會(huì)做了呢?
用上面的辦法思考——列表(增刪改查)+詳情(添加內(nèi)容)。是不是思路變得清晰一些?
像門戶網(wǎng)站這種還算比較簡(jiǎn)單的,不過為了方便管理,你可以給不同的角色賦予不同的權(quán)限,比如人力資源的同學(xué)只可以使用招聘發(fā)布,網(wǎng)站運(yùn)營人員只能使用新聞發(fā)布等等,專人專項(xiàng),分工明確。
角色劃分與權(quán)限是怎么來決定呢?
跟隨你的產(chǎn)品業(yè)務(wù)。比如拿電商而言一個(gè)商品從用戶確認(rèn)下單,支付之后,在后臺(tái)會(huì)走過多少流程,我想每個(gè)公司的業(yè)務(wù)流程都會(huì)不同,但是在這個(gè)流程中
一定會(huì)涉及到很多「角色」來處理訂單,而這「角色」就是你來劃分后臺(tái)權(quán)限的依據(jù),而功能亦是從業(yè)務(wù)需求中轉(zhuǎn)化而成的。
讓我們短暫回顧一下
回顧一下后臺(tái)的設(shè)計(jì),我們會(huì)發(fā)現(xiàn)他實(shí)際上是一種面向信息的設(shè)計(jì),對(duì)于信息進(jìn)行審核,記錄,閱讀,操控等等。在做后臺(tái)設(shè)計(jì)時(shí)你需要對(duì)業(yè)務(wù)流程有一定了解,知道哪個(gè)環(huán)節(jié)會(huì)與系統(tǒng)產(chǎn)生交互,那么這個(gè)交互的點(diǎn)就是后臺(tái)設(shè)計(jì)的「庫」,我們需要對(duì)這些庫進(jìn)行管理,有時(shí)候我們還需要將這些庫與另外一些庫進(jìn)行連接,庫與庫之間互相調(diào)取數(shù)據(jù)。比如電商網(wǎng)站做的促銷管理,都會(huì)去調(diào)用「商品庫」里面的數(shù)據(jù)。想要掌握后臺(tái)產(chǎn)品的設(shè)計(jì)的核心就是處理好每個(gè)庫的劃分與整個(gè)產(chǎn)品的運(yùn)作邏輯。
先做前臺(tái)還是后臺(tái)
這是我曾經(jīng)很糾結(jié)的問題,不知道你是不是也是一樣,當(dāng)你慢慢了解之后,這個(gè)問題其實(shí)就不復(fù)存在了,找你熟悉的東西開始做,這樣會(huì)讓你有我已經(jīng)完成了多少多少了的感覺,而不是面對(duì)一個(gè)不熟悉的東西,痛苦的死磕,磕到對(duì)自己失去信心。前臺(tái)與后臺(tái)共同構(gòu)成了你的產(chǎn)品,缺少一方,產(chǎn)品便無法運(yùn)轉(zhuǎn),先把業(yè)務(wù)邏輯思考清楚,你會(huì)發(fā)現(xiàn)「哦,這里是給用戶看的」「啊,這里是后臺(tái)要處理的」當(dāng)業(yè)務(wù)邏輯走向完整之后,我想你的前后臺(tái)就都已經(jīng)設(shè)計(jì)完成了。還有一個(gè)問題可能會(huì)比較困擾人。
后臺(tái)設(shè)計(jì)要不要注重體驗(yàn)和UI?
答案是肯定要,視情況而定。這個(gè)情況有可能是時(shí)間,有可能是產(chǎn)品階段,有可能是公司目標(biāo)與規(guī)模。有些后臺(tái)只要能實(shí)現(xiàn)功能就可以,有些后臺(tái)需要開放給第三方來用,對(duì)于產(chǎn)品的“好用”程度不同,不過如果條件允許還是反復(fù)推敲下,其中的邏輯與體驗(yàn)比較好。
前一陣幫助公司對(duì)商城的賣家后臺(tái)做了體驗(yàn)上的改版,因?yàn)橹岸紩?huì)不斷的增加功能,沒有對(duì)產(chǎn)品很好的梳理和設(shè)計(jì),導(dǎo)致很多地方體驗(yàn)不好或是信息架構(gòu)混亂。這些細(xì)小的地方只要多多體驗(yàn),多思考就能夠找到更好的辦法。比如后臺(tái)有個(gè)手機(jī)認(rèn)證的功能,之前只這樣的操作。未認(rèn)證的用戶進(jìn)來的狀態(tài),會(huì)顯示用戶未認(rèn)證,點(diǎn)擊立即認(rèn)證會(huì)有個(gè)模態(tài)窗口,讓你填寫手機(jī)號(hào),驗(yàn)證碼。
好像很正常,也能夠綁定,那么問題出現(xiàn)在哪里呢?不夠直接,需要兩步操作。于是做了如下修改,點(diǎn)擊導(dǎo)航中的認(rèn)證中心,直接去判斷是否綁定,如果沒有綁定,直接顯示之前彈窗中的內(nèi)容,兩步變一步,簡(jiǎn)單了許多吧。
前兩天去聽了一個(gè)產(chǎn)品培訓(xùn)課,課上深刻的記得老師說過的一句話,體驗(yàn)就是對(duì)流程的梳理與調(diào)整。細(xì)思下,很有道理吧。
不知道你現(xiàn)在,是不是已經(jīng)知道后臺(tái)是什么,給誰用,如何設(shè)計(jì)了。最近在研究拼車產(chǎn)品,不知道你有沒有用過嘀嘀順風(fēng)車,如果沒用過你可以馬上體驗(yàn)一下,然后思考一下,他的哪些東西會(huì)在后臺(tái)出現(xiàn)呢?
互諾科技