2017/3/16 優(yōu)化：登錄/注冊(cè)流程
? ? ? ? ? ? ? ? ?新增：購(gòu)物車相關(guān)流程
2017/3/10 初稿钦铺。
第一步捎谨，做一個(gè)思維導(dǎo)圖慈省，流程圖等（下方會(huì)有）
第二步，開始畫原型圖略板，我的習(xí)慣一般是按照思維導(dǎo)圖規(guī)劃的模塊去創(chuàng)建文件夾凉泄，比如首頁(yè)/上新/購(gòu)物車/我的，將登錄注冊(cè)及重要功能（訂單相關(guān)）單獨(dú)放置一個(gè)文件夾蚯根，這樣做的好處就是便于查看后众，簡(jiǎn)潔明了胀糜。 在原型圖中，我通常包含修改記錄蒂誉，全局說明教藻，產(chǎn)品結(jié)構(gòu)圖，產(chǎn)品流程圖右锨，移動(dòng)UI設(shè)計(jì)規(guī)范（后期加入）括堤，至于標(biāo)準(zhǔn)的PRD文檔我一般不會(huì)去寫，個(gè)人覺得能讓公司流水線作業(yè)就可以绍移，沒有必要拘泥于文檔悄窃。
下面對(duì)于我原型設(shè)計(jì)中設(shè)計(jì)的內(nèi)容，進(jìn)行一個(gè)說明蹂窖，如果有不同意見和錯(cuò)誤轧抗，歡迎下方留言指正，謝謝瞬测！
一横媚、修改記錄
修改記錄中我一般是創(chuàng)建表格，分成三列月趟，包含時(shí)間灯蝴，內(nèi)容，編寫人姓名（昵稱）孝宗。 便于自己對(duì)于項(xiàng)目時(shí)間的把控和留檔備案穷躁。
二、全局說明
包含信息架構(gòu)說明因妇，頁(yè)面切換方式折砸，全局交互，彈窗/模態(tài)窗口沙峻，頁(yè)面標(biāo)題/滾動(dòng)條等睦授，安卓和iOS不同之處的說明。下方圖片中的信息架構(gòu)說明是復(fù)制之前做的摔寨，這個(gè)我一般是在文檔做好后去枷，才回去寫，算一個(gè)檢查反思的過程是复。
信息架構(gòu)說明 ?是便于開發(fā)人員去了解當(dāng)前頁(yè)面層級(jí)關(guān)系及頁(yè)面數(shù)量删顶，便于閱讀和估算開發(fā)時(shí)間。
頁(yè)面切換方式 ?是分為iOS和Android兩種淑廊。 由于兩個(gè)操作系統(tǒng)的區(qū)別逗余，硬件的不同，所以手勢(shì)操作也不同季惩，但現(xiàn)在個(gè)人覺得市面上的多數(shù)App都是Android向iOS靠攏了录粱，基本一致的腻格，只是稍有區(qū)別。
彈窗/模態(tài)窗口 ?是分iOS和Android兩種啥繁。主要是彈窗的方式和樣式及位置的區(qū)別菜职。
頁(yè)面標(biāo)題/滾動(dòng)條? 是分iOS和Android兩種。頁(yè)面標(biāo)題的位置兩個(gè)操作系統(tǒng)不同旗闽，但是滾動(dòng)條是一致的酬核。
全局交互 是以iOS為主去做的，Android基本上也是適用的适室。
三嫡意、產(chǎn)品結(jié)構(gòu)圖
運(yùn)營(yíng)給的業(yè)務(wù)的流程圖，如圖1所示捣辆；?
我修改和細(xì)化的產(chǎn)品結(jié)構(gòu)圖蔬螟，如圖2所示。
修改原因：
? ? ? ? ? ? ? ?1罪帖、因?yàn)槟壳肮緦?duì)于產(chǎn)品的類別沒有一個(gè)很好的規(guī)劃，所以自然不可能做一個(gè)類似與某寶和某東那樣復(fù)雜的商城邮屁；
? ? ? ? ? ? ? ?2整袁、運(yùn)營(yíng)給出的方案有重復(fù)的地方，而且功能并不適合于當(dāng)前階段佑吝。
優(yōu)化原因：
? ? ? ? ? ? ? ?1坐昙、便于自己梳理商城類App的結(jié)構(gòu)；
? ? ? ? ? ? ? ?2芋忿、便于自己對(duì)商城類App做整體規(guī)劃炸客；
? ? ? ? ? ? ? ?3、可以將產(chǎn)品結(jié)構(gòu)圖中的內(nèi)容完美轉(zhuǎn)換成原型圖進(jìn)而進(jìn)行設(shè)計(jì)戈钢；
? ? ? ? ? ? ? ?4痹仙、其實(shí)目前我已經(jīng)將【上新】模塊去掉了，只是結(jié)構(gòu)圖沒有來得及修改殉了。 ?T^T
四开仰、產(chǎn)品流程圖
一般情況我不會(huì)去畫整個(gè)產(chǎn)品的流程圖，因?yàn)椴榭床环奖阈酵冒芍诠页姓J(rèn)重點(diǎn)是電腦屏幕小，畫的時(shí)候不方便隔箍，整體流程更多采用的是在需求評(píng)審會(huì)上的口述講解和白板畫圖谓娃；
But，對(duì)于重要功能蜒滩，我一定是會(huì)畫流程圖的滨达，便于開發(fā)去理解邏輯奶稠。
五、移動(dòng)UI設(shè)計(jì)規(guī)范（暫無）
由于目前這個(gè)產(chǎn)品沒有移交到UI手中弦悉，所以設(shè)計(jì)規(guī)范暫無厌丑。
六、商城類App典型頁(yè)面---查看全部訂單
七僵芹、商城類App典型頁(yè)面---購(gòu)物車
包含編輯購(gòu)物車中的商品坛猪，領(lǐng)取并使用優(yōu)惠券，消息中心污秆，結(jié)算及頁(yè)面提示等劈猪。
八、登錄注冊(cè)功能
登錄方式一般有三種：
第一種良拼，賬號(hào)（手機(jī)號(hào)/郵箱號(hào)/用戶名）+密碼的方式登錄战得；
第二種，賬號(hào)（手機(jī)號(hào)/郵箱號(hào)/用戶名）+驗(yàn)證碼的方式登錄庸推；
第三種常侦，通過第三方平臺(tái)（微信，QQ贬媒，微博）直接登錄聋亡；
本次采用第一種和第三種方式登錄App。
注冊(cè)方式
一般有三種：
第一種际乘，郵箱注冊(cè)坡倔；
第二種，手機(jī)號(hào)注冊(cè)脖含；
第三種罪塔，用戶名注冊(cè)；
第四種养葵，第三方注冊(cè)征堪。
本次采用第二種方式和第四種進(jìn)行賬號(hào)的注冊(cè)，使用手機(jī)號(hào)注冊(cè)已經(jīng)成為移動(dòng)端App的主流方式了并且安全性高关拒，驗(yàn)證方便请契，ID是唯一的。
登錄流程
第一種夏醉，需要登錄后才能繼續(xù)使用產(chǎn)品功能服務(wù)爽锥，社交類偏多。
第二種畔柔，不需要登錄就可以使用產(chǎn)品或者產(chǎn)品的部分功能氯夷，商城類偏多。
本次采用第二種靶擦，商城類App重點(diǎn)就是用戶購(gòu)買率腮考，所以在這之前一定要保證用戶正常的操作流程雇毫，只有當(dāng)需要用戶填寫個(gè)人信息的時(shí)候才會(huì)提示用戶需要進(jìn)行登錄/注冊(cè)的，否則一定不要打斷用戶的使用流程踩蔚，要保證流程的簡(jiǎn)單順暢棚放。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?結(jié)束，謝謝閱讀
