【分享】檔期APP(需求,高保真原型,源碼)

11 評(píng)論 24462 瀏覽 24 收藏 11 分鐘

今年五月份的時(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è)入口。

功能說(shuō)明:

一 . 活動(dòng)廣場(chǎng)(首頁(yè))

1.1 功能結(jié)構(gòu)

全局功能(NavigationBar 和tabbr):這邊就不做描述了,大家一看原型就能懂(如下圖)

PS:下圖中的1 為全局的信息提示入口,2為檔期的發(fā)布入口
222

333

444

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),用今天,明天表示
? ? ? ? ? ? ? ? ? ? ?2)超過(guò)的用“月-日”表示

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)所填信息如圖:

555

1.1.4活動(dòng)內(nèi)容詳情:
666
活動(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è)人資料,可私信)。

1.1.5 活動(dòng)動(dòng)作:

用戶可參加,分享,收藏活動(dòng),評(píng)論
777

1.1.6 后期功能:

1)活動(dòng)評(píng)論

2)活動(dòng)照片(發(fā)起者有權(quán)限)?

3)活動(dòng)列表的搜索功能

?第二部分? 檔期

一 ?功能概述

1.1 檔期列表

888
如上圖:

每條檔期包括:頭像,昵稱,性別,發(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ā)起檔期
優(yōu)先選擇系統(tǒng)提供的標(biāo)簽,也可以自己手動(dòng)填寫,此處的內(nèi)容隨便填寫
999

 

6、 第三部分 個(gè)人中心

包含我的資料,我的活動(dòng),我的檔期,設(shè)置等四個(gè)二級(jí)分類

1110

3.1 我的資料(如下圖):

資料包含:昵稱,頭像,年齡,性別,個(gè)人簡(jiǎn)介,照片墻(自定義張數(shù)),所在地區(qū),社交賬號(hào)(微博,人人,微信)
通過(guò)點(diǎn)擊每一行跳轉(zhuǎn)到下一級(jí)頁(yè)面可修改當(dāng)前數(shù)據(jù)

1111

3.2 我的檔期

我發(fā)布的檔期列表,可直接通過(guò)未過(guò)期的檔期快速生成活動(dòng)(如下圖,右上角圖標(biāo)),并且把相關(guān)數(shù)據(jù)直接帶過(guò)去,節(jié)約了填寫活動(dòng)詳情的時(shí)間

1112

已過(guò)期的檔期(如下圖) 文字,背景全部變灰,讓進(jìn)行中和 已過(guò)期的形成對(duì)比,從而能夠快速分辨 進(jìn)行中 和 已過(guò)期的檔期,下面的模塊 “我的活動(dòng)”類型一樣,滑動(dòng)可刪除,如果檔期沒(méi)過(guò)期,那么檔期中的此條檔期 也得刪除

1113

3.3 我的活動(dòng)

分兩種: 發(fā)起的活動(dòng)和參加的活動(dòng),都是列表形式展示,同時(shí)還有兩種操作

1) 查看詳細(xì),跳轉(zhuǎn)到詳細(xì)頁(yè)面

1114

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í)間

1115

 

 

原型

下載地址:點(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)題。這不知道是啥原因,求解決。
QQ3

源碼

這邊的代碼需要時(shí)間本來(lái)不想寫的,但想到自己程序猿出生,還是絕對(duì)做了,下次沒(méi)銀子堅(jiān)決不干這種事情了。嗯,就是這么任性。源碼單純的就是實(shí)現(xiàn)功能,UI也沒(méi)仔細(xì)的做。問(wèn)題也是多多多。

這邊的android 代碼,布局除了首頁(yè)和導(dǎo)航區(qū)別外,其他基本都相同。

QQ2 QQ1

源碼地址:點(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)注明出處并保留本文鏈接

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 源碼好像不是很完整?

    來(lái)自福建 回復(fù)
  2. 為程序猿轉(zhuǎn)換的產(chǎn)品人驕傲~~

    來(lái)自吉林 回復(fù)
  3. 太贊了,第一個(gè)把黑馬的活動(dòng)成果完成下去的。

    來(lái)自北京 回復(fù)
  4. 文中所描述的原型問(wèn)題,根本不給出原型怎么看?不過(guò)實(shí)驗(yàn)后感覺(jué)可能出現(xiàn)這種情況是因?yàn)閷拥母叩突蚋采w沒(méi)有完整導(dǎo)致的該原因。另外,點(diǎn)擊五角星時(shí)觸發(fā)的事例也有可能出錯(cuò)。

    來(lái)自北京 回復(fù)