![画像](https://habrastorage.org/getpro/habr/post_images/06d/53e/b8d/06d53eb8d4d2b00034f5bd11ab2baa43.jpg)
ステップごとに、音楽を中心に人々を結び付けるサービスを作成します。 このコンセプトの一部として、新しいバージョンのTracks Flowで多くの作業をやり直しました。 今日は新しいソリューションについて説明しますが、最初にいくつかの数字を紹介します。
1年アルファ版の場合:
登録: 36,400
作成されたプレイリスト: 46,700
マークされたお気に入りのトラック: 389,600
試聴: 8 910 000トラック≈594 000時間≈68年間の連続再生
最も人気のあるトラック:
- アレックスクレア-近すぎる 1183
- Gotye- 959 を知っていた人
- アデル-スカイフォール 897
はい、私たちは誰にも好みを課していませんが、私たちがトップに立つのはそのようなトラックであることが好きです。
それで、新機能:
![画像](https://habrastorage.org/getpro/habr/post_images/6d4/2a6/132/6d42a613240b1b0c8e0c47234222a711.jpg)
サービスのソーシャル部分で多くの再設計。 ユーザーの行動を分析した結果、登録後最初の数か月で人々が(毎日)アクティブにサービスを使用しているという結論に達しました。 その後、サイトへの訪問頻度が減少します。 これは論理的です。 独自の音楽空間を作成するための便利なツールを提供しており、お気に入りのトラックにマークを付けた後、プレイリストが作成または検索されると、人々は興味を失います。 そして、私たちは本格的な音楽チャンネルを作成しようとしています。
ストリームにはすべてがあります
アルバム、プレイリスト、アーティスト、さらにはビデオをレコーディングに追加しました。 以前はトラックや写真がありました。 3つのトラックの制限が削除されました。 ビデオは、YouTubeおよびVimeoからアップロードできます。 ストリームはさらに興味深いものになりました。
ページは誰でも利用できます。
これで、任意のリンクを共有できます-許可なしにリンクが開き、再生されます
ユーザーは、登場時に新しいものをすべて受け取ることが重要です。
誰でもアルバムを追加できます
これで、各ユーザーはアーティストの新しいアルバムを追加し、既存のアルバムを編集できます。 ゴミ箱も削除します。
新規およびアーティストのサブスクリプション
アーティストを購読して、彼のニュースをフォローできます。 別のユーザーが追加した新しいアルバムがストリームに表示されます。 少し後で、アーティストのニュースのみを見るために別のセクションをそこに追加します。
投稿にいいね!
各エントリには独自のいいね!と再投稿のオプションがあります。 コメントは当然残りました。
トラックへの直接リンク
ネットワーク上で見つからない場合は、トラックへの直接リンクを追加できます。 これは、アルバムの編集/追加ページで実行できます。 たとえば、Dropboxをパブリックにアップロードし、リンクをコピーします。 これにより、すべてのユーザーが希少なリリースまたは非常に新しいリリースを利用できるようになります。
もちろん、アーティストの注目をTracks Flowに引き付けたいと考えています。 そのため、アーティストにとって便利で効果的なプロモーションツールを作成しようとしました。 これで、若いグループはページを編集し、新しいシングルを追加してストリームに投稿できます。 今後のコンサートやその他のイベントのティーザーを作成できます。 いいねや再投稿は、この情報をほとんどの聴衆に伝えるのに役立ちます。
きれいなインターフェース
クリーンでフラットなデジタルの方向にインターフェイス全体を再設計しました。 サイトにはほとんどラスターコントロールがありません(2つのGIFがあります。先日、それらをダンスSVGに置き換えます)。 そして、ほとんど影響はありません。 これにはいくつかの利点があります-そのようなインターフェースは不必要なリソースを消費せず、開発をスピードアップします。
ネットワーク上のトラックのより安定した検索
サイトがVKの常時接続を必要としないように、トラックの検索を改善することができました。 ほとんどの外国のノベルティが見つかり、他のオープンリソースで遊んでいます。
完全に書き直されたフロントエンド
私たちは過去1年にわたって多くのことを試みました。 その結果、javascriptコードは混乱を招き、重くなりました。 プロジェクトの類似した論理/インターフェース部分を結合し、理解可能な構造を構築するために、すべてを整頓したかったのです。 彼らは徐々にそれを試みましたが、何も起こりませんでした。 その結果、彼らはすべてをゼロから書き直しました。 新しいサイトで作業する場合、次の原則を順守しました。
- 最大のBackbone.jsを使用し続けます
- API形式を完全なRESTfulに更新する
- 適切な構造化レイアウトの作成
- Node.jsに外部サービスを操作するためのより多くの関数を移植します