【產(chǎn)品設(shè)計(jì)】云服務(wù)產(chǎn)品維護(hù)方案(一)

Sam
0 評(píng)論 6353 瀏覽 5 收藏 9 分鐘

編輯導(dǎo)讀:云服務(wù)產(chǎn)品在如今的互聯(lián)網(wǎng)世界并不罕見(jiàn),甚至成為了很多公司的著重發(fā)力點(diǎn)。本文作者以【騰訊云】的“云服務(wù)器 CVM”產(chǎn)品為例,通過(guò)前臺(tái)的購(gòu)買(mǎi)流程,反推后臺(tái)的商品構(gòu)成模型和創(chuàng)建流程。本文主要講解選擇類(lèi)目和基礎(chǔ)信息,希望對(duì)你有幫助。

根據(jù)《【產(chǎn)品設(shè)計(jì)】云服務(wù)產(chǎn)品維護(hù)方案(序)》我們已經(jīng)初步了解到,云服務(wù)器產(chǎn)品的構(gòu)成分為三部分:機(jī)型、磁盤(pán)、寬帶。在開(kāi)展第一部分內(nèi)容的講解前,我們還有一個(gè)前置條件要做,如下圖,整個(gè)云服務(wù)器產(chǎn)品的創(chuàng)建流程,我拆分成 5 個(gè)步驟,在維護(hù)機(jī)型、磁盤(pán)、寬帶的價(jià)格前,還需要先設(shè)定商品類(lèi)目和商品的基礎(chǔ)信息。這一次,我們先講解前兩部分的內(nèi)容:選擇類(lèi)目和基礎(chǔ)信息。

一、選擇類(lèi)目

對(duì)比前臺(tái)的商品類(lèi)目,我們可以簡(jiǎn)單得出,云產(chǎn)品的類(lèi)目構(gòu)成與電商類(lèi)的三級(jí)類(lèi)目是一致的,因此類(lèi)比電商商品的創(chuàng)建流程,我們可以得知,創(chuàng)建商品也必須先選擇大、中、小的類(lèi)目再進(jìn)行下一步的商品信息的維護(hù);

選擇類(lèi)目的原型設(shè)計(jì)可以參考聯(lián)級(jí)框的設(shè)計(jì)思路:

《【Axure 教程】中繼器中級(jí)教程-聯(lián)級(jí)框》,簡(jiǎn)單概括就是把聯(lián)級(jí)框的一、二、三級(jí)的內(nèi)容設(shè)置為大、中、小的三個(gè)類(lèi)目,但減少了在選擇的時(shí)候做“設(shè)置文本”的交互,在這里就不再展開(kāi)說(shuō)明了;

二、基礎(chǔ)信息

通過(guò)前臺(tái)的云服務(wù)器產(chǎn)品計(jì)算器我們得知,機(jī)型、磁盤(pán)、寬帶的價(jià)格均收到計(jì)費(fèi)模式的影響,而最終的實(shí)付價(jià)格還會(huì)因?yàn)檫x擇不同的計(jì)費(fèi)模式下的參數(shù)有關(guān),因此在維護(hù)機(jī)型、磁盤(pán)寬帶的價(jià)格前,就需要先設(shè)定云服務(wù)器商品的可選計(jì)費(fèi)模式;

而機(jī)型的類(lèi)型和價(jià)格還會(huì)受到各地區(qū)以及各地區(qū)下分區(qū)的不同而不同,因此在基礎(chǔ)信息這一步,我們還需要提前維護(hù)好云服務(wù)器產(chǎn)品的可用地區(qū),以及可用地區(qū)的的可用分區(qū),以便我們?cè)谧鰴C(jī)型的維護(hù)時(shí),有更精準(zhǔn)的維度選擇;

2.1 計(jì)費(fèi)模式

從以上的分析得知,在維護(hù)基礎(chǔ)信息時(shí)需要包含兩個(gè)模塊,一個(gè)是計(jì)費(fèi)模式,另一個(gè)是適用地區(qū),如上圖所示,接下來(lái)我們?cè)俨鸱诌@兩個(gè)模塊進(jìn)行講解;

計(jì)費(fèi)模式這里提供三個(gè)選項(xiàng)(多選):包年包月、按量計(jì)費(fèi)、競(jìng)價(jià)實(shí)例;

  • 包年包月:選擇包年包月模式后,在維護(hù)機(jī)型和磁盤(pán)價(jià)格時(shí),均需要維護(hù)標(biāo)準(zhǔn)月和標(biāo)準(zhǔn)年的價(jià)格;而寬帶的價(jià)格需要提供兩個(gè)維度:包年包月和按量計(jì)費(fèi)(Mbps);
  • 按量計(jì)費(fèi):選擇按量計(jì)費(fèi)模式后,在維護(hù)機(jī)型和磁盤(pán)價(jià)格時(shí),均需要維護(hù)按量計(jì)費(fèi)的價(jià)格;而寬帶的價(jià)格需要提供按量計(jì)費(fèi)(GB)維度的價(jià)格設(shè)置;
  • 競(jìng)價(jià)實(shí)例:不明確;

2.2 適用地域

適用地域我們通過(guò)多級(jí)列表的模式進(jìn)行展示,一級(jí)數(shù)據(jù)以地區(qū)為主,二級(jí)數(shù)據(jù)以分區(qū)為主,通過(guò)這種模式可以較為直觀地查看適用地區(qū)下哪些分區(qū)是可用的,同時(shí),地區(qū)和分區(qū)的從屬關(guān)系也得到了解釋;列表的制作可參考:《【Axure 教程】中繼器入門(mén)教程-列表制作》

通過(guò)列表右上角的【添加地區(qū)】打開(kāi)彈窗,載入所有可用的地區(qū),用戶從中選擇該產(chǎn)品可提供給用戶進(jìn)行選擇的地區(qū)。為進(jìn)一步提升用戶體驗(yàn),在彈窗我們可以加入所屬地區(qū)(下拉列表)、地區(qū)名稱(文本)、地區(qū)代號(hào)(文本)等維度的查詢條件,以便業(yè)務(wù)在選擇時(shí)更加便捷;列表復(fù)選的制作可參考:《【Axure 教程】中繼器高級(jí)用法-列表復(fù)選》

根據(jù)前臺(tái)可知,業(yè)務(wù)在維護(hù)地區(qū)時(shí),需要備注該地區(qū)的覆蓋用戶和面向區(qū)域的說(shuō)明,以及其他注意事項(xiàng);

因此在編輯地區(qū)時(shí),我們可以通過(guò)彈窗的形式進(jìn)行備注信息的維護(hù);彈窗中加入當(dāng)前正在編輯的地區(qū)信息,可以為業(yè)務(wù)操作時(shí)提供更直觀的判斷,降低信息維護(hù)錯(cuò)誤的可能性;

在地區(qū)的行數(shù)據(jù)操作中,提供添加分區(qū)的操作,彈窗載入該地區(qū)下的所有可用分區(qū),業(yè)務(wù)從中選擇可提供給用戶進(jìn)行選擇的分區(qū);

分區(qū)的編輯內(nèi)容,我們提供了分區(qū)的排序序號(hào)和分區(qū)的狀態(tài),序號(hào)的作用起到在前臺(tái)進(jìn)行展示時(shí)的一個(gè)排序依據(jù);而分區(qū)的【啟用】和【停用】狀態(tài)決定了前臺(tái)用戶可選擇的分區(qū);

三、小結(jié)

因商品的商品的創(chuàng)建流程是一個(gè)連續(xù)的過(guò)程,因此我們需要將鏈路上的先后關(guān)系捋清楚后,優(yōu)先完成前置條件的設(shè)置,在本期的分享當(dāng)中,難度較高的組件應(yīng)屬于【多級(jí)列表】的設(shè)計(jì),這個(gè)組件大家可以參考:《【Axure 教程】中繼器中級(jí)教程-左側(cè)導(dǎo)航》

的導(dǎo)航設(shè)計(jì)教程,至于這里面的技巧,就需要大家去思考了 : D

下一次分享,將會(huì)是機(jī)型維護(hù)的部分,敬請(qǐng)期待吧!

 

本文由 @Sam 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!