人(rén)
已閱讀(dú)
已閱讀(dú)
To B的(de)APP産品開(kāi)發應該如(rú)何設計($jì)
來(lái)源:lexintech.com 發布時(shí) ≥≠間(jiān):2019-05-17
ToB的(de)一(yī)些(xiē)δ✔♦APP産品,比如(rú)B2B商城(chéng)系統,CRM、各種信息管理(lǐ)系 統和(hé)CMS,在産品設計(jì)的(de)時(↕™₽shí)候,跟ToC的(de)産品設計(φπjì)上(shàng)還(hái)是(shì)有(yǒu)γ÷∞一(yī)些(xiē)區(qū)别。下(xià)面φ 我們從(cóng)幾個(gè)方面來(lái)談一(yī)談≈✘,如(rú)何做(zuò)好(hǎo)ToB産品的(de)設計(jì)。


B端産品重業(yè)務是(shì)衆所周知(zhī)的(de),業(yè)♦↑務邏輯要(yào)清晰,業(yè)務流程耦合低(dī)是(s>€hì)一(yī)句實用(yòng)的(de)秘訣。所以在收集需求的(★₽→de)時(shí)候一(yī)定要(yào)和(••≤hé)對(duì)接的(de)人(rén)深入溝通(tōng),∞≤&φ有(yǒu)條件(jiàn)的(de)話(huà)甚↓<ελ至可(kě)以去(qù)輪崗體(tǐ)驗♣β•™。收集完需求後要(yào)分(fēn)類,去(qù)≈→δ掉僞需求,産品的(de)功能(néng)模塊$∞™↔設計(jì)這(zhè)些(xiē)就(jiù)不(bù)一(yī)一(y"€↔ī)細說(shuō)了(le)。重點是(shì):在設計(jì)産品前,最₽±§好(hǎo)畫(huà)流程圖、泳道(dào)圖以避∑<∑★免後期邏輯混亂,還(hái)有(yǒu)就(jiù)是(÷★shì)能(néng)更好(hǎo)的(d✘εe)向開(kāi)發表達你(nǐ)的(d¶₩e)想法。
從(cóng)調研、內(nèi)部各個(gè)部門(mén)收集而 <來(lái)的(de)業(yè)務信息,提煉出相(xiàng)關的(deα÷¥)字段。再根據之前設計(jì)好(hǎo)的(de)功能(néng)模塊,在确γφ§定每個(gè)功能(néng)模塊需要(y"β∏ào)哪些(xiē)信息的(de)前提下(xià),對(duì)各個(≠↔δπgè)字段進行(xíng)分(fēn)類。∞↓以一(yī)個(gè)簡單的(de)CRM為(wèi)例:與客服人(ré&←∑✔n)員(yuán)的(de)溝通(tōng)δ₩✔×中,收集到(dào)的(de)有(yǒu)≠←效字段有(yǒu)客服部門(mén)、客服姓名、工(γα£gōng)作(zuò)編号,聯系方式等,然後将這(zhè)些(xiē)字段整理σ'π(lǐ)出來(lái)分(fēn)配到(dào)相(xiàng)關的(d&∞e)模塊中。除此以外(wài),我們還(hái)要(yào)α¶§根據實際需求添加必要(yào)的(de)字段♣,如(rú)在權限設置模塊中,還(hái)需要(yào)添加“€β用(yòng)戶狀态”字段,表明(mín₹•¶÷g)該客服在職離(lí)職狀态。
切記,添加的(de)字段必須必須是(shì)與該模塊的(✔₩ de)業(yè)務相(xiàng)關的(de),否則就(ji"∑≥δù)會(huì)變成冗餘數(shù)據。
切記,添加的(de)字段必須必須是(shì)與該模塊的(✔₩ de)業(yè)務相(xiàng)關的(de),否則就(ji"∑≥δù)會(huì)變成冗餘數(shù)據。
字段是(shì)“點”,那(£♠€nà)産品設計(jì)中的(de)“線& ×rdquo;就(jiù)是(shì)兩個(gè)或以上(shàng)↔®©組件(jiàn)的(de)組合,但(dàn)還(hái)沒構成整個(g₽£®≥è)頁面。如(rú)一(yī)個(gè)字段加上(shàng)一(yī)個(>₩gè)文(wén)本框可(kě)以是(shì)&l©↑≈ dquo;線”,整個(gè)導航區(qū)≥≠、檢索區(qū)也(yě)可(kě)以是(shì)&l≠×φφdquo;線”。
導航分(fēn)為(wèi)三種:水(shuǐ)平型導™π航、垂直型導航、混合型導航。後台系統多(duō®γ)數(shù)采用(yòng)混合型導航。
混合型導航中,水(shuǐ)平導航菜單上(shàng)主要(y₽ ào)有(yǒu)使用(yòng)說(shuō)明(míng)(幫助中心)、≤♣消息提醒和(hé)個(gè)人(rén)中心。使用(yòng)說 ∞α(shuō)明(míng)是(shì)為(wèi•™→)了(le)給用(yòng)戶可(kě)以随時(shí)查詢系統的(≠♥de)操作(zuò)流程。雖然公司可(kě)能(néng)會 ≥(huì)有(yǒu)內(nèi)部培訓←©÷♦,B端産品的(de)使用(yòng)人(rén)員(yuán)也(yě)要(∏•★$yào)求必須要(yào)熟悉流程,但(dàn)無法避免有(y ≤ǒu)時(shí)候可(kě)能(néng)會(huì)遺忘一(yī)些←γ(xiē)操作(zuò)細節,所以使用(yòng)說(shuō)明(λ↑'↔míng)是(shì)提高(gāo)工(gōng)作($↔α§zuò)效率的(de)實用(yòng)方法之一(yī)。消息提醒就(jiù)是 ←£(shì)一(yī)個(gè)便簽的(de)功能(néng), ↓提醒用(yòng)戶哪些(xiē)事(shì)情要(yào)處理(lǐ)、已經•σ處理(lǐ)完成等,特别是(shì)在一(ε♥•yī)些(xiē)複雜(zá)的(de)系統中,此≈σ功能(néng)必不(bù)可(kě)少(s<π←•hǎo)。相(xiàng)對(duì)簡單的(de)後≠δ$ 台系統,消息提醒還(hái)可(kě)以直接作(zuò)為(wèi)首頁¶ §,讓用(yòng)戶一(yī)目了(le)然所有(yǒβ™u)信息。個(gè)人(rén)中心模塊由于使用(yòng)權限→β的(de)限制(zhì),多(duō)數(shù)隻有(yǒu)退出和(hé)≈±≠登陸的(de)功能(néng)。水(shuǐ)平導航想要(♥≠₹yào)更豐富些(xiē)的(de)可(kě)以加上(shà↑÷ng)搜索、系統設置、全屏切換等功能(néng)。垂直導航菜單↕≤≈Ω上(shàng)就(jiù)是(shì)各個(gè)功能(néng)模塊σ☆,菜單最多(duō)兩級,再細分(fēn)可₩®(kě)以在右邊頁面放(fàng)局部導航。→ε 如(rú)果右邊的(de)頁面內(nèi)容太多(duō),可(kě)以加"₽一(yī)個(gè)按鈕将左側導航隐藏起σ↑來(lái)。
導航分(fēn)為(wèi)三種:水(shuǐ)平型導™π航、垂直型導航、混合型導航。後台系統多(duō®γ)數(shù)采用(yòng)混合型導航。
混合型導航中,水(shuǐ)平導航菜單上(shàng)主要(y₽ ào)有(yǒu)使用(yòng)說(shuō)明(míng)(幫助中心)、≤♣消息提醒和(hé)個(gè)人(rén)中心。使用(yòng)說 ∞α(shuō)明(míng)是(shì)為(wèi•™→)了(le)給用(yòng)戶可(kě)以随時(shí)查詢系統的(≠♥de)操作(zuò)流程。雖然公司可(kě)能(néng)會 ≥(huì)有(yǒu)內(nèi)部培訓←©÷♦,B端産品的(de)使用(yòng)人(rén)員(yuán)也(yě)要(∏•★$yào)求必須要(yào)熟悉流程,但(dàn)無法避免有(y ≤ǒu)時(shí)候可(kě)能(néng)會(huì)遺忘一(yī)些←γ(xiē)操作(zuò)細節,所以使用(yòng)說(shuō)明(λ↑'↔míng)是(shì)提高(gāo)工(gōng)作($↔α§zuò)效率的(de)實用(yòng)方法之一(yī)。消息提醒就(jiù)是 ←£(shì)一(yī)個(gè)便簽的(de)功能(néng), ↓提醒用(yòng)戶哪些(xiē)事(shì)情要(yào)處理(lǐ)、已經•σ處理(lǐ)完成等,特别是(shì)在一(ε♥•yī)些(xiē)複雜(zá)的(de)系統中,此≈σ功能(néng)必不(bù)可(kě)少(s<π←•hǎo)。相(xiàng)對(duì)簡單的(de)後≠δ$ 台系統,消息提醒還(hái)可(kě)以直接作(zuò)為(wèi)首頁¶ §,讓用(yòng)戶一(yī)目了(le)然所有(yǒβ™u)信息。個(gè)人(rén)中心模塊由于使用(yòng)權限→β的(de)限制(zhì),多(duō)數(shù)隻有(yǒu)退出和(hé)≈±≠登陸的(de)功能(néng)。水(shuǐ)平導航想要(♥≠₹yào)更豐富些(xiē)的(de)可(kě)以加上(shà↑÷ng)搜索、系統設置、全屏切換等功能(néng)。垂直導航菜單↕≤≈Ω上(shàng)就(jiù)是(shì)各個(gè)功能(néng)模塊σ☆,菜單最多(duō)兩級,再細分(fēn)可₩®(kě)以在右邊頁面放(fàng)局部導航。→ε 如(rú)果右邊的(de)頁面內(nèi)容太多(duō),可(kě)以加"₽一(yī)個(gè)按鈕将左側導航隐藏起σ↑來(lái)。
“點”、&ldquoβφβ↑;線”設計(jì)結束後,就(j☆φδiù)要(yào)組合構成“面”,即頁面的(dφ≤∑€e)設計(jì)。作(zuò)為(wèi)産品×φ在這(zhè)裡(lǐ)考慮的(de)主要(yào)是(shì)頁面布局,每個ε™δ (gè)功能(néng)模塊要(yào)擺放(fàng)的(↓de)位置,特别是(shì)大(dà)的(de)系統,涉及的(de♦♣)業(yè)務繁多(duō),要(yào∑)求也(yě)更加嚴謹。原型圖可(kě)以畫(huà)的(de)很(hδ∏ε&ěn)簡單,絕大(dà)多(duō)數(shù)時(sh₩≥í)候線框圖就(jiù)夠用(yòng)了(le),這(zhè)樣可(k'β ♦ě)以避免影(yǐng)響UI的(de)設計(♠α♥₩jì)思路(lù)。B端産品用(yòng)戶多(duō)數(s∏hù)是(shì)公司的(de)內(nèi✘✔÷)部自(zì)己員(yuán)工(gōng),人(ré→€n)數(shù)相(xiàng)對(duì)固定,需求也(₩♦yě)容易把控。設計(jì)原則是(shì)要(yào)求功能(nénδφ♦≠g)完整、實用(yòng)性強。
- 上(shàng)一(yī)篇:APP開(kāi)發如(rú)何做(zuε>ò)好(hǎo)需求分(fēn)析
- 下(xià)一(yī)篇:APP的(de)開(kāi)屏廣告頁面應該如(rú)何設計(j₩↕$ì)
- > 開(kāi)發網站(zhàn)或APP是(shì)用(yòng)JAλ& <VA好(hǎo)還(hái)是(shì)PHP好←∏¥(hǎo)?
- > 找外(wài)包公司開(kāi)發APP有(yǒu)哪些(x®±®≠iē)注意事(shì)項?
- > 想創業(yè),别再盲目開(kāi)發AP©λφP了(le)!
- > 開(kāi)發一(yī)個(gè)APP多(duō)♦γ∑少(shǎo)錢(qián)?
- > 開(kāi)發一(yī)個(gè)APP多(duō)少(shǎo)錢(qián'≥)?
- > 跟外(wài)包公司合作(zuò)怎麽樣才能(néng)做(zuò)好♥π(hǎo)一(yī)款APP?