廣州系統(tǒng)界面設(shè)計(jì)別樣設(shè)計(jì)認(rèn)為：女性朋友作為消費(fèi)市場(chǎng)的主力軍，一直在帶動(dòng)電商平臺(tái)的發(fā)展。女人到底有多敗家，你永遠(yuǎn)不會(huì)知道，正是因?yàn)榕丝植赖南M(fèi)能力，有聰明的商家瞄準(zhǔn)了這一市場(chǎng)，做起了女性購(gòu)物電商平臺(tái)的生意。

目前市場(chǎng)上的女性垂直電商平臺(tái)比較火爆的APP都有一個(gè)共同點(diǎn)，那就是圖標(biāo)及界面主色調(diào)均為粉紅色，從這一點(diǎn)不難看出，做一款女性購(gòu)物電商平臺(tái)還是需要技巧的。其次，女性購(gòu)物電商平臺(tái)業(yè)務(wù)內(nèi)容比較繁雜，以往使用手工管理效率低下，信息堆積給公司帶來很大不便，設(shè)計(jì)一套專業(yè)的后臺(tái)管理系統(tǒng)，能夠有效解決用戶網(wǎng)站建設(shè)與信息發(fā)布中常見的的問題和需求，對(duì)網(wǎng)站內(nèi)容管理是該系統(tǒng)的最大優(yōu)勢(shì)。

在下面的這款電商平臺(tái)后臺(tái)管理系統(tǒng)中，設(shè)計(jì)師采用了富有女性化的玫紅為主題色，輔助色選用同類色，體現(xiàn)女性柔美、時(shí)尚的界面風(fēng)格。導(dǎo)航欄加入少量灰色和亮色搭配，讓單調(diào)的界面增添活力。功能模塊區(qū)、列表區(qū)均以數(shù)據(jù)為主，弱化多余視覺，強(qiáng)調(diào)數(shù)據(jù)。年季銷售額報(bào)表分析是采用的K線圖，直觀地了解整體的銷售額具體變化情況。

BS構(gòu)架數(shù)據(jù)網(wǎng)站數(shù)據(jù)種類繁多，采用卡片式設(shè)計(jì)可以很好地對(duì)每一類信息進(jìn)行優(yōu)化呈現(xiàn)，讓用戶能更容易接收不同的信息，而不會(huì)產(chǎn)生混亂感，目的都是化繁為簡(jiǎn)，讓信息清晰直接。將數(shù)據(jù)類型進(jìn)行分類再按重要程度進(jìn)行相應(yīng)排版，最終的目的是為了給用戶帶來便利，讓他們?cè)谔幚頂?shù)據(jù)的時(shí)候一目了然。

商品列表頁(yè)也是以卡片式展示的，目的也是為了使界面數(shù)據(jù)清晰，讓用戶快速了解商品搜索、庫(kù)存等信息。除此之外，還有點(diǎn)擊頭像修改管理員信息的功能。整體的設(shè)計(jì)給人一種舒服的感覺，使用起來會(huì)很方便。

從上面的案例中，我們可以知道，在設(shè)計(jì)過程中，需要不斷思考什么交互方式才是適合用戶操作的，連界面顏色也要考慮用戶心理。無(wú)論是做什么設(shè)計(jì)，只要從用戶角度出發(fā)，就能找到方向。

由廣州UI設(shè)計(jì)別樣設(shè)計(jì)原創(chuàng)，原文地址：uibieyang，轉(zhuǎn)摘請(qǐng)保留版權(quán)，謝謝。

目前市場(chǎng)主流的電商管理ERP軟件，如管易、網(wǎng)店管家，大部分采用的是C/S(客戶機(jī)和服務(wù)器)結(jié)構(gòu)，凡是訂購(gòu)軟件服務(wù)的網(wǎng)店客戶，只要通過客戶端就能完成對(duì)主流電商平臺(tái)進(jìn)行統(tǒng)一管理。對(duì)于沒有軟件研發(fā)實(shí)力的店鋪賣家來說，使用現(xiàn)成的電商管理軟件，可以大大節(jié)約成本，提高工作效率。但是，從數(shù)據(jù)安全角度來說，使用第三方軟件，客戶隱私信息被更多的暴露出來。這也是近期天貓要求所有第三方服務(wù)商完成數(shù)據(jù)存儲(chǔ)加密升級(jí)的原因。

改造前電商ERP軟件情況

在開發(fā)自己的電商管理綜合平臺(tái)前，我們使用的是離職員工開發(fā)的一套電商業(yè)務(wù)管理軟件，軟件是采用delphi語(yǔ)言開發(fā)，系統(tǒng)結(jié)構(gòu)也是采用C/S模式，

系統(tǒng)分為后臺(tái)訂單下載服務(wù)和前臺(tái)店鋪訂單管理兩個(gè)部分。后臺(tái)訂單下載服務(wù)是部署在聚石塔內(nèi)，負(fù)責(zé)處理天貓、C店、京東等平臺(tái)訂單。

我們部署了瑞友天翼，實(shí)現(xiàn)在聚石塔內(nèi)部署客戶端程序，本地可遠(yuǎn)程訪問客戶程序，完成訂單審核、訂單查詢等操作。老系統(tǒng)采用通過TCP端口讀取遠(yuǎn)程服務(wù)器數(shù)據(jù)，完成訂單打印、稱重、掃描等操作。

因?yàn)槲覀儾]有這套軟件的開發(fā)源碼，即使有源碼，也沒有了解delphi語(yǔ)言，更談不上在其上進(jìn)行開發(fā)了。我們?cè)诤笃谟衷黾恿瞬糠滞鈬碾娚唐脚_(tái)，如唯品會(huì)、當(dāng)當(dāng)網(wǎng)、拍拍網(wǎng)、工行融易購(gòu)、建行等等。我們還是使用之前的這套軟件，重新在公司局域網(wǎng)部署了一套系統(tǒng)，專門維護(hù)這幾個(gè)外網(wǎng)平臺(tái)的訂單。

這樣，在系統(tǒng)改造前，我們是在維護(hù)兩套一樣的系統(tǒng)，客服同樣也是同時(shí)使用兩套系統(tǒng)，非常麻煩，影響工作效率。這也是我們要改造現(xiàn)有電商管理軟件的主要原因。

重新設(shè)計(jì)電商管理綜合平臺(tái)

1. 系統(tǒng)采用新的開發(fā)語(yǔ)言—— C#；

2. 電商管理綜合平臺(tái)系統(tǒng)通訊架構(gòu)采用.NET Remoting通過TCP端口從本地激活遠(yuǎn)程對(duì)象，訪問遠(yuǎn)程數(shù)據(jù)；

3. 系統(tǒng)分為獨(dú)立的訂單下載服務(wù)和電商業(yè)務(wù)管理客戶端組成；

電商業(yè)務(wù)管理客戶端系統(tǒng)功能圖

系統(tǒng)架構(gòu)圖

系統(tǒng)架構(gòu)說明

1. 系統(tǒng)平臺(tái)：Windows Server+IIS+SQLSERVER

2. 開發(fā)語(yǔ)言：；

3. 服務(wù)器：VM+RDS；

4. 系統(tǒng)架構(gòu)：采用C/S三層架構(gòu)；

5. 客戶端為自開發(fā)Windows應(yīng)用程序，用于用戶交互；

6. VM內(nèi)訂單抓單服務(wù)將訪問淘寶API或者RDS訂單推送庫(kù)，完成淘寶訂單抓取至RDS商家業(yè)務(wù)庫(kù)；

7. 應(yīng)用層采用采用.NET Remoting通過TCP端口來與客戶端交互，并進(jìn)行業(yè)務(wù)邏輯處理。

數(shù)十萬(wàn)互聯(lián)網(wǎng)從業(yè)者的共同關(guān)注！作者： 王悠悠悠。作者授權(quán)早讀課發(fā)表，轉(zhuǎn)載請(qǐng)聯(lián)系作者。簡(jiǎn)書地址：http://jianshu/p/088de40cb100編輯：Dva用戶系統(tǒng)是很多產(chǎn)品最基礎(chǔ)的構(gòu)成之一，但是越是基礎(chǔ)越是開源設(shè)計(jì)想要完善也更難。在設(shè)計(jì)用戶系統(tǒng)的時(shí)候，首先想到的關(guān)鍵詞是注冊(cè)和登錄。但并不是有這兩者就足夠了，更加完善用戶系統(tǒng)本身還需要考慮：多平臺(tái)賬號(hào)打通，同平臺(tái)賬號(hào)之間綁定與解綁，賬號(hào)安全等及需要怎樣的前端設(shè)計(jì)才是滿足這個(gè)產(chǎn)品本身定位和用戶操作的設(shè)計(jì)。用戶系統(tǒng)的實(shí)現(xiàn)簡(jiǎn)單來說有兩種方式：1、自己構(gòu)建用戶系統(tǒng)；2、用第三方授權(quán)。第三方授權(quán)獲得的用戶信息有限且受制于人，而自己構(gòu)建用戶系統(tǒng)研發(fā)及用戶使用成本均不如第三方授權(quán)。所以更多的是兩者并存，相互補(bǔ)充。由于工作需要從0到1設(shè)計(jì)一個(gè)用戶系統(tǒng)，本人不是強(qiáng)技術(shù)型產(chǎn)品，所以在定義服務(wù)端字段或需求有不完善和不專業(yè)的地方，希望大家多提意見，共同完善。一、總結(jié)需求1. 用戶系統(tǒng)基本注冊(cè)／登錄功能及前端頁(yè)面設(shè)計(jì)2.多平臺(tái)賬號(hào)打通，即在單一app注冊(cè)的用戶，能夠使用此賬號(hào)登陸系統(tǒng)內(nèi)所有app3.用戶相對(duì)獨(dú)立，對(duì)于單一app來說用戶身份唯一二、前端設(shè)計(jì)登陸注冊(cè)主流設(shè)計(jì)有三種（原型如下）

1.  賬號(hào)密碼優(yōu)先賬號(hào)密碼優(yōu)先是最常見的一種登錄注冊(cè)設(shè)計(jì)，適用于普遍場(chǎng)景，鼓勵(lì)用戶用注冊(cè)方式登錄，有利于產(chǎn)品引導(dǎo)用戶完善更多的資料，留存自己的用戶信息。例如知乎是以賬號(hào)密碼登錄為最優(yōu)先，且會(huì)隱藏第三方授權(quán)登錄?，F(xiàn)在的賬號(hào)密碼登錄都會(huì)以用戶注冊(cè)方式代替系統(tǒng)生成的userid作為賬號(hào)。純賬號(hào)密碼登錄是較為早期的設(shè)計(jì)，例如早期qq和飛信。2. 手機(jī)號(hào)快捷登陸優(yōu)先手機(jī)號(hào)快捷登陸，也叫免密登錄／短信驗(yàn)證碼登錄，適用于用戶不登錄能夠完成大部分行為，只有在某種場(chǎng)景下必須獲得用戶身份時(shí)才需要用戶登錄，且此時(shí)用戶的想要完成的行為是被要求登錄操作打斷的。常見的如團(tuán)購(gòu)類產(chǎn)品，用戶在應(yīng)用內(nèi)進(jìn)行了商品的瀏覽、篩選、添加到購(gòu)物車，當(dāng)要進(jìn)行最后一步付款操作時(shí)，發(fā)現(xiàn)未登錄。這時(shí)繁瑣的注冊(cè)或者登錄都有可能導(dǎo)致這筆訂單甚至這個(gè)用戶的流失。所以這時(shí)獲取用戶身份的方式一定要盡可能便捷。3. 第三方授權(quán)登陸優(yōu)先第三方授權(quán)登陸，適用于對(duì)用戶資料和權(quán)限要求不高快速解約開發(fā)成本的產(chǎn)品。建議在應(yīng)用構(gòu)建用戶系統(tǒng)的前期可以首先接入第三方，快速的實(shí)現(xiàn)登錄功能。但是若想建設(shè)自身關(guān)系鏈還是需要完善自己的用戶系統(tǒng)。用戶資料實(shí)際也屬于用戶系統(tǒng)等設(shè)計(jì)的內(nèi)容。是否要增加此項(xiàng)的判斷原則是根據(jù)這個(gè)產(chǎn)品對(duì)用戶資料的需求程度決定用戶注冊(cè)時(shí)是否要增加資料填寫頁(yè)，資料填寫頁(yè)是強(qiáng)制阻斷性的還是可跳過的，必填的資料項(xiàng)有哪些，希望填的有哪些。例如是需要關(guān)系鏈的那么注冊(cè)的時(shí)候就應(yīng)該強(qiáng)制用戶去填寫資料設(shè)置必要的昵稱和頭像，這樣的用戶對(duì)于此類應(yīng)用來說才屬于有效用戶，不然在app內(nèi)用戶點(diǎn)進(jìn)資料頁(yè)，全是系統(tǒng)自動(dòng)生成的垃圾信息，對(duì)于建設(shè)關(guān)系鏈和留存?zhèn)^大。交互細(xì)節(jié)上又可以延伸用戶進(jìn)行注冊(cè)或登錄需要幾個(gè)步驟？這些步驟是在一個(gè)頁(yè)面上承載還是一步一個(gè)頁(yè)面以多頁(yè)面去承載？單一頁(yè)面承載的優(yōu)勢(shì)是用戶能夠有很清楚的預(yù)期，他完成注冊(cè)需要進(jìn)行哪些操作，但是劣勢(shì)是一個(gè)頁(yè)面承載過多信息顯得雜亂，操作的次序也會(huì)不明確；多頁(yè)面承載的劣勢(shì)是用戶對(duì)完成注冊(cè)的具體行為沒有完整預(yù)期，更容易跳出，優(yōu)勢(shì)是頁(yè)面整潔并且路徑單一，能引導(dǎo)用戶完全按照通暢的預(yù)設(shè)路徑進(jìn)行。我個(gè)人更推薦后者，因?yàn)橛脩纛A(yù)期可以用頁(yè)碼／步驟管理用戶預(yù)期。下面是我根據(jù)我們產(chǎn)品的定位和需求設(shè)計(jì)的用戶登錄／注冊(cè)系統(tǒng)原型：如上所說，我設(shè)計(jì)的用戶系統(tǒng)是需要承載多產(chǎn)品的，所以我設(shè)計(jì)融合賬號(hào)密碼登錄和手機(jī)號(hào)快捷登錄兩種方式，以用戶出發(fā)需要登錄的場(chǎng)景去切換展現(xiàn)在用戶面前的是哪一種。

補(bǔ)充一些貼心的小點(diǎn)：申請(qǐng)讀取本機(jī)號(hào)碼權(quán)限，并幫用戶填寫申請(qǐng)讀寫短信權(quán)限，獲取到驗(yàn)證碼后自動(dòng)填寫并點(diǎn)擊下一步應(yīng)該前置到提醒：上次登錄方式，合法的手機(jī)號(hào)，正確的圖形驗(yàn)證碼等等三、服務(wù)端設(shè)計(jì)很多產(chǎn)品，特別是沒有技術(shù)背景的產(chǎn)品不會(huì)去接觸和設(shè)計(jì)服務(wù)端需求。實(shí)際上我自己日常工作中接觸服務(wù)端需求也并不多，并不是說產(chǎn)品要負(fù)責(zé)設(shè)計(jì)一個(gè)完善的用戶系統(tǒng)服務(wù)端，而是要學(xué)會(huì)以服務(wù)端同事能懂的方式表達(dá)清楚自己的訴求，兩邊對(duì)功能的實(shí)現(xiàn)不會(huì)有太多的偏差，這是產(chǎn)品設(shè)計(jì)服務(wù)端端目的所在。簡(jiǎn)單的用戶系統(tǒng)服務(wù)端的基本功能需求為：判斷賬號(hào)身份（注冊(cè)/未注冊(cè)），賬號(hào)身份生成（新用戶分配id），賬號(hào)密碼驗(yàn)證；這里要設(shè)計(jì)的并不滿足于注冊(cè)登錄，需要考慮多平臺(tái)賬號(hào)打通的用戶系統(tǒng)并且要和在打通情況下單一平臺(tái)或多個(gè)平臺(tái)之間，用戶的多個(gè)賬號(hào)之間綁定于解綁。現(xiàn)在先說一下多平臺(tái)賬號(hào)打通需要考慮哪些問題：用戶系統(tǒng)身份的創(chuàng)建，因?yàn)槲覀兪嵌嗥脚_(tái)的系統(tǒng)，所以用戶身份只能納入手機(jī)號(hào)注冊(cè)的用戶，若第三方授權(quán)注冊(cè)的也算用戶系統(tǒng)用戶，在賬號(hào)綁定的那一關(guān)則會(huì)出現(xiàn)混亂；實(shí)現(xiàn)多平臺(tái)賬號(hào)打通，要實(shí)現(xiàn)多平臺(tái)賬號(hào)打通，即所有接入多平臺(tái)都能夠查詢到此用戶身份；平臺(tái)間用戶身份獨(dú)立，要實(shí)現(xiàn)平臺(tái)間用戶身份獨(dú)立，則需要在用戶系統(tǒng)用戶身份的基礎(chǔ)上創(chuàng)建一個(gè)平臺(tái)的用戶身份；

(一) 用戶系統(tǒng)多平臺(tái)打通名詞解釋1)Appid：接入用戶系統(tǒng)時(shí)首先分配，用于區(qū)別接入的各個(gè)app；2)Unionid：用戶手機(jī)注冊(cè)時(shí)，由用戶系統(tǒng)根據(jù)手機(jī)號(hào)創(chuàng)建，在用戶系統(tǒng)作為用戶唯一身份標(biāo)識(shí)；3)Appuserid：用戶注冊(cè)時(shí)，由app服務(wù)端根據(jù)union或者第三方授權(quán)的openid創(chuàng)建，在app內(nèi)作為用戶唯一的身份標(biāo)識(shí)；基本原則1)手機(jī)號(hào)作為用戶系統(tǒng)賬號(hào)的注冊(cè)的唯一途徑，根據(jù)手機(jī)號(hào)在用戶系統(tǒng)服務(wù)端創(chuàng)建并保存unionid；app服務(wù)端根據(jù)unionid創(chuàng)建并保存appuserid，且將unionid對(duì)應(yīng)保存；2)用戶系統(tǒng)同一unionid可對(duì)應(yīng)不同的appuserid3)使用第三方openid授權(quán)的注冊(cè)用戶不計(jì)入用戶系統(tǒng)僅存在app服務(wù)端作為單app用戶，即unioid為空只生成appuserid；第三方授權(quán)包括微博微信，QQ，F(xiàn)acebook，Twitter1. 主線流程圖

手機(jī)號(hào)注冊(cè)主流程為：用戶注冊(cè)時(shí)，用戶系統(tǒng)服務(wù)端需要驗(yàn)證手機(jī)號(hào)＋驗(yàn)證碼是否為真，此手機(jī)號(hào)是否已有對(duì)應(yīng)unionid；若有提示已注冊(cè)，請(qǐng)登錄；若無(wú)創(chuàng)建對(duì)應(yīng)unionid，app服務(wù)端根據(jù)unionid創(chuàng)建appuserid。至此成功生成了用戶系統(tǒng)身份及當(dāng)前app用戶身份。手機(jī)號(hào)登陸主流程為：用戶登錄時(shí)，用戶系統(tǒng)服務(wù)的驗(yàn)證手機(jī)號(hào)＋密碼是否為真，此手機(jī)號(hào)是否有對(duì)應(yīng)unionid，若有，則說明此用戶有用戶系統(tǒng)身份。還需要app服務(wù)端需要查詢是否有對(duì)應(yīng)的appuserid，若有說明此用戶有此app身份，直接用其appuserid登錄；若無(wú)則說明是用戶系統(tǒng)內(nèi)其他聯(lián)合app注冊(cè)用戶根據(jù)unionid創(chuàng)建此app的用戶身份，至此登錄成功。用戶系統(tǒng)是大多數(shù)app都會(huì)有多構(gòu)成，單一的用戶系統(tǒng)也并不那么復(fù)雜，但是若要構(gòu)建產(chǎn)品矩陣進(jìn)行多平臺(tái)間的用戶打通，加上帳號(hào)綁定與解綁，并不是一時(shí)半會(huì)能夠想清楚的需求，若大家感興趣為會(huì)繼續(xù)補(bǔ)充帳號(hào)綁定和賬號(hào)安全產(chǎn)品應(yīng)該關(guān)心和設(shè)計(jì)的事情。謝謝：）