中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

引子

在一次產(chǎn)品和設(shè)計(jì)師一起參與的很普通的腦暴活動(dòng)中，產(chǎn)生了一個(gè)想法：世界上強(qiáng)迫癥患者那么多，而小紅點(diǎn)又是讓強(qiáng)迫癥們最糾結(jié)的存在，是不是應(yīng)該做個(gè)可以一鍵清除小紅點(diǎn)的功能？ 大家的一致看法：“嗯，對(duì)的，要做?？?，記錄一下?！比缓箜樌挠涗?，發(fā)郵件，然后……就沒(méi)有然后了?；蛟S，這也是大部分腦暴的結(jié)果，有很多閃光點(diǎn)，卻沒(méi)有有效的落地執(zhí)行。

思考

消除小紅點(diǎn)有很多種方式，腦暴會(huì)議上也有記錄，比如說(shuō)：

方案一，通過(guò)搖一搖把小紅點(diǎn)抖落；

方案二，通過(guò)對(duì)著手機(jī)吹一下，把小紅點(diǎn)吹掉；

方案三，把小紅點(diǎn)拖拽下來(lái)，不喜歡哪個(gè)拽哪個(gè)；

對(duì)于這三個(gè)方案，是否都需要嘗試下呢？在開(kāi)始動(dòng)手之前，思考一下會(huì)減少很多工作量。

對(duì)于方案一，搖一搖的方案的確挺順手，但是跟很多其他軟件的搖一搖概念類似，別人看到也不會(huì)覺(jué)得是原創(chuàng)，手勢(shì)不再具有傳播性；

對(duì)于方案二，吹掉也可行，但是對(duì)于音量檢測(cè)來(lái)說(shuō)，如果你在用QQ手機(jī)版的時(shí)候，周圍忽然出現(xiàn)很大的聲響，小氣泡可能就消失了，這種體驗(yàn)應(yīng)該是不能忍的；

對(duì)于方案三，嗯，看起來(lái)不錯(cuò)??！但是，大家能接受嗎？這個(gè)真不好說(shuō)。

執(zhí)行

根據(jù)上邊腦補(bǔ)的過(guò)程，”我覺(jué)得”方案三能做成口碑和傳播點(diǎn)的概率更大一些，而且看起來(lái)很有技術(shù)含量的樣子。于是開(kāi)始做demo來(lái)體驗(yàn)下。在iOS和Android上做demo比較快的一個(gè)解決方案是使用flash，因?yàn)榭梢员容^方便的加個(gè)殼在兩個(gè)平臺(tái)上就都可以運(yùn)行了，不過(guò)作為一個(gè)demo，能順暢在一個(gè)平臺(tái)上運(yùn)行也不錯(cuò)。

然后就開(kāi)始了方案稿的輸出。以下就是第一稿：

拖拽一定是要有個(gè)動(dòng)畫(huà)的，要不然會(huì)感覺(jué)莫名其妙。而動(dòng)畫(huà)的方式，想法是模擬拽掉的視覺(jué)感覺(jué)，并且視覺(jué)和開(kāi)發(fā)都能夠簡(jiǎn)單處理。第一稿的想法是希望拖拽數(shù)字紅點(diǎn)的時(shí)候，在原始位置留下一個(gè)跟數(shù)字紅點(diǎn)等大的小紅點(diǎn)，拖得越遠(yuǎn)，原始位置的氣泡就會(huì)越小，理想情況下，就會(huì)有個(gè)拖拽下來(lái)的趕腳了……吧？

有了想法后，速度用flash還原了下，然后在手機(jī)上體驗(yàn)了一把，感覺(jué)，這就是個(gè)bug啊……由于拖拽的不夠遠(yuǎn)，所以手指還沒(méi)挪開(kāi)的時(shí)候，紅點(diǎn)就被拖下來(lái)了，松手的時(shí)候只是看到紅點(diǎn)莫名其貌的消失了。這貨絕對(duì)通不過(guò)評(píng)審的，至少得有個(gè)距離，能看的很清楚什么時(shí)候放手可以拖拽掉小紅點(diǎn)，什么時(shí)候放手紅點(diǎn)會(huì)歸位。這稿雖然不合格，但是實(shí)現(xiàn)簡(jiǎn)單啊，不過(guò)這好像不是初衷，好用更重要一點(diǎn)，于是有了第二稿:

在第一稿的基礎(chǔ)上增加了拖動(dòng)的距離，在兩個(gè)紅點(diǎn)之間畫(huà)一個(gè)梯形連接起來(lái)，感覺(jué)除了看起來(lái)有點(diǎn)二貌似沒(méi)有其他問(wèn)題了。以下有個(gè)示意圖來(lái)描述解決方法：

圖1. 建立兩個(gè)紅點(diǎn)的坐標(biāo)系（flash的坐標(biāo)y軸的確是向下的）

圖2. 計(jì)算四個(gè)切點(diǎn)坐標(biāo)并畫(huà)線段，填充顏色

（有了坐標(biāo)系，感覺(jué)高大上了很多吧…）

關(guān)于看起來(lái)有點(diǎn)愣的問(wèn)題，并不是沒(méi)有解決方案，只是解決起來(lái)會(huì)比較麻煩。作為一個(gè)有節(jié)操的設(shè)計(jì)師，這里的質(zhì)感應(yīng)該是那種肉(nian)肉(huhu)的感覺(jué)，松手還會(huì)有回彈，消失的時(shí)候還要有個(gè)爆炸動(dòng)畫(huà)，一不小心扔出去應(yīng)該有加速度同時(shí)受重力加速度影響才對(duì)。于是，期望中實(shí)現(xiàn)出來(lái)應(yīng)該是這個(gè)樣子的：

關(guān)鍵還是執(zhí)行，效果是這樣，那是否有可行性呢？努力回憶了下初中數(shù)學(xué)老師畢業(yè)時(shí)候說(shuō)過(guò)話，貝塞爾曲線什么的或許可以一戰(zhàn)。

———————-對(duì)設(shè)計(jì)師來(lái)說(shuō)前方燒腦，準(zhǔn)備好心態(tài)——————————

圖3. 貝塞爾曲線模型示意

既然是貝塞爾曲線，就得有個(gè)控制點(diǎn)，控制點(diǎn)的位置比較關(guān)鍵。初步設(shè)想是，隨著兩個(gè)圓點(diǎn)的距離增大，臨時(shí)點(diǎn)point_temp從p2向大圓的中心p0移動(dòng)，然后從p1向point_temp畫(huà)線，取重點(diǎn)作為貝塞爾曲線控制點(diǎn)p5,這樣就能實(shí)現(xiàn)隨著距離增加中間的連接區(qū)域越來(lái)越細(xì)，想想好像是這么回事。體驗(yàn)了下，發(fā)現(xiàn)中間縮小的速率太慢，感覺(jué)不太對(duì)勁，于是優(yōu)化了下模型，如下圖：

圖4. 貝塞爾曲線模型優(yōu)化示意

把point_temp的移動(dòng)距離從p2到p0移動(dòng)，修改為從p2向p4移動(dòng)，這樣控制點(diǎn)移動(dòng)的速度就會(huì)快很多，體驗(yàn)了下，總算像那么回事了。不過(guò)還不夠完美，如果p2和p4是動(dòng)態(tài)計(jì)算的曲線就更完美了，不過(guò)這么厲害的算法問(wèn)題就交給專業(yè)的開(kāi)發(fā)GG們?nèi)ヌ幚砹恕Ｖ劣谄渌?，回彈是常?guī)算法，有現(xiàn)成回彈模型，爆炸輸出了序列幀。加上產(chǎn)品同學(xué)強(qiáng)大的項(xiàng)目管理和推動(dòng)能力，開(kāi)發(fā)同學(xué)的聰明智慧，整個(gè)項(xiàng)目就順利的落地了。

落地是落地了，鵝廠內(nèi)還有很多評(píng)審。嗯，然后聽(tīng)聽(tīng)大佬的肯定意見(jiàn)吧~ “蠻好玩的。” “這東西，粘乎乎的感覺(jué)啊…” “喲，你還會(huì)點(diǎn)開(kāi)發(fā)…” “這有什么好玩的？” “不知道你們浪費(fèi)時(shí)間做這種小功能有什么用？” “要從整體層面上看，要有系統(tǒng)?！甭?tīng)起來(lái)，好像，沒(méi)有很負(fù)面嘛，而且對(duì)以后的工作提出了很明確的指導(dǎo)意義……最起碼，方案沒(méi)有被拍死，于是開(kāi)開(kāi)心心的推向了市場(chǎng)檢驗(yàn)。

接下來(lái)看看發(fā)布之后用戶怎么看吧：

荒涼的優(yōu)越感：用過(guò) 感覺(jué)不錯(cuò) (8月17日 06:40)

黃浦江邊看星星：早就知道了，還蠻實(shí)用的??！ (8月16日 23:51)

漢安某：@小咗向右 @尋吟者不遇 @豬妖羅 @包子頭wawa get新技能 (8月16日 23:25)

Joy__D的galaxy是fanfan：知道真相的我眼淚掉下來(lái)…… (8月16日 22:04)

漫游在這世界：這個(gè)功能太好了 (8月16日 22:00)

123sdf的小窩：太喜歡這個(gè)功能了。特別是只有群信息時(shí)。 (8月15日 19:34)

檐下燕兮：哇哦~~~~專為紅點(diǎn)恐懼癥，信息閱讀強(qiáng)迫癥，有救了 (8月18日 16:18)

月夜-獨(dú)步靜聽(tīng)琴：那感覺(jué)超爽有木有~~ (8月16日 15:33)

后來(lái)，這個(gè)拖拽紅點(diǎn)有了自己的名字：“一鍵下班”。

有一段時(shí)間，微博上搜索“QQ5.0″最熱的精選微博就是“一鍵下班”，線下也有不少朋友當(dāng)面提起，甚至在公交車站都聽(tīng)到有人向朋友推薦這個(gè)功能。以上種種，看到之后的確還是有點(diǎn)小開(kāi)心的。

寫(xiě)在最后

總結(jié)一下，一件事情用心去做，用戶自然會(huì)感受得到！

來(lái)源：騰訊ISUX