9.15日(rì)音(yīn)訊，微(wēi)信♠β二次開(kāi)發後台的(de)策劃。AP← ₽☆P、網站(zhàn)、微(wēi)信二次開(kāi£®∞)發非常複雜(zá)的(de)後台如(rú)π&→€何策劃呢(ne)？面對(duì)客戶給過來(l∏♣®★ái)的(de)需求中，大(dà)多(duō)數(s ≠ hù)都(dōu)是(shì)前端需求。很(hěn)少(sh✔∏♦ǎo)客戶給我們後台需求，很(hěn)多(duō)₽ΩΩ<想當然的(de)實現(xiàn)效果在他(tā)們腦(nǎo)•✘≈中基本沒有(yǒu)概念。那(nà)麽讓我✘>ε€們用(yòng)一(yī)個(gè)簡單的(de)門 £(mén)戶網站(zhàn)舉例。
背景：A公司目前門(mén)戶是(shì)靜(jìng)态的(de)，老✘(lǎo)闆為(wèi)了(le)拉融資要(y"✔αào)求對(duì)門(mén)戶網站(zhàn§→♠∏)進行(xíng)改版。
需求：在網站(zhàn)上(shàng)要(yào)£♥有(yǒu)新聞模塊，首頁需要(yào)有(yǒu)輪播圖可(kě)以₩更換公司的(de)大(dà)事(shì)件(jiàn)，給公司××一(yī)個(gè)發聲的(de)地(dì)方，↕¥明(míng)年(nián)的(de)重點需要(yào)擴大(d✘₩∏à)招商範圍和(hé)規模，網站(zhàn)上(shàng)最好(hǎo)有(§∞$ yǒu)個(gè)招商闆塊，再有(yǒu)就(ji↓ù)是(shì)對(duì)公司整體(tǐ∑φ)有(yǒu)個(gè)業(yè)務介紹₹♥ε→，最後，公司最近(jìn)招人(rén)✔&比較困難，如(rú)果官網有(yǒu)個(gè)招聘模塊也(yě₹∑→)許就(jiù)能(néng)提高(gāo)招聘的(de)效" 率。開(kāi)發周期：一(yī)個(gè)月$ ₽(yuè)時(shí)間(jiān)，網站(zhàn)就(§•jiù)要(yào)上(shàng)線！要(yào)求就(jiù)是(shì¥)這(zhè)麽多(duō)了(le)，如(rú)果是(shì)↑≠ 你(nǐ)，你(nǐ)會(huì)怎麽做(zuò)？
畫(huà)原型嗎(ma)？NO。面對∑↓♣™(duì)這(zhè)個(gè)需求，我們需要(yào)調動多(duō)少(π↕÷shǎo)人(rén)？産品經理(lǐ)自(z>♦ì)己，UI一(yī)個(gè)，前端一(yī)個(gβ↓è)，後端1-2個(gè)，市(shì)場(chǎng)文(wén)案一(yīδ÷φ)個(gè)，人(rén)力資源輔助配合招聘模塊1人(r↔¥&★én)，最後是(shì)網站(zhàn)後期運營者。想想功能(néng)，想∑想要(yào)完成的(de)事(shì)情，大(dà)概就(jiù)這(zh←✔£è)麽多(duō)。根據需求可(kě)以看π ×(kàn)出，大(dà)概功能(néng)并不(bù)複雜(zá)；✔ 做(zuò)個(gè)功能(néng)列表，簡φ>₹單用(yòng)語言包裝要(yào)做(zuò)的( ™÷∏de)東(dōng)西(xī)，然後去(qù)分(fēn)别私聊ε€✘←或者召集大(dà)家(jiā)開(kāi)會λ×£(huì)，讓大(dà)家(jiā)提供一(yī)個(gè)完↕≥&成時(shí)間(jiān)，這(zhè)個♣£"(gè)完成時(shí)間(jiān)不(bù)能(néng)超過De&♥≤adline，所以溝通(tōng)過程中可(kě)能(néng✔↑)需要(yào)你(nǐ)去(qù)說(shuō✘¶$)服對(duì)方，提高(gāo)效率，甚至可(kě)能(néng✔•)加班，讓大(dà)家(jiā)有(yǒu)心理(lǐ)準備。搞定了β∞(le)人(rén)，回來(lái)看(kàn)看(kàn)産品。
我們先來(lái)做(zuò)個(gè)簡單的($←←¶de)需求梳理(lǐ)：
首頁，會(huì)有(yǒu)一(yī)個(gè)輪播¶ε<☆圖方便後期更新，如(rú)果更新不(bù)÷☆σ頻(pín)繁也(yě)可(kě)以做(zu←≥ €ò)成靜(jìng)态，開(kāi)發成本低(dī)。首頁還(hái)↕•¥$會(huì)是(shì)一(yī)些(x>••iē)公司競争力介紹等等。新聞，新聞會(huì)有(yǒu)運營人(<"≤rén)員(yuán)不(bù)定期更新，就(jiù)§★是(shì)需要(yào)創建信息，他(tā)就(j → ≥iù)是(shì)需要(yào)在後台有(yǒu)這(zhè)個(gè)功€ σ能(néng)。招商加盟，看(kàn)看(kàn)招商網站(zhΩσ≠☆àn)多(duō)半是(shì)一(yī)些(§€♦xiē)公司介紹，在底部會(huì)放(fàng)一(yī)個(gè)Ω↕↓λ聯系方式提交的(de)地(dì)方，詢問( 'wèn)老(lǎo)闆後，他(tā)認為(wèi)也(yφ≠∞ě)需要(yào)這(zhè)個(gè)模塊™<α♥，需要(yào)傳遞信息，他(tā)也(yě)需要(π₽yào)在後台有(yǒu)個(gè)功能(nén∏ αg)。招聘，看(kàn)看(kàn)招聘網站(zhàn)，功能(néng)還(¥ hái)是(shì)挺多(duō)的(de)？那(nà)麽我們需要(y✘®¥ào)那(nà)麽多(duō)嗎(ma)？用(yòng)戶可(kě)以有(∑∞∏±yǒu)個(gè)word簡曆通(tōng)過網站(zhàn)上(shàng)£"傳給我們，人(rén)力資源人(rén)員(yuán)可(kě)以通(tōng)過後台下(xià)載或預覽？再來(lái)一(yī)個(gè)λ✘ 解決方案，在前台有(yǒu)很(hěn)多(duō)表單可(kΩ>∞ě)以讓用(yòng)戶填寫，直接提交給後"↓•λ台。這(zhè)些(xiē)都(dōu)是(shì)用(yòn<↕π♦g)戶要(yào)與後台産生(shēng)互動信息。
但(dàn)是(shì)這(zhè)些(xiē)方案好♦ (hǎo)像聽(tīng)起來(lái)不(bù)錯(cuò)™✘，那(nà)麽不(bù)如(rú)用(yòng)最原始的(de)方式，雖然不("₽bù)那(nà)麽酷但(dàn)是(shì)後簡單，前端隻提供職位職↔↓≥Ω責預覽，并提供一(yī)個(gè)人(r<≠δ£én)力的(de)郵箱，大(dà)家(jiā)可(k∏≤☆&ě)以向裡(lǐ)面投遞簡曆，後台隻做(zuò)職位的(de)簡λλ單發布。業(yè)務介紹，屬于靜(jìng)态頁面，設計(jì)上€☆(shàng)去(qù)就(jiù)可(kě)以了(le)，這(↓®≤♦zhè)個(gè)不(bù)涉及到(dào)後台π✔ 。
經過分(fēn)析和(hé)溝通(tōng)，我們發現(xiàn)>δ>÷與後台有(yǒu)交集的(de)地(dì)方分(fēn)别是(sβ↑←♥hì)，首頁輪播圖，新聞，招商和(hé)招聘。這(zhè)時(shí)候你(n∏→♣βǐ)可(kě)以去(qù)看(kàn)看 ☆₩(kàn)其他(tā)産品，在這(zhè₹ £)些(xiē)模塊都(dōu)會(huì)ε↑α顯示哪些(xiē)字段信息，找到(dào)你(nǐ)決定有(αγ> yǒu)用(yòng)的(de)，把他(tā)填₽ &寫到(dào)這(zhè)些(xiē)功能(néng™φ₽→)描述中，再去(qù)進行(xíng)前台的(de)産品設✔π計(jì)；不(bù)過有(yǒu)時(shí)你£<₹↓(nǐ)會(huì)發現(xiàn)做(zuò)σ€著(zhe)做(zuò)著(zhe)發現(xiàn)缺了(le)某個(gè×✘✘)字段，為(wèi)了(le)避免這(zhè)種事(shì)情的(de)發≠πλλ生(shēng)，就(jiù)需要(yào)你(nǐ)在信息收集的(β↔ de)過程中，多(duō)去(qù)看(kàn)幾個(÷☆↔εgè)産品，把他(tā)們的(de)展示的(de)內(nèi)容都(dōu)★€先羅列下(xià)來(lái)，再做(zuò)删減。
前台不(bù)是(shì)今天說(shuō)的(de)重點，♥₹∏我們直接進入後台設計(jì)。
我常以為(wèi)後台就(jiù)是(±↔♣shì)一(yī)個(gè)個(gè)的(de)「倉庫」這(∑←"<zhè)個(gè)庫裡(lǐ)堆放(fàng)著(zhe)♥你(nǐ)想要(yào)管理(lǐ)的(de)內(nèi)容，後台的σ£(de)搭建就(jiù)是(shì)創建一(yī)個( £gè)又(yòu)一(yī)個(gè)的(de)∞¶★庫，并且将他(tā)們合理(lǐ)的(de)連接起來(lái)。回看(k Ω àn)我們要(yào)做(zuò)的(de)東(dōn∑±g)西(xī)，可(kě)以簡單的(de)分(fēn)為£"β✔(wèi)四個(gè)庫，并對(duì)他(tā)們分(fēn)别管理£₽♠•(lǐ)。
新聞管理(lǐ)
輪播圖管理(lǐ)（廣告位管理(lǐ)）
加盟信息
招聘信息管理(lǐ)
知(zhī)道(dào)有(yǒu)哪÷♥些(xiē)庫了(le)，我們需要(yào)将他(tā)們合理(lǐ)的(de↕ )組合起來(lái)，形成”導航“。業(γyè)務流程越長(cháng)，功能(néng)越多(duō)這(zhè)個σ₩φ(gè)組合的(de)工(gōng)作(zuò)越不(bù)好(h™≠ǎo)，這(zhè)就(jiù)是(shì)為(wèi)什 γ(shén)麽需要(yào)信息架構師(shī)這(↔♦₹zhè)種職位，不(bù)過面對(duì)簡單的(•®de)後台，産品們還(hái)是(shì)可(kě)以直接™'₹應付。整個(gè)後台的(de)界面通(tōng)常會(h≈×uì)有(yǒu)以下(xià)模塊組成：後台導航—≠¥δ—管理(lǐ)庫(管理(lǐ)內(nè±σ↓i)容列表\管理(lǐ)的(de)內(nèi)容)，從(cónγλg)最大(dà)的(de)框架到(dào)最小(xiǎo)元素。
後台導航
在我接觸的(de)後台導航中常見(jiàn)的(de)有(yǒu)幾種。$★
1.橫向導航
2.縱向樹(shù)結構導航
3.橫向導航縱向樹(shù)結構
橫向導航會(huì)用(yòng)在後台功能(néng)較少(₹≥♣δshǎo)，層級很(hěn)少(shǎo)的(de)情況下(xià)，他(tā♣λ)的(de)優勢就(jiù)是(shì)學習(xí)成本低(dφ₩ī)，劣勢就(jiù)是(shì)可(kě)擴展性比較差。
縱向樹(shù)結構導航，這(zh♠÷∏è)個(gè)我們看(kàn)的(de)其實是(shì)比較常β↔見(jiàn)的(de)，很(hěn)多(duō)₽☆電(diàn)商網站(zhàn)的(de)個(gè)人(rén)中心或是(s≥•hì)訂單頁面就(jiù)是(shì)用(yòng)的(de)這(zhè)→σ種結構，邏輯清晰，能(néng)夠很(hěn)快(kuài)的(de)找到÷'(dào)想要(yào)找的(de)東(dōng)西(xī)。第三"♣ 種比較複雜(zá)，适用(yòng)于平台功能(néng)較多(∑↑duō)，功能(néng)模塊相(xiàng)差很♣♥'↕(hěn)多(duō)的(de)網站(zhàn)，會(huì)在α最頂部的(de)橫向導航放(fàng)置頂級功能(néng)導航，在某個('γgè)功能(néng)下(xià)用(yòng)樹£→ε(shù)結構導航清晰的(de)表現(xi₩÷àn)二級功能(néng)。因為(wèi)這(zhè)一 <ε÷(yī)次我們做(zuò)的(de)功能(néng)并不(bù)Ω↔₹複雜(zá)實際上(shàng)可(kě)以用(yòng)橫向λ≥導航，不(bù)過因為(wèi)我是(shì)根據現(xiàn)有(yǒu)後¶λ←台來(lái)制(zhì)作(zuò)，所以為(wèi)了(le)不©$α(bù)增加開(kāi)發成本，所以依然延續橫向導航縱向樹(shù)結構≤λ。
管理(lǐ)庫
決定了(le)哪種導航形式，來(lái)看(kàn∑§÷)看(kàn)最重要(yào)的(de)「管理(lǐ)庫」，面 →★對(duì)「庫」大(dà)家(jiā)記住，絕大(dà)→£↕•部分(fēn)情況都(dōu)會(huì)有(yǒu)個(gèε÷)「列表頁」，然後就(jiù)是(shì✔↔€)對(duì)信息的(de)「增删改查」，遇'↑₹×到(dào)商品或是(shì)輪播圖還(h∞♠'↓ái)會(huì)有(yǒu)上(shàng)下(xià)架，顯₩•示與隐藏的(de)功能(néng)，基本上(shàng)「庫」都(dōu)會α(huì)這(zhè)樣的(de)管理(lǐ)的(de)。
那(nà)麽這(zhè)樣想，是(shì)不(bù)&↓↔₽是(shì)新聞的(de)管理(lǐ)設©σ計(jì)起來(lái)就(jiù)容易多(duō)了(le)。π€✘£添加新聞，删除新聞，編輯新聞，搜索新聞，再加上(shàng)一(÷₽yī)個(gè)新聞列表，列表中在顯示一±←(yī)些(xiē)需要(yào)的(de)字段。其實整個(<£©gè)管理(lǐ)列表頁已經躍然紙(zhǐ)上(shàng₽≥)了(le)，之後就(jiù)是(shì)正文(wén)編輯了(l"♦α<e)，用(yòng)戶可(kě)以從(c÷®×óng)列表頁或導航中的(de)「添加新聞」進入，把可(kě)以實現(γ≤σxiàn)功能(néng)的(de)字段做(zuò)到(dào)頁面上(shΩεàng)，再加上(shàng)文(wén)本編輯器(qì₽™β)，一(yī)個(gè)發布按鈕，一(yī)個(gè)π♦₹簡單的(de)新聞管理(lǐ)就(jiù)搞定了(le)。↔™
那(nà)加盟信息怎麽做(zuò)？其實也(y≥×£ě)很(hěn)簡單，既然用(yòng)戶需要(yào€¶ε)在前台提交信息，那(nà)麽我們的(de)Ω×後台實際上(shàng)就(jiù)是(shì)一(yī)個(gè)接♠∞δ受信息的(de)地(dì)方。我們讓用(yòng↓✔)戶在前台提交「姓名電(diàn)話(huà)郵箱」等聯系方式，在後台加盟管理₩Ω÷(lǐ)中，利用(yòng)列表頁将這(zhè)些(xiē)信息進行∑'₹(xíng)展示，有(yǒu)新的(de)加盟信息推送過來(₩λ≈₩lái)可(kě)以在導航上(shàng)加一(yī)個(gè)數(sh¥ù)字角标，這(zhè)個(gè)功能(néng)甚至都(dōuλ¥)用(yòng)不(bù)到(dào)詳情頁就≤☆≥±(jiù)能(néng)搞定。
留個(gè)思考問(wèn)題，廣告位管理(lǐ)你(nǐ)∞σ♣≤是(shì)不(bù)是(shì)也(yě)¶≈≥會(huì)做(zuò)了(le)呢(ne)？
用(yòng)上(shàng)面的(de)辦法思考&®™¶"mdash;—列表（增删改查）+詳情（添&₩≤加內(nèi)容）。是(shì)不(bù)是(shì)←≤思路(lù)變得(de)清晰一(yī)些(xiē)？
像門(mén)戶網站(zhàn)這(zhè)種還(h>↓÷ái)算(suàn)比較簡單的(de)，不(bù)過為(wèi)了(le)Ω♣≥✘方便管理(lǐ)，你(nǐ)可(kě)以給不(bù)同的(de)角©φ©色賦予不(bù)同的(de)權限，比如(rú)人(rén)力資源的(de)同₩©學隻可(kě)以使用(yòng)招聘發布，網站(zhàn)運營人(r✔•&én)員(yuán)隻能(néng)使用(yòng)新聞發布等等，專人(ré n)專項，分(fēn)工(gōng)明(míng)确♦Ωγ。
