圖片社交項目經(jīng)驗小結(jié)(包括裁剪倾剿,濾鏡和標簽功能)

2015.9.29國慶前夕筷频,慶幸新的項目按時完成,在此總結(jié)經(jīng)驗教訓柱告,希望以后遇到類似的情況截驮,能做得更好。倘若我稚嫩的言論對正在閱讀的你有所幫助际度,那是我莫大的榮幸葵袭。

項目概述:我負責的產(chǎn)品時一款母嬰垂直領域的社交電商產(chǎn)品,以電商功能為起點乖菱,現(xiàn)在著重打造社交模塊坡锡,希望能通過社交電商特有優(yōu)勢,在眾多競品中站穩(wěn)腳跟窒所。社交是我們現(xiàn)有的短板鹉勒,之前有過一次小的社交功能試水,效果不理想吵取。在最近比較看好的圖片社交的帶領下禽额,我們“理所當然”地用圖片社交作為突破口。借助之前’曬單“的產(chǎn)品需求皮官,二者融合脯倒,產(chǎn)生了移動端去寫博客(類似簡書或Lofter),并且能對圖片裁剪捺氢,加標簽藻丢,加濾鏡處理(類似nice和in)。這里不分析(吐槽)需求的真?zhèn)涡院彤a(chǎn)品路線問題摄乒,單論自己這一路踩了多少坑悠反,以警醒自己。

項目開始之前馍佑,程序員和我都認為濾鏡是整個模塊的難點斋否,實際上,找到濾鏡Demo之后挤茄,發(fā)現(xiàn)濾鏡可以通過顏色矩陣的調(diào)試實現(xiàn)如叼,程序員不懂濾鏡顏色調(diào)試,但是視覺設計懂穷劈,在工具的幫助下笼恰,視覺設計不斷地調(diào)試顏色,終于調(diào)試出想要的效果歇终,而且顏色矩陣之上還可以疊加蒙版效果社证,最后濾鏡的效果十分滿意,這反而成為整個項目中最容易的一環(huán)评凝。

自己犯的錯:濾鏡對于我和程序員都是未知的挑戰(zhàn)追葡,在開發(fā)之前,對濾鏡的實現(xiàn)原理不求甚解奕短,導致在跟領導回復時宜肉,只能回復:”濾鏡效果只能程序員在網(wǎng)上找到什么效果就實現(xiàn)什么效果,沒有更多選擇翎碑∶担“而找到的效果都很差,不能我們自己調(diào)試日杈。其實遣铝,自己明明對接程序員和視覺設計,卻沒有捅破這一層窗戶紙莉擒,最后領導出面解決酿炸,是整個項目最大的教訓與收獲。今后千萬要求甚解涨冀,多思考填硕,走未走之路。

項目評審時鹿鳖,自己設計的是圖片統(tǒng)一裁剪為1:1尺寸處理扁眯,這樣會節(jié)省時間,然老板反駁栓辜,為什么裁剪成1:1恋拍,我覺得1:1并不好看。當時回復這樣最簡單的處理是平衡了視覺和可實現(xiàn)性藕甩,后面可以擴展為支持等比縮放施敢。最后,沒說服老板狭莱。在開發(fā)過程中僵娃,因為圖片比例問題,出了太多太多亂子腋妙,如果當初堅持1:1默怨,整個開發(fā)的時間可以節(jié)約30%。后面遇到類似的問題骤素,可以借這段苦逼的經(jīng)歷匙睹,用數(shù)據(jù)說服老板了...

下圖是In圖片處理的界面愚屁,大家保留裁剪,濾鏡和標簽功能后痕檬,去除其他功能霎槐,就是我們處理圖片的界面。和其他線性圖片處理的產(chǎn)品不同梦谜,裁剪丘跌,濾鏡和標簽這個三個任務采用平行處理的設計。這比線性處理復雜很多唁桩,去計算邊界值闭树,圖片小了,大了荒澡,不規(guī)則如何處理报辱,裁剪了之后,加標簽怎么處理仰猖,這兩兩組合捏肢,產(chǎn)生太多邏輯去判斷。

MicrosoftInternetExplorer402DocumentNotSpecified7.8 磅Normal0


在整個新功能的任務線中饥侵,處理圖片只占涉及圖片模塊的三分之一鸵赫。余下編輯頁面和顯示頁面也都和圖片相關(guān)聯(lián)。而這三個頁面在開發(fā)過程中是由三個不同的人完成躏升。從產(chǎn)品的邏輯出發(fā)笛丙,處理圖片上面的濾鏡效果靡努,裁剪操骡,標簽顯示宗苍,和編輯頁面以及詳情頁要一致,再擴大一步佃却,IOS上處理的圖片要在Android和觸屏版上一致者吁,所以整個開發(fā)團隊在算法處理上要保持一致,而且事先就要選擇最好的方案饲帅,以避免標簽位置偏移的現(xiàn)象复凳。不幸的是,IOS 團隊缺乏溝通灶泵,三個人未保持一致育八,快上線時,發(fā)現(xiàn)在IOS上處理的圖片在觸屏板上位置不對赦邻。更粗心的是髓棋,處理圖片的開發(fā)人員,在對標簽的位置計算時,不是針對處理后的圖片按声,而是針對原圖膳犹,這就造成一旦使用裁剪功能,再次添加標簽儒喊,位置就會出現(xiàn)偏差镣奋。

事后總結(jié)這段經(jīng)歷币呵,IOS負責圖片處理的開發(fā)不愿溝通是造成損失的部分原因怀愧,IOS上的問題很多都是在和Android開發(fā)人員溝通中發(fā)現(xiàn)的。自己想的不夠細余赢,沒有經(jīng)驗是另外一部分原因芯义。


最后再談談對這個功能的看法:

結(jié)論是新功能很難玩起來,參與門檻太高妻柒。

這個功能的需求起點是曬單扛拨,Boss是微博達人出身,所以想在產(chǎn)品上做粉絲經(jīng)濟举塔。用達人的概念帶領產(chǎn)品绑警。起點并無對錯。

隱患在于產(chǎn)品設計時央渣,已經(jīng)是一個操作復雜的功能(酷炫的富文本編輯计盒,加上圖片的三度處理)。而Boss認為我們在產(chǎn)品形態(tài)上模仿微博芽丹,顯示140個字北启,就可以兼顧輕微博的模式。

然而拔第,本來移動端就不適合寫作的特性咕村,加上多分支的功能設計,使得產(chǎn)品設計與產(chǎn)品意愿相違背蚊俺,在這種矛盾下懈涛,我們的社區(qū)能否熱鬧起來,我自己心中也畫了一個大大的問號泳猬。

最后批钠,為自己的產(chǎn)品祈禱。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末暂殖,一起剝皮案震驚了整個濱河市价匠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌呛每,老刑警劉巖踩窖,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異晨横,居然都是意外死亡洋腮,警方通過查閱死者的電腦和手機箫柳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來啥供,“玉大人悯恍,你說我怎么就攤上這事』锖” “怎么了涮毫?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長贷屎。 經(jīng)常有香客問我罢防,道長,這世上最難降的妖魔是什么唉侄? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任咒吐,我火速辦了婚禮,結(jié)果婚禮上属划,老公的妹妹穿的比我還像新娘恬叹。我一直安慰自己,他們只是感情好同眯,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布绽昼。 她就那樣靜靜地躺著,像睡著了一般嗽测。 火紅的嫁衣襯著肌膚如雪绪励。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天唠粥,我揣著相機與錄音疏魏,去河邊找鬼。 笑死晤愧,一個胖子當著我的面吹牛大莫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播官份,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼只厘,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了舅巷?” 一聲冷哼從身側(cè)響起羔味,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎钠右,沒想到半個月后赋元,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年搁凸,在試婚紗的時候發(fā)現(xiàn)自己被綠了媚值。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡护糖,死狀恐怖褥芒,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情嫡良,我是刑警寧澤锰扶,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站皆刺,受9級特大地震影響少辣,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜羡蛾,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锨亏。 院中可真熱鬧痴怨,春花似錦、人聲如沸器予。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽乾翔。三九已至爱葵,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間反浓,已是汗流浹背萌丈。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留雷则,地道東北人辆雾。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像月劈,于是被迫代替她去往敵國和親度迂。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,180評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫猜揪、插件惭墓、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,107評論 4 62
  • 秦武鉦 小學畢業(yè)了,學習還會繼續(xù)而姐;童年過去了腊凶,成長還會繼續(xù);同學分開了,友情還會繼續(xù)…… 夏天吭狡,是一個告別的季節(jié)尖殃,...
    悅讀生活閱讀 2,186評論 1 0
  • 上一章 (2) 玉葉嫁到鎮(zhèn)上的日子,是那年的冬月十八划煮。椿生看見一條披紅掛彩的水泥掛機船載著玉葉和那些姹紫嫣紅的...
    舞風眠雨閱讀 371評論 0 5
  • 最近在跟幾個新渠道談合作弛秋,頗有感觸器躏。大家都在抱怨,高性價比的流量真的變少了蟹略。對于中小型公司登失、創(chuàng)業(yè)型公司來說,如何用...
    晨夕solo閱讀 643評論 1 2