淘宝购物车下单页面流程图与原型图绘制
以产品「淘宝」的购物车下单功能为例：购物车下单功能的页面流程跳转点：
点击购物车→结算→提交订单→立即付款→支付成功
以下为页面流程图与原型图
绛旓細鐐瑰嚮璐墿杞鈫掔粨绠椻啋鎻愪氦璁㈠崟鈫掔珛鍗充粯娆锯啋鏀粯鎴愬姛 浠ヤ笅涓洪〉闈㈡祦绋嬪浘涓庡師鍨嬪浘
绛旓細1銆侀鍏堟墦寮鐢佃剳鎴栬呮墜鏈猴紝鍦ㄦ祻瑙堝櫒涓婃悳绱娣樺疂璐墿锛屾壘鍒扮綉绔欏悗锛岀偣鍑诲畼缃戣繘鍘汇2銆佹墦寮缃戦〉鍚庯紝鐐瑰嚮鐧诲綍銆傚鏋滄病鏈夋敞鍐岃繃璐﹀彿锛岄偅涔堝氨闇瑕佸厛杩涜娉ㄥ唽璐﹀彿鐐瑰嚮娉ㄥ唽銆3銆佸湪鎵撳紑鐨勭晫闈紝閫夋嫨鍚屾剰鍗忚锛岀劧鍚庤緭鍏ユ墜鏈哄彿鐮侊紝杩涜楠岃瘉娉ㄥ唽锛屽凡缁忔敞鍐岃繃鐨勬墜鏈哄彿鐮佹槸鏃犳硶杩涜鍐嶆娉ㄥ唽鐨勩傜劧鍚庢寜鐓ф楠よ繘琛屾搷浣滃畬鎴愬嵆鍙...
绛旓細浣犵殑姣忎釜鍔熻兘鐨勯昏緫瑕佽窇寰楅氾紝涓変釜瀛楄窇寰楅氱湅浼肩畝鍗曪紝瀹為檯浣犻渶瑕佽姳涓瀹氶噺鐨勬椂闂村幓璺戦昏緫锛屽綋鐒朵簡锛屽苟涓嶆槸璇翠綘鑺辩殑鏃堕棿瓒婂瓒婂ソ锛屽鏋滈昏緫姣旇緝澶嶆潅锛岃姳鐨勬椂闂磋秺澶氳秺鍙兘鎶婅嚜宸辨悶鏅曘傛湁绮惧姏鐨勬湅鍙嬪彲浠ュ幓姊崇悊浠ヤ笅娣樺疂鐨勮鍗曢昏緫娴佺▼鍥銆傝烦鍑鸿鍗椤甸潰鐨勫彲浠ヤ笉鐢ㄧ悊浼氬搱銆傝仾鏄庣殑浜у搧涓鐪嬭繖涓浘灏辨槑鐧藉浣曠敾锛...
绛旓細鍔炵悊浼氬憳鍗 杩涘叆缃戝潃 閫夋嫨鑷繁鍠滄鐨 鐒跺悗鏀惧叆璐墿杞 閫夋嫨鏂瑰紡浠樻
绛旓細灏遍夋嫨瀹濊礉銆傛窐鑷繁鍠滄鐨勫疂璐濓紝鎵撳紑娣樺疂缃锛屽湪棣栭〉鍙充笂瑙掔偣鍑烩滄垜瑕佷拱鈥濓紝鍐嶅湪鎰熷叴瓒ｇ殑鍒嗙被涓寫閫夎嚜宸卞枩娆㈢殑瀹濊礉銆2銆侀変腑浜嗗疂璐濆悗鐐瑰疂璐濈殑鍥剧墖锛屼細鍑虹幇瀹濊礉鎵鍦ㄧ殑椤甸潰銆傛病鏈変换浣曢棶棰樿鍚戝崠瀹跺挩璇紝鍙互鐐圭珛鍗宠喘涔般傜‘璁よ喘涔般傚綋鎮ㄧ偣浜嗙珛鍗宠喘涔板悗锛岀湅鍒颁竴涓〉闈紝涓婇潰鍐欑潃涓夋锛氱‘璁よ喘涔帮紝浠樻锛岀‘璁...
绛旓細娣樺疂璐墿鐨勫叿浣撴柟娉曪細1.鎵撳紑娣樺疂缃戯紱2.鐧诲綍娣樺疂璐﹀彿锛3.鍦ㄩ椤电洿鎺ユ悳绱㈣嚜宸辨兂瑕佷拱鐨勪笢瑗匡紝姣斿鈥滃濂椻濓紱4.闅忓悗浼氬姞杞藉嚭绗﹀悎瑕佹眰鐨勪骇鍝侊紝鍦ㄤ骇鍝佷笂鏂逛細鏈夎繘涓姝ヨ缁嗙殑閫夐」锛屽锛氬昂鐮併佸搧鐗屻佸叾浠栫瓫閫夋潯浠剁瓑锛屽彲浠ュ閫変篃鍙互鍗曢夛紱5.鎴栬呬綘鎯虫寚瀹氭煇涓搧鐗岀殑浜у搧涔熷彲浠ョ洿鎺ュ湪鎼滅储涓悳绱紝鎴栬呯洿鎺ユ悳绱㈠簵閾猴紙...
绛旓細鍏蜂綋鐨勬搷浣娴佺▼濡備笅锛1.澶囧ソ璐х墿锛岃窡www.17transit.com纭濂藉崟浠枫2.瀵勫埌17TRANSIT杞繍浠撳簱锛屾彁渚涙捣澶栧湴鍧绛夈3.17TRANSIT鏀跺埌璐х墿寮濮嬭浆杩愶紝鎻愪緵鏌ヨ鍗曞彿銆4.蹇掓姷杈炬捣澶栫洰鐨勭殑锛屾淳閫侊紝绛炬敹銆5.杩愯緭瀹屾垚鏈嶅姟銆傛湁娌℃湁浜у搧闄愬埗锛氭病鏈夌殑锛屽彧瑕佹槸鍚堟硶浜у搧鍗冲彲銆傞渶瑕佷粈涔堣祫鏂欏悧锛氭棤闇浠讳綍杩涘嚭鍙ｆ潈锛岃祫璐ㄧ瓑...
绛旓細涓銆丄PP寮鍙戞寮忓垎涓哄浐瀹氭鍜屽畾鍒舵锛屼袱鑰呯殑浠锋牸鍧囦笉鐩稿悓 鍥哄畾娆撅細鏄寚鐩存帴濂楃敤宸叉湁鐨勩佺幇鎴愮殑APP鍥哄畾妯℃澘锛屾姤浠锋槸鍥哄畾鐨勶紝鎵闇瑕佺殑鍔熻兘涔熸槸鍥哄畾鐨勶紝缂虹偣灏辨槸瀹㈡埛鎷夸笉鍒版簮浠ｇ爜锛屼篃涓嶈兘鏍规嵁浼佷笟闇姹傝繘琛屽畾鍒讹紝鐢变簬婧愪唬鐮佹槸灏佽鐨勶紝濡傛灉浼佷笟浠ュ悗鎯宠繘琛屽姛鑳藉崌绾ф垨绯荤粺缁存姢鐨勮瘽锛屼篃涓嶈兘澶熷疄鐜帮紝鍙兘閲嶆柊寮鍙戜竴...
绛旓細1. 浜у搧缁撴瀯鍥 2. 浜у搧娴佺▼鍥 浠ヨ喘涔板晢鍝佷负渚:3. 鍔熻兘浣撻獙鍒嗘瀽 a. 棣栭〉 閲囩敤鍗＄墖寮忕殑璁捐,灏嗘墍鏈夊姛鑳藉叆鍙ｅ钩閾哄嚭鏉,鐢ㄦ埛閫氳繃鍗＄墖鏍囬鍙婅鏄庡彲浠ュ揩閫熷畾浣嶅埌鑷繁瑕佷娇鐢ㄧ殑鍔熻兘銆傞《閮╞anner鍖哄煙鍐呭鍖呭惈鍟嗗搧娲诲姩銆佸箍鍛娿佸晢鍝併傛悳绱㈠姛鑳芥斁鍦椤甸潰椤堕儴,鍦ㄥ晢鍩庣被app涓悳绱㈡槸涓涓緢閲嶈鐨勬祦閲忓叆鍙,鐢ㄦ埛浣跨敤棰戠巼寰堥珮,鏄鐢...
绛旓細娣樺疂閫璐ч娆剧敵璇娴佺▼ 1銆 鐧诲綍娣樺疂璐︽埛:杩涘叆娣樺疂瀹樼綉鍚,鐧诲綍鑷繁鐨勬窐瀹濊处鎴枫 2銆佽繘鍏ヨ鍗椤甸潰:鍦ㄤ釜浜轰腑蹇冮〉闈腑,閫夋嫨鈥滄垜鐨勮鍗曗,鐒跺悗鎵惧埌闇瑕侀璐ч娆剧殑璁㈠崟銆 3銆 鐢宠閫璐ч娆:鐐瑰嚮鈥滅敵璇峰敭鍚庘,閫夋嫨鈥滈璐ч娆锯濋夐」,骞跺～鍐欓璐ч娆剧敵璇枫傚湪鐢宠鏃,闇瑕佸～鍐欓璐ч娆剧殑鍘熷洜銆佺墿娴佷俊鎭拰鍟嗗搧淇℃伅绛夈 4銆佸崠瀹剁‘...
