【正文】 1 簡介 目的本文檔主要讀者：產(chǎn)品總監(jiān)、產(chǎn)品相關(guān)設(shè)計人員、技術(shù)總監(jiān)、項目經(jīng)理、開發(fā)相關(guān)人員、測試經(jīng)理及相關(guān)測試人員等。 說明項目名稱：***網(wǎng)上商城簡述：***網(wǎng)上商城是公司產(chǎn)品打造體系的一部分，主要表現(xiàn)形式是手機(jī)客戶端，隨著移動互聯(lián)網(wǎng)用戶的增多以及相關(guān)技術(shù)的普及，移動電子商務(wù)成為了日常生活的一部分，那么通過手機(jī)實現(xiàn)大宗商品的現(xiàn)貨交易成為了公司發(fā)展的一個目標(biāo)，在沒有電腦的情況下，客戶可以使用手機(jī)登陸掌易通客戶端進(jìn)行相關(guān)資訊以及交易信息的查看，并且可以實現(xiàn)洽談、下單、交收等業(yè)務(wù)。為現(xiàn)貨交易更加便捷，實現(xiàn)隨時隨地電子商務(wù)。2 產(chǎn)品功能業(yè)務(wù)需求 產(chǎn)品構(gòu)架 產(chǎn)品構(gòu)架圖 主要流程功能簡述流程簡述：打開客戶端后，可以實現(xiàn)三大功能：一、 瀏覽平臺發(fā)布的公告信息，競價公告以及新聞資訊等二、 通過交易大廳、專場瀏覽掛牌交易信息。三、 會員登錄后可以對業(yè)務(wù)進(jìn)行處理。買方會員可以通過一口價或洽談的方式進(jìn)行購買下訂單。買方會員可以在業(yè)務(wù)中心進(jìn)行驗貨、驗票、評價、將提單生成二維碼等操作。賣方會員可以在業(yè)務(wù)中心進(jìn)行發(fā)貨、評價、將提單生成二維碼等操作。注：手機(jī)端不支持支付的功能，需在PC端進(jìn)行支付。手機(jī)端不支持訂單、合同的異議功能，需在PC端進(jìn)行異議處理。3 功能界面展示和說明 前臺l 手機(jī)客戶端支持分辨率不低于640*960像素l 本需求中頁面效果圖為原圖，需由專業(yè)美工進(jìn)行適當(dāng)設(shè)計布局，手機(jī)界面的整體色系統(tǒng)一、唯美，菜單、下拉框、按鈕等控件風(fēng)格保持一致。l 進(jìn)入手機(jī)客戶端首先進(jìn)入的是首頁l 加載時顯示“請稍等...” 首頁功能簡述系統(tǒng)首頁行為角色未登錄用戶，企業(yè)會員前提條件進(jìn)入手機(jī)客戶端事件流 手機(jī)端導(dǎo)航：浮動導(dǎo)航，位于頁面最下方，5個導(dǎo)航模塊圖標(biāo)需要設(shè)計。1) 首頁，點擊進(jìn)入“首頁”頁2) 交易大廳，點擊進(jìn)入“交易大廳”頁3) 專場，點擊進(jìn)入“專場”頁4) 業(yè)務(wù)中心，點擊進(jìn)入“業(yè)務(wù)中心”頁 ，若會員沒登錄需要先登錄。5) 更多，點擊進(jìn)入“更多”頁 圖片輪播：圖片可以在后臺維護(hù)添加，圖片內(nèi)容以新聞、廣告為主。點擊圖片后跳轉(zhuǎn)至相應(yīng)頁面。最多顯示5張。 功能模塊：功能模塊形狀呈圓角矩形，另需設(shè)計相應(yīng)背景圖片。有以下幾部分組成：1) 新聞公告，點擊后進(jìn)入“新聞公告”頁2) 交易大廳，點擊后進(jìn)入“交易大廳”頁3) 專場推薦，點擊后進(jìn)入“專場”頁4) 競價公告，點擊后進(jìn)入“競價公告”頁 業(yè)務(wù)提醒：當(dāng)會員登錄后，若“業(yè)務(wù)中心”中有待辦事項，則在“業(yè)務(wù)中心”導(dǎo)航模塊右上角顯示小紅圓點標(biāo)記。 用戶登錄：頁面左上角顯示用戶登錄圖標(biāo)，點擊后進(jìn)入會員登錄頁面。 公司名稱：顯示在頁面最上方居中位置，要求字體美觀。 頁面下方顯示4條最近的新聞資訊。備選流無特殊需求采用的業(yè)務(wù)規(guī)則 會員登錄功能簡述未登錄用戶可以登錄系統(tǒng)行為角色未登錄用戶前提條件無事件流用戶輸入用戶名、登錄密碼進(jìn)行登錄。記住賬號，勾選后記住用戶名。記住密碼，勾選后記住登錄密碼。返回按鈕，點擊返回“首頁”頁面。備選流無特殊需求采用的業(yè)務(wù)規(guī)則界面效果圖 新聞公告功能簡述查看平臺新聞公告行為角色未登錄用戶、登錄會員前提條件無事件流 標(biāo)題欄帶返回箭頭，返回至首頁。 新聞框：包括圖片、標(biāo)題、副標(biāo)題。標(biāo)題顯示為兩行，大字體，若顯示不全用省略號代替；顯示發(fā)布時間；內(nèi)容（副標(biāo)題）顯示為兩行，小字體，第二行后面用省略號代替。點擊框內(nèi)跳轉(zhuǎn)至新聞詳情。 排序：時間逆序排序。 新聞詳情：1) 標(biāo)題欄為新聞公告，帶返回箭頭，返回至上一級。2) 標(biāo)題，顯示在第一行。3) 日期，標(biāo)題下面為日期，小字體，精確到分。4) 內(nèi)容備選流無特殊需求采用的業(yè)務(wù)規(guī)則界面效果圖新聞詳情 競買公告功能簡述顯示每日競買公告條數(shù)行為角色未登錄用戶，企業(yè)會員前提條件事件流 標(biāo)題欄帶返回箭頭 公告二級導(dǎo)航：默認(rèn)競買公告1) 競買公告，點擊進(jìn)入“競買公告”頁2) 競賣公告，點擊進(jìn)入“競賣公告”頁 默認(rèn)今日界面，顯示共多少場，可選擇預(yù)告、往期的公告，點擊后跳轉(zhuǎn)至預(yù)告和往期頁，頁面只顯示時間和場次數(shù)量，點擊進(jìn)入預(yù)告和往期詳情頁。 公告列表：1) 按交易開始時間順序排列，同一時段的場次排列在一起。2) 顯示字段：場次、競價單號、競價方式、是否定向、發(fā)盤方、競價品名、總重量、起始總金額。 競買結(jié)束后，在原列表顯示競價結(jié)果。點擊可查看競價結(jié)果。備選流無特殊需求采用的業(yè)務(wù)規(guī)則界面效果圖 競賣公告功能簡述顯示每日競賣公告條數(shù)行為角色未登錄用戶，企業(yè)會員前提條件事件流 同競買公告?zhèn)溥x流無特殊需求采用的業(yè)務(wù)規(guī)則界面效果圖 交易大廳功能簡述顯示掛牌交易商品列表行為角色未登錄用戶，企業(yè)會員前提條件事件流 手機(jī)端導(dǎo)航：同“首頁” 分類按鈕：頁面左上角為分類圖標(biāo)，點擊后出現(xiàn)品種下拉框，品種一頁放不下的話可以向下滑動，選擇后跳轉(zhuǎn)至該品種類下的掛牌列表。 搜索：搜索框內(nèi)只可以搜索品名，模糊搜索，點擊后出現(xiàn)下拉搜索框，為半透明模式，輸入內(nèi)容后點擊搜索圖標(biāo)顯示所搜索的掛牌列表。下拉框內(nèi)顯示搜索歷史，可顯示最近8次的搜索歷史，下方有清空搜索歷史的選項按鈕。 高級搜索：點擊“高級”按鈕出現(xiàn)高級搜索下拉框，里面有品名、供應(yīng)商、存貨地、價格區(qū)間、出價方式的選項。點擊存貨地向下彈出選擇框，確認(rèn)后收回，并在最后有搜索小圖標(biāo)。 掛牌列表：1) 排序：系統(tǒng)默認(rèn)按發(fā)布時間逆序排列2) 顯示字段：品名、規(guī)格、材質(zhì)（如螺紋鋼 25*25 Q235，不顯示字段只顯示內(nèi)容，中間有空格）、存貨地、供應(yīng)商、信用等級、出價方式、可購買量、掛牌單價，上面紅色字體不顯示字段，只顯示內(nèi)容。3) 出價方式（一口價、可洽談）顯示在該商品信息框的右上角，顯著標(biāo)記。4) 掛牌單價價格的字體使用大號醒目的顏色。5) 點擊商品信息框跳轉(zhuǎn)到對應(yīng)商品的“掛牌詳情”頁面。6) 列表可向下滑動，展示全部。 掛牌排序：具有三個排序標(biāo)簽按鈕，分別為時間、價格、信用。用戶可以點擊標(biāo)簽按鈕按逆序順序排列。再次點擊按順序排列。 UI風(fēng)格：掛牌信息之間需有縫隙間隔，凸顯掛牌信息層次感，設(shè)計感強(qiáng)。備選流無特殊需求定向掛牌的信息只有定向會員才能查看，未登錄用戶或非定向會員不顯示采用的業(yè)務(wù)規(guī)則界面效果圖搜