知曉程序注:

「曉組織」是知曉程序推出的全新欄目。

每周,我們都會邀請先進的小程序開發(fā)者,從產(chǎn)品/開發(fā)/運營等角度,分享他的小程序?qū)崙?zhàn)經(jīng)驗。如果你想成為「曉組織」的一員,請發(fā)送郵件至bigbang@ifanr.com給我們投稿,獻上你的投名狀。

這里是「曉組織」的第 18 期。

我是徐寅,在「好處 MeetBest」擔(dān)任 CTO。

我畢業(yè)于美國威斯康星州立大學(xué)計算機系,曾任硅谷品牌旅游社交公司 Trip.com 高級架構(gòu)師,帶領(lǐng)團隊開發(fā)的 Trip.com App 多次被 Apple, Google 評選為較先進軟件,并獲得 Google 較佳開發(fā)者獎和編輯推薦獎。

當(dāng)然,我也是個獨立開發(fā)者,沒事喜歡自己倒騰開發(fā)些好玩的 App。譬如 Heart Heath Mobile,在 2012 年美國政府 HHS 部門舉辦的健康移動軟件比賽獲得了全美先進名。之前開發(fā)過好幾個 App,在全球 50 多個國家熱銷。

不懂產(chǎn)品的碼農(nóng)不是好的 CTO— 在硅谷的時候,我創(chuàng)立了目前硅谷最大的華人移動軟件交流組織,也多次被邀請創(chuàng)業(yè)及做技術(shù)演講。

關(guān)注「知曉程序」微信公眾號,在后臺回復(fù)「0109」,一張圖教你玩轉(zhuǎn)小程序。

從硅谷到上海,成為一名「城市黑客」

回國之后,我便加入了「好處 MeetBest」團隊。

好處是一個「城市黑客」組織,而我的伙伴們則是一群精通空間魔法的建筑師。

他們在城市繁華地帶,尋找出一個個潛在的好去處,并將這些尋常、老舊的場所,精心改造成各種意想不到的,獨具特色的空間。

從外灘的老上海洋房,到法租界的精致小樓,我們在上海的中心地帶,已經(jīng)開辟出了十幾個充滿驚喜的空間。無論是私人派對、主題聚會、還是拍攝直播、團建培訓(xùn)、婚禮節(jié)慶,人們都能在好處的空間里,找到屬于他們的一份自在。

雖然已經(jīng)有數(shù)百家企業(yè)客戶,以及逾萬名個人用戶預(yù)定過好處的空間,但在我加入團隊之前,好處的線下溝通和預(yù)定流程非常繁瑣復(fù)雜,并且找不到現(xiàn)成的平臺解決方案。

用小程序,解決「多人線上決策」的問題

我一直信奉用互聯(lián)網(wǎng)手段提高工作效率這件事,所以,我們一直在策劃開發(fā)好處的客戶端,幫人們發(fā)現(xiàn)城市中的優(yōu)質(zhì)場地和美好聚處,方便地去預(yù)定這些空間來做聚會、團建、會議、拍攝等各種各樣好玩的事情。

落地到功能層面,這個客戶端還需要讓人們很方便地進行場地的內(nèi)容查看及分享、細節(jié)咨詢、分時段預(yù)定等各種操作。

「好處 MeetBest」是我開發(fā)的先進個微信小程序,從啟動開發(fā)到基本功能完成,僅用了不到一個月的時間。

為什么是微信小程序呢?作為一個從 2010 年起就一直在開發(fā) iOS 和 Android App 的工程師,在構(gòu)架好處客戶端時,先進個想到的,毫無疑問是開發(fā) Native App。但仔細思考了很久,加上和運營團隊包括客戶溝通了幾次以后,發(fā)現(xiàn)原生 App 可能不是一個較好的選擇。

根據(jù)我們前期運營的經(jīng)驗,策劃一個聚會或者活動,是一個「多人線上共同決策」的過程。

比如,我們大部分客戶在策劃一個線下聚會或者活動時,一定會在自己的微信小群組里咨詢一下大家的意見,如果找到合適的聚會空間,他們通常會把照片、地址、空間信息復(fù)制黏貼或者截圖在微信群里分享,然后在群組里征求一下小伙伴的意見。如果不合適,他們需要再重復(fù)一次相同的工作,直到找到大家都滿意的空間后,再下單預(yù)定。

綜合大部分客戶的決策過程,我們獲得了非常大的啟發(fā)。因為這個過程是微信小程序完美適用的場景。

在「好處 MeetBest」的小程序中,活動策劃人打開后,可以在空間列表立即看到所有空間的簡介和圖片,空間的細節(jié)信息和圖片都展示在詳情頁面。

空間的可預(yù)約日期時間,也都很直觀地標(biāo)識在時間軸上。所有額外的注意事項,也都很明確地告知到了用戶。價格信息也很透明,每一項價格,我們都在最后的確認頁面上,清楚地標(biāo)識了出來。

這樣,整個決策流程變得極其順暢且便捷,預(yù)定流程也變得簡單明了。沒有繁瑣的注冊登錄,活動策劃人不再需要繁瑣地截圖分享,就可以把空間信息分享給參與的朋友;參與者們不再需要下載任何多余的 App 就可以立刻參與到?jīng)Q策當(dāng)中。

當(dāng)策劃人找到覺得滿意的空間,可以將詳情頁面直接轉(zhuǎn)發(fā)到自己的微信群,參與者們首先可以從分享的小程序卡片上看到:主圖、空間名稱、小時價格、地址區(qū)域等最重要的信息。

點擊卡片,可以直接打開這個空間的詳情頁面,看到空間信息和圖片。如果他們覺得這個不是最適合的空間,他們可以自行回到小程序的空間列表頁面,看看有沒有其他更好、更適合的聚會空間。

3 周時間,從零做出一款小程序

最早我們決定開發(fā)小程序后先進個問題就是:作為一個 iOS 和 Android 的工程師,需要多久時間才能熟悉小程序開發(fā),并且從 0 到 1 的完成整個產(chǎn)品?

再加上「好處 MeetBest」是一個以建筑空間設(shè)計感和創(chuàng)意驅(qū)動的公司。我們也希望小程序能有一定設(shè)計感和良好的體驗。所以開發(fā)和設(shè)計上的雙重挑戰(zhàn)在一開始也給了我不少壓力。

作為一個沒有什么設(shè)計能力,連 Photoshop 和 Sketch 都不太熟練的的碼農(nóng)來說,我翻遍了幾乎 Dribbble 和 Pinterest 上所有酒店、機票、活動,以及有任何展示預(yù)定的產(chǎn)品設(shè)計圖和樣品,再結(jié)合我們自己的一些要求和想法,在紙上畫出了我們先進個版本的大概方案。在此趁機感謝各位有貢獻精神的設(shè)計師們。

之后,我開始著手小程序的研究開發(fā)。

首先必須感謝微信,因為小程序的文檔給我非常好的印象,組織合理、內(nèi)容明確,提供了很多案例。

坦白說國內(nèi)很多的框架,或 SDK 提供方的文檔都是一直以來非常讓人頭疼的問題,原本簡單的開發(fā),因為混亂的文檔和不明確的使用方法變得異常惱人。而微信在這方面初期就打消了我很大的顧慮。(沒有任何拍微信馬屁的意思,如果親自看過小程序的文檔應(yīng)該就能理解)

加上小程序是一個類似 Vue.Js 和 React.Js 的 MVVM 框架,微信把它叫做 MINA 框架,這使得原本接觸過 Vue 或 React 框架的工程師在學(xué)習(xí)過程中幾乎沒有什么門檻。而且大部分的 Javascript 的庫都可以直接被拿來使用,比如 promise, moment 等。

雖然目前小程序開放的 API 還不算太多,但至少大部分的基礎(chǔ)功能都可以實現(xiàn),所以在基本上沒有給我們的開發(fā)造成太大的困擾。我們一共花了 3 周的時間,完成好處小程序先進版的所有功能。

那些年,我們在小程序上踩過的坑

目前,我們對小程序仍有一些怨言和苦惱。

1. 核心組件的層級限制

先進是他們部分核心組件在層級上的限制,比如地圖和多行輸入框。

這兩個都是我們非常需要的組件。一個用于顯示我們空間的位置,另一個用于預(yù)約時用戶填寫額外的需求。

但這兩個都被要求在較高層級,這導(dǎo)致它們在滾動時,會浮在我們 fix 在底部的確認按鍵上。

我們嘗試了很多不同的方法,但都無法擺脫這個問題。這一度導(dǎo)致我打算修改設(shè)計,使用圖片的形式來展示地圖,但實在不愿意放棄一個可以放大縮小自由操作的真實地圖,所以暫時只能接受這個有點 buggy 的形式。

希望微信能夠在后面修改這個限制。

2. 客服會話功能

還有一個很關(guān)鍵的功能是客服會話功能。

雖然微信在小程序中提供了咨詢客服這個功能,但是他們提供的官方客服工具卻只有網(wǎng)頁版本。如果我們的運營人員不在電腦旁,就無法立刻收到和回復(fù)消息。

再加上,微信提供的這個網(wǎng)頁客服工具,上面的「公眾號的客服」和「微信小程序的客服」入口是分開的,一旦登陸了一邊,另一邊則會被強制登出。我們的運營人員必須開兩個不共享 cookie 的瀏覽器,來實現(xiàn)同時登陸。

但無論如何,他們?nèi)匀粵]辦法在手機上迅速地回復(fù)用戶。這也讓我撞了好幾天桌子。

我們運營人員的需求是,不需要登陸網(wǎng)頁就能收到客服消息,也能在手機上隨時回復(fù)。

我們在尋找了很久。也沒發(fā)現(xiàn)特別可靠且有效的第三方工具來快速解決這個問題。而我們自己也實在沒有時間去開發(fā)一個完整的客服系統(tǒng)。

但好在微信提供了一個客服消息的后臺接口。每條客服消息會被轉(zhuǎn)發(fā)到我們的后臺服務(wù)器上。然后我們利用了這個功能,做了兩個曲線救國的功能:

先進,每次我們的后臺收到新的客服消息,就會發(fā)送一封郵件到我們運營同事的郵箱,他們手機可以收到提醒。

第二,我們做了一個簡易的微信機器人,每次我們收到一條新的客服消息,就用機器人利用聊天的方式,給我們的運營同事發(fā)送一條消息。然后,他們可以利用我們設(shè)置好的方法和我們的機器人對話,機器人在后臺通過相關(guān)的信息將內(nèi)容轉(zhuǎn)發(fā)給用戶。

所以是這樣一個流程:用戶->微信小程序->聯(lián)系客服->發(fā)送消息到我們的服務(wù)器->機器人->好處運營人員。這樣,我們就簡單地實現(xiàn)了一個簡易的手機客服系統(tǒng)。

當(dāng)然還有不少功能,我們希望微信未來能陸續(xù)開發(fā),比如更多推送相關(guān)的功能,甚至本地提醒,以及更多、能更自由地使用的接口和控件。同時,也希望微信能提供更多配套工具和更多完整的功能。

就目前來說,我們對小程序還有很大的信心,我們相信騰訊和微信看到小程序的潛力,一定會放更多的資源和心思在小程序上。

現(xiàn)在,平均每 1 – 2 個星期都會有一些新的功能推出。這些都能讓開發(fā)者發(fā)揮更多想象力,以及提供更大助力。

關(guān)注「知曉程序」公眾號,微信后臺回復(fù)「新能力」,獲取小程序新能力全解讀。

我們也希望微信能夠給小程序提供除了搜索以外的更多曝光機會,讓更多的用戶能更容易地找到優(yōu)質(zhì)的小程序。

小程序目前是「好處 MeetBest」除了網(wǎng)站以外的唯一客戶端,可能在后面很長一段時間都不會有什么改變。我們也會將越來越多的功能加入小程序,比如按照時間、活動類型和地點篩選,更多空間相關(guān)的智能硬件的操控入口,更好的的聚會邀請等功能。

我們正在招兵買馬!

我們項目雖然不屬于高精尖的科技項目,但它對工程師們的要求卻一點都不低,無論用戶體驗、業(yè)務(wù)邏輯,還是內(nèi)部管理、軟硬件結(jié)合,都是對工程師的綜合素質(zhì)和學(xué)習(xí)能力的全面挑戰(zhàn)。

若你有一顆代碼藝術(shù)家的心,也對我們做的事感興趣,想要與一群城市黑客們一起并肩作戰(zhàn),好處的大門永遠向你敞開?。槺阋徽f我們真的在找 Nodejs —— 認真臉)

歡迎向我們?nèi)余]件:hi@meetbest.com

「好處 MeetBest」小程序使用鏈接

https://minapp.com/miniapp/3917/

關(guān)注「知曉程序」公眾號

在微信后臺回復(fù)「曉組織」,看厲害的人怎么做小程序。

666」,加入知曉開發(fā)聯(lián)盟。

以上就是小編為大家講述的微信代運營相關(guān)內(nèi)容和服務(wù),希望大家能夠?qū)@些內(nèi)容有一定的了解,也相信會給您帶來一定的幫助。如果您想了解更多有關(guān)微信代運營的知識,可隨時選擇巨推科技-巨推傳媒進行咨詢,咨詢電話是400-606-5558,我們會有專業(yè)人員為您服務(wù)。
巨推傳媒:www.jutui360.com
扣/微:2696584379