【分享】檔期APP(需求,高保真原型,源碼)
今年五月份的時(shí)候,有幸參加了人人都是產(chǎn)品經(jīng)理上海線上的產(chǎn)品馬拉松,見(jiàn)到了很多同行,通過(guò)簡(jiǎn)單的交流,也稍微了解到了不同產(chǎn)品之間的區(qū)別。然后就進(jìn)入了當(dāng)天的活動(dòng)主題了.
在活動(dòng)結(jié)束后的某一天,我腦中不知道怎么就冒出個(gè)把這個(gè)產(chǎn)品做出來(lái)的想法,然后我就稀里糊涂的開(kāi)始了,剛開(kāi)始的時(shí)候,由于自己工作有點(diǎn)忙,速度特別的慢,晚上回家后沒(méi)啥動(dòng)力,自己也懶,慢慢吞吞的搞了兩個(gè)月,連文檔內(nèi)容都沒(méi)怎么看到。所幸的事,中間跳了個(gè)槽,有了點(diǎn)時(shí)間,于是就真正意義上的開(kāi)始執(zhí)行了。這過(guò)程真特么坎坷呀,雖然速度很慢,但總算完成的差不多了,就是問(wèn)題還是很多。
這是當(dāng)時(shí)我們小組圍繞主題討論的成果,詳情請(qǐng)點(diǎn)我,我把核心功能挑選出來(lái),并簡(jiǎn)化了相關(guān)功能后,重新做了一個(gè)相對(duì)簡(jiǎn)單,相對(duì)直接的結(jié)構(gòu)圖。下面開(kāi)始主要內(nèi)容
信息結(jié)構(gòu)圖(可以先對(duì)比下和之前的區(qū)別):
定義下兩個(gè)最核心的名詞: 活動(dòng)廣場(chǎng):用戶發(fā)起的所有活動(dòng)的聚集地 檔期:聽(tīng)著是不是覺(jué)得很高大上的名詞,簡(jiǎn)單講,就是空閑時(shí)間。檔期相當(dāng)于是活動(dòng)廣場(chǎng)中活動(dòng)的來(lái)源,因?yàn)橹挥邢扔锌臻e時(shí)間,才有活動(dòng)組成的活動(dòng)廣場(chǎng),相當(dāng)于一個(gè)提供內(nèi)容的功能! 對(duì)比兩個(gè)腦圖可以發(fā)現(xiàn),去掉了“活動(dòng)廣場(chǎng)”和“檔期”中的一些用戶之間的關(guān)系,也去掉了一些只有關(guān)系用戶才能看到的內(nèi)容的部分。變成了一個(gè)所有人都可查看,都可參加的關(guān)系。 如圖:整體分為四個(gè)頻道,活動(dòng)廣場(chǎng),檔期,我,私信,其中,活動(dòng)廣場(chǎng),檔期,我 為同層頻道,私信 單獨(dú)做了個(gè)入口。 一 . 活動(dòng)廣場(chǎng)(首頁(yè)) 1.1 功能結(jié)構(gòu) 全局功能(NavigationBar 和tabbr):這邊就不做描述了,大家一看原型就能懂(如下圖) PS:下圖中的1 為全局的信息提示入口,2為檔期的發(fā)布入口 1.1.1活動(dòng)推薦: 特色活動(dòng)置頂推薦,點(diǎn)擊查看詳細(xì) 1.1.2活動(dòng)列表: 用戶發(fā)起過(guò)的活動(dòng)按照離當(dāng)前位置有近到遠(yuǎn)的順序排列,如圖:需展示標(biāo)題,地點(diǎn),時(shí)間,費(fèi)用,已參與人數(shù),圖片 1. 時(shí)間格式:? 1)離當(dāng)天日期l兩天以內(nèi),用今天,明天表示 1.1.3發(fā)起活動(dòng): 活動(dòng)信息包含(如上結(jié)構(gòu)圖): 必須項(xiàng):標(biāo)題,內(nèi)容,發(fā)起活動(dòng)的時(shí)間,活動(dòng)地址,圖片 ,活動(dòng)開(kāi)始時(shí)間,結(jié)束時(shí)間,非必填:已參加人數(shù),最多參加人數(shù),費(fèi)用,地點(diǎn)地圖 用戶自定義發(fā)起活動(dòng),活動(dòng)所填信息如圖: 1.1.4活動(dòng)內(nèi)容詳情: 1.1.5 活動(dòng)動(dòng)作: 1.1.6 后期功能: 1)活動(dòng)評(píng)論 2)活動(dòng)照片(發(fā)起者有權(quán)限)? 3)活動(dòng)列表的搜索功能 ?第二部分? 檔期 一 ?功能概述 1.1 檔期列表 每條檔期包括:頭像,昵稱,性別,發(fā)布時(shí)間,檔期時(shí)間,內(nèi)容,地理位置。 點(diǎn)擊該記錄會(huì)跳轉(zhuǎn)到發(fā)起人的個(gè)人信息; 附近人的檔期:LBS定位獲取,由近到遠(yuǎn)排序顯示,如是好友,需標(biāo)注 好友來(lái)源(拓展功能):APP內(nèi)部關(guān)注,手機(jī)通訊錄,社交APP(人人,新浪/騰訊微博) 2.1.2發(fā)起檔期 6、 第三部分 個(gè)人中心 包含我的資料,我的活動(dòng),我的檔期,設(shè)置等四個(gè)二級(jí)分類 3.1 我的資料(如下圖): 資料包含:昵稱,頭像,年齡,性別,個(gè)人簡(jiǎn)介,照片墻(自定義張數(shù)),所在地區(qū),社交賬號(hào)(微博,人人,微信) 3.2 我的檔期 我發(fā)布的檔期列表,可直接通過(guò)未過(guò)期的檔期快速生成活動(dòng)(如下圖,右上角圖標(biāo)),并且把相關(guān)數(shù)據(jù)直接帶過(guò)去,節(jié)約了填寫活動(dòng)詳情的時(shí)間 已過(guò)期的檔期(如下圖) 文字,背景全部變灰,讓進(jìn)行中和 已過(guò)期的形成對(duì)比,從而能夠快速分辨 進(jìn)行中 和 已過(guò)期的檔期,下面的模塊 “我的活動(dòng)”類型一樣,滑動(dòng)可刪除,如果檔期沒(méi)過(guò)期,那么檔期中的此條檔期 也得刪除 3.3 我的活動(dòng) 分兩種: 發(fā)起的活動(dòng)和參加的活動(dòng),都是列表形式展示,同時(shí)還有兩種操作 1) 查看詳細(xì),跳轉(zhuǎn)到詳細(xì)頁(yè)面 2) 滑動(dòng)可刪除,當(dāng)刪除時(shí),活動(dòng)廣場(chǎng)里面的該條記錄也要?jiǎng)h除 3.4 設(shè)置 一些系統(tǒng)雜七雜八的功能,此處不考慮 7、 第四部分 私信 7.1 功能介紹 此功能是為了方便和其它用戶聊天而設(shè)計(jì)的,功能如下(如圖): 1) 私信發(fā)起:在其它用戶的個(gè)人資料里面可私聊該用戶 2) 私信列表:和其它用戶的私聊條目的列表展示 3) 私聊頁(yè)面:聊天頁(yè)面(類QQ,微信) 注意事項(xiàng):列表的聊天時(shí)間 下載地址:點(diǎn)我下載 基本實(shí)現(xiàn)了高保真原型,就是有些地方不嚴(yán)謹(jǐn),因?yàn)樽约翰粫?huì)PS ,所有圖標(biāo)都是網(wǎng)上找的,因此有些地方圖標(biāo)不夠準(zhǔn)確。另外tabbar這邊還有個(gè)問(wèn)題,切換功能模塊的時(shí)候,圖標(biāo)不能點(diǎn)正中心,得往邊上偏移,超過(guò)可視范圍才行。如下圖,必須得點(diǎn)擊五角星之外的地方,否則,內(nèi)容部分就是出現(xiàn)問(wèn)題。這不知道是啥原因,求解決。 這邊的代碼需要時(shí)間本來(lái)不想寫的,但想到自己程序猿出生,還是絕對(duì)做了,下次沒(méi)銀子堅(jiān)決不干這種事情了。嗯,就是這么任性。源碼單純的就是實(shí)現(xiàn)功能,UI也沒(méi)仔細(xì)的做。問(wèn)題也是多多多。 這邊的android 代碼,布局除了首頁(yè)和導(dǎo)航區(qū)別外,其他基本都相同。 源碼地址:點(diǎn)我下載 APP地址:點(diǎn)我下載 整個(gè)app的問(wèn)題還是挺多的,由于個(gè)人的原因,后續(xù)沒(méi)多少時(shí)間來(lái)慢慢修改了,無(wú)法讓大家看到完善的了,于是就把它發(fā)布出來(lái)了,否則得躺在我硬盤里面跨年了。 本文由人人都是產(chǎn)品經(jīng)理@醬油 原創(chuàng)發(fā)布,轉(zhuǎn)載請(qǐng)注明出處并保留本文鏈接 功能說(shuō)明:
? ? ? ? ? ? ? ? ? ? ?2)超過(guò)的用“月-日”表示
活動(dòng)詳情信息展示? 包括:圖片,介紹,地理位置(跳轉(zhuǎn)至地圖),時(shí)間,費(fèi)用,參與人數(shù)/總?cè)藬?shù),活動(dòng)發(fā)起人(可跳轉(zhuǎn)到個(gè)人資料,頁(yè)面請(qǐng)看原型,此頁(yè)面有私信功能,但原型中未跳轉(zhuǎn)到私信頁(yè)面),參加人員的列表(點(diǎn)擊用戶頭像跳轉(zhuǎn)到用戶個(gè)人資料,可私信)。
優(yōu)先選擇系統(tǒng)提供的標(biāo)簽,也可以自己手動(dòng)填寫,此處的內(nèi)容隨便填寫
通過(guò)點(diǎn)擊每一行跳轉(zhuǎn)到下一級(jí)頁(yè)面可修改當(dāng)前數(shù)據(jù)原型
源碼
源碼好像不是很完整?
為程序猿轉(zhuǎn)換的產(chǎn)品人驕傲~~
太贊了,第一個(gè)把黑馬的活動(dòng)成果完成下去的。
文中所描述的原型問(wèn)題,根本不給出原型怎么看?不過(guò)實(shí)驗(yàn)后感覺(jué)可能出現(xiàn)這種情況是因?yàn)閷拥母叩突蚋采w沒(méi)有完整導(dǎo)致的該原因。另外,點(diǎn)擊五角星時(shí)觸發(fā)的事例也有可能出錯(cuò)。