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

編輯導(dǎo)語：如今很多軟件都有PC端和移動(dòng)端的版本，PC端到移動(dòng)端在設(shè)計(jì)形式上也有很多變化，比如尺寸、操作、網(wǎng)絡(luò)的不同等等；本文作者分享了關(guān)于從PC端到移動(dòng)端的產(chǎn)品功能拆解重組的心得，我們一起來看一下。

今年九月份的時(shí)候接到一個(gè)需求，要將已經(jīng)搭建好的pc端產(chǎn)品增加一個(gè)移動(dòng)端，移動(dòng)端定為小程序版本，產(chǎn)品的功能不變。

當(dāng)時(shí)花了兩周的時(shí)間去研究產(chǎn)品功能、繪制移動(dòng)端原型、寫需求說明書；目前該移動(dòng)端產(chǎn)品已于十一月上線，現(xiàn)在總結(jié)一下整體的工作心得。

一、PC端與移動(dòng)端區(qū)別

根據(jù)已有pc頁(yè)面改版，做成移動(dòng)端應(yīng)用，需要先了解兩者的不同點(diǎn)。

根據(jù)一般經(jīng)驗(yàn)，我們可以知道PC端與移動(dòng)端有以下區(qū)別：

1. 屏幕尺寸：移動(dòng)端的便攜性使得它的屏幕面積比pc端小許多，可容納的信息在空間上整體被壓縮。
2. 操作方式：移動(dòng)端由拇指操作，拇指長(zhǎng)度有限因此有拇指熱區(qū)，pc端用鼠標(biāo)操作，全區(qū)域易操作。
3. 網(wǎng)絡(luò)環(huán)境：移動(dòng)端網(wǎng)絡(luò)不穩(wěn)定，受不同場(chǎng)景下的網(wǎng)絡(luò)影響，會(huì)出現(xiàn)許多異常情況，pc端的網(wǎng)絡(luò)情況較移動(dòng)端穩(wěn)定。

由此我們?cè)谝苿?dòng)端設(shè)計(jì)上，要考慮信息的可容納度、拇指熱區(qū)、異常頁(yè)面。

二、產(chǎn)品功能結(jié)構(gòu)

先看pc的前端頁(yè)面，如下圖，這是一個(gè)很常見的pc前端頁(yè)面，有搜索、輪播圖、個(gè)人中心等。

在將設(shè)計(jì)移動(dòng)端功能之前，我們先了解原產(chǎn)品的設(shè)計(jì)邏輯，知道產(chǎn)品原本的功能結(jié)構(gòu)，才能在原有基礎(chǔ)上進(jìn)行改造。

該產(chǎn)品的定位是垂直領(lǐng)域在線教育課堂，用戶群體為政府機(jī)關(guān)人員，具有課程單一、受眾少的特點(diǎn)。

在功能設(shè)計(jì)上，由首頁(yè)、課程廣場(chǎng)、在線大講堂、案例評(píng)析、精英名師、個(gè)人中心六個(gè)模塊組成；同時(shí)個(gè)人中心包含培訓(xùn)計(jì)劃、考試中心、我的活動(dòng)、我的成績(jī)、選課廣場(chǎng)、關(guān)注講師、收藏課程七個(gè)模塊——這是一個(gè)功能較多的在線教育學(xué)習(xí)網(wǎng)站。

三、產(chǎn)品功能優(yōu)先級(jí)

在排列功能優(yōu)先級(jí)前，接到需求，在線大講堂模塊在產(chǎn)品V1.0版本暫時(shí)不做。

因此我們將剩下的功能排出優(yōu)先級(jí)：

• 核心功能：課程廣場(chǎng)、培訓(xùn)計(jì)劃、考試中心；
• 重要功能：案例評(píng)析、精英名師、選修廣場(chǎng)；
• 一般功能：我的成績(jī)、關(guān)注講師等剩余功能。

四、移動(dòng)端功能結(jié)構(gòu)布局

移動(dòng)端為小程序版本，結(jié)合小程序輕量、簡(jiǎn)潔的特點(diǎn)，我們需要在原有功能上做一些刪減，同時(shí)將重要的功能放在顯眼位置，方便用戶在特定場(chǎng)景下操作；只需將首頁(yè)、課程、培訓(xùn)、我的這四個(gè)核心功能作為標(biāo)簽；重點(diǎn)把pc端的培訓(xùn)計(jì)劃和個(gè)人中心進(jìn)行拆解，組合成適合小程序的輕量全面的產(chǎn)品。

在下文中，將選擇移動(dòng)端的“培訓(xùn)”標(biāo)簽來重點(diǎn)講我的在設(shè)計(jì)中的考量。

五、PC端的個(gè)人中心

PC端的布局邏輯除個(gè)人中心外都簡(jiǎn)潔明了，首頁(yè)是課程廣場(chǎng)、培訓(xùn)動(dòng)態(tài)、在線大講堂、案例評(píng)析、精英名師的推薦位；課程廣場(chǎng)包含全部課程資源；在線大講堂指課程直播；案例評(píng)析包含相關(guān)領(lǐng)域案例和專業(yè)評(píng)析；精英名師涵蓋所有課程的講師——在上述模塊中重點(diǎn)是課程廣場(chǎng)里的課程資源。

個(gè)人中心涵蓋的東西較多，也比較雜。

1. 缺點(diǎn)

1）左側(cè)邊欄無關(guān)的模塊只是羅列，結(jié)構(gòu)混亂，功能的優(yōu)先級(jí)不明確；個(gè)人中心將核心功能培訓(xùn)計(jì)劃，和一般功能我的活動(dòng)、關(guān)注講師放在一起，會(huì)造成培訓(xùn)學(xué)員對(duì)培訓(xùn)計(jì)劃的使用場(chǎng)景和功能不明確，培訓(xùn)學(xué)員在剛接觸所謂的培訓(xùn)計(jì)劃時(shí)會(huì)比較迷茫。

2）在整個(gè)產(chǎn)品的定位中，培訓(xùn)計(jì)劃應(yīng)屬于核心功能，學(xué)員均需在此在線教育評(píng)殘參與培訓(xùn)，需要突出此功能及關(guān)聯(lián)功能。

下面我們列出功能相關(guān)性。培訓(xùn)計(jì)劃是包含后臺(tái)管理員設(shè)定好的課程（選修課、必修課）和考試中心模塊的，所以在培訓(xùn)模塊里，培訓(xùn)計(jì)劃、考試中心、選課廣場(chǎng)關(guān)聯(lián)性是很大的。

該產(chǎn)品涉及到的人員有兩類，一類是建立培訓(xùn)計(jì)劃、開設(shè)考試的管理員，一類是參與培訓(xùn)的培訓(xùn)學(xué)員。

管理員的操作流程如下圖，管理員在后臺(tái)創(chuàng)建培訓(xùn)計(jì)劃，填寫該培訓(xùn)計(jì)劃的基本信息（培訓(xùn)計(jì)劃名稱、是否要考試等）；之后添加培訓(xùn)課程和培訓(xùn)學(xué)員，該培訓(xùn)計(jì)劃創(chuàng)建成功，確定發(fā)布后，傳送到前端。

培訓(xùn)學(xué)員操作流程如下圖，培訓(xùn)學(xué)員點(diǎn)擊培訓(xùn)計(jì)劃后可以觀看該培訓(xùn)計(jì)劃設(shè)定的相關(guān)課程，同時(shí)需要去選擇選修課，通過學(xué)習(xí)課程來獲得學(xué)分；達(dá)到學(xué)分后，若有考試，需進(jìn)入考試中心參加考試，考試通過后方可通過該培訓(xùn)計(jì)劃。

六、移動(dòng)端的培訓(xùn)與我的

理解了培訓(xùn)計(jì)劃與考試中心、選課廣場(chǎng)的邏輯，可以在培訓(xùn)標(biāo)簽中將這三個(gè)模塊放在一起；同時(shí)在我的模塊中放入一般功能。培訓(xùn)動(dòng)態(tài)、案例評(píng)析、精英名師僅在首頁(yè)中設(shè)置入口，這樣就完成了小程序的初步功能架構(gòu)，后續(xù)原型圖按照此邏輯展開即可。

此處奉上我的原型鏈接https://11w22f.axshare.com

再獻(xiàn)上UI小哥哥關(guān)于培訓(xùn)模塊的設(shè)計(jì)圖：

七、總結(jié)

這次pc到移動(dòng)端的產(chǎn)品功能拆解重組合經(jīng)驗(yàn)，使我理解了產(chǎn)品的功能架構(gòu)是多樣性的，沒有對(duì)錯(cuò)，只有好不好用的區(qū)別。

在對(duì)原產(chǎn)品有足夠理解的基礎(chǔ)上，才能發(fā)揮獨(dú)到的設(shè)計(jì)，讓用戶體驗(yàn)到更好的產(chǎn)品；在未來的道路上我會(huì)更加努力，做一名有見解的產(chǎn)品經(jīng)理。

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

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