Yandex.Musicの何が問題になっていますか？ UX / UI解析

この記事を読む誰もがYandex.Musicについて知っているか、耳の端から聞いたことがあります。 2018年以降、YandexはYa.Muzykaユーザーベースの成長について、 100万人の有料ユーザーに達したと自慢していない 。 同時に、ロシア市場へのサービスの深刻な浸透にもかかわらず、私は百万人の有料加入者を入力しませんでした。



そして真実は、なぜ私はY. Musicを使用していないのですか？ 1か月あたり100ルーブルの費用がかかり、データベースには数千万のトラックが含まれ、リスナーの聴衆の国家的特徴を理解してサービスが作成されます。 私は自分に質問をしました-すぐに答えが出ました。 私にとって、Y。音楽は不快です。 サイトYa.Muzykiを開き、すぐに閉じます。 理由を調べてみます。 調査は、Retinaスクリーンを搭載したMacBook Pro 13.3 '' OS X Mojave v10.14.3で実施されます。 ネイティブの場合、サービスはネイティブのYandex.Browser 19.3.0.2489（64ビット）でテストされます。

スタートページ

ログインせずにページを入力すると、最初のページに画面が表示され、その半分以上が広告です。 バナーの上からキャップが画面の中央までクロールしました。最初の印象は、スタイルが読み込まれず、レイアウトがフロートしたということでした。キャッシュをリセットしようとします。 助けにはなりませんでしたが、広告ユニットは更新されました。





図1.これは未登録ユーザーの開始ページです



画面上部のバナーにはコントロールが含まれていません。下にあるものを確認してページをスクロールします。 結果は苦痛であり、要素は互いにぶつかり合い、ページは痙攣しています。 そして、何らかの理由でバナーに大切な十字架が現れ、自然に消えます。 最も重要なものである音楽以外のすべてが含まれているため、私は通常これらのページを閉じます。 しかし、今日は最後まで行ってサービスをテストする必要があります。





図2.未登録ユーザーのメインのスクロール



PLUSサブスクリプションの一部として、Y。Musicの「フルバージョン」にアクセスできます。 支払いの提案を見てみましょう。



音楽ライブラリのサイズやコンテンツプロバイダーのリストなどについては詳しく説明しませんが、テストのためにSpotifyから音楽ライブラリをインポートすると、コンテンツの63％が同期されたとしか言えません。 私は主に英語で音楽を聴きます。 トラックの別の3％はオリジナルにはなく、リミックス、リメイク、カバーの形でのみ見つかります。

有料ユーザーのホームページ

承認後、彼は音楽インターフェイスに遭遇しますが、その主な違いは、画面にバナーが散らばっていないことです。 それに感謝します。 Y.ディレクが誇示していた右側では、4分の1画面のボイドが形成されていました。 プレイリストのプロモーションバナーがボイドの上部にかかっています。バナーを開きたくありません。提案は興味がありません。



画面の上部には、他のYandexサービスの特徴である検索バーがあります。 メニュー項目と同様に、相互作用の経験を考慮して指定します。



主なものは、実際にはメインページです。 一般に、すべてが明確ですが、メニュー項目、コントロール、およびコンテンツの場所を把握するために情報を読み取ることは困難です。



推奨事項 -音楽が好きな人が好きな音楽。 通常、私がすでに聴いているものは本質的に役に立たないことをアドバイスします。 パフォーマーに関する推奨事項はより興味深いものであり、ヒントは真実に似ています。 音楽の方向性に関するヒントには、以前に聞いた曲も含まれていることがよくありますが、一般的には適切です。



ジャンル -セクションはコンテンツのメインセクションと交差します。半透明のボタンリスト全体に気付くまでは本質的に役に立ちませんが、ボタンは便利ですが、なぜそれを強調しないのですか？ 目的のジャンルを選択し、ジャンルごとにコンテンツのコレクションを操作します。選択したジャンルに対応するY. Radioも起動できます。 音楽の方向性に加えて、 SoundtrackやFor Classesのようなメタザンも有用であることが判明しました。





図3.目は豊富に走りますが、このセクションは便利です。



ラジオセクションは、自分ですぐに音楽を学びたい人に役立ちます。 以前に聞いて保存したプレイリストに基づいて、サービスは山に対する推奨トラックを発行します。音楽の好みに関するシステムの知識を向上させるために、好き嫌いがあります。



さらに、 ジャンル 、 気分 、 活動の種類、およびサウンドトラックに加えて、期間（ 時代 ）（音楽を聴きたい）による区分があります。 結果は気に入りましたが、最初は興味のないトラックをスキップしなければなりませんでした。



右上隅には、Yandexアカウントメニューのあるアバターが伝統的に配置されています。 スタートページのメインコンテンツに戻りましょう。



画面の左側には、 メインセクションへの大きな見出しが表示されます。 タイトルは、その周囲のボイドとともに、メイン画面の水平セクション構造の約20％を占めます。 その結果、画面には見出しに加えて、 Everything 、 New Releases 、 Chart 、 Non-Music 、 Moods 、およびCategories サブセクションの見出しのみが含まれます。これらは、基本的にメインページのコンテンツとスマートプレイリストのフィルターです。



ユーザーYa.Muzykaのメインコンテンツは、自動的に作成されたプレイリストを作成します。 視覚的にタイルの形で作られました。 構成については、後ほど推奨事項について説明するときに検討します。 プレイリストタイルはアニメーション化され、アニメーションはランダムにオンになり、タイルに注目を集めます。 視覚的には、アニメーショングラフィックスの強力な圧縮により安価に見えますが、網膜上では悲惨に見えます。 プレイリストの説明内のフォントは、グレーで少なく、読みにくいです。 有用な情報とは、プレイリストが作成された日付であり、それに焦点を合わせて、聴くものを選択できます。



プレイリストオブザデイ -プレイリストが連続して何日間連続して再生されたかを示すカウンター付きの緑色のカバー。 ゲーミフィケーションでも、カウンターでもない、またはそのようなものでもありません。 カウンターの位置がずれているため、その日のプレイリストにしか存在しない理由は明らかではありません。 キャッシュとdeja vuの週をカウントしないのはなぜですか？ プレイリスト自体は私の間で人気のある作曲から編集されており、また、仮定がどこから来たのか、スタイルがすべて混同され、毎日の音楽の混乱、私は聞いていません。



Stash-追加されたプレイリストの前代未聞のトラックで定期的に更新されます。 奇妙なことに、彼は私がすでに聴いているトラックを手に取ります。 私の意見では、それはその日のプレイリストと同一です。



Dejavuは、これが起こるまで、音楽ライブラリの前代未聞のトラックが好きになると約束しています。



プレミア -お気に入りのトラックのアーティストによる新しいリリースでいっぱい。 プレイリストは私にとって便利で、新しい製品を追跡できます。





図4.視覚的な類似性のためにプレイリストがシャッフルします。



次に、ページの機能について説明します。 主なものには、サービスの音楽コレクションを閲覧するために必要なすべてのものがありますが、ジャンプフォント、判読不能で小さなコントロールとテキスト、プレイリストとアルバムの明るいカバーによる設計ソリューションは、使いやすさを損ないます。





図5.重要な情報は細かく書かれているので、読むために緊張する必要がある



さらに詳しく見ていきましょう。 ページを開くと、サービスが提供する音楽が表示され、検索バーとセクションが表示されますが、私の音楽はどこにありますか？ 私の好きなところはどこですか？ プレイリストはどこにありますか？ また、アカウントの横にあるメニュー項目に注意深く隠されています。 私の音楽はコレクションと同じくらい重要であり、時にはより重要です。 さまざまな場面のプレイリストが少しずつ収集されましたが、それらは何気なくメザニンに詰め込まれていました。





図6.不当に隠されたマイミュージック



マイミュージックは、トラック、アルバム、アーティスト、プレイリスト、コンサート、友達、リスニング履歴を非表示にします。





図7.私の音楽設定で突然！



トラックには、トラックが追加されたアルバムの名前の列がありません。もしそれが面白いコレクションだったら、それに入ったら、さらにたくさんの素晴らしいトラックを見つけることができますか？ お気に入りに追加された日付も必要です。 5年前に初めて聴いたような喜びの歌が図書館に追加されたことに驚かされます。



わあ！ 横の便利なパネル！ トラックセクションから、再生中のトラックに関する一見有用な情報が表示されます。 これを行うには、特定のトラックの[再生]ボタンをクリックします。 とても感情的であることを許して、私はすでに空虚を脇に埋めていましたが、それははためき、歌詞、Youtubeのビデオ、大きなアルバムカバー、関連するトラックで私をびっくりさせました。 奇妙な決定？ 同意します。





図8.より有益なメディアコレクションが必要



サブセクションAlbums 、 Artists 、 Playlistsは目立たず、名前に対応しています。 これらは私のアルバム、プレイリスト、アップロードされたアーティストです。 コンサートには、 出演者セクションに出演者が参加するイベントが含まれます。 友達は音楽以外の連絡先でいっぱいです。 なぜ彼らはそこに明確ではありません。 ストーリーには以前に聞いたことが含まれています。



[ マイミュージック ]セクションには[設定]もあります。 セクションはカスタマイズ可能ですか？ そこには、これらはセクションAccount 、 Subscription 、 Notificationsの一般的な設定であり、興味深いものではありません。 最も重要なのは「 その他」セクションです。



ここでは、ダウンロードスイッチがHTML-5またはFlash（理由）プレーヤーのみを表示します。



対数ボリュームスケールはデフォルトでオンになっています。そのままにしておくことをお勧めします。耳によるボリュームの制御はより適切に知覚されます。



プレイリストの一番上に新しいトラックを追加します。プレイリストにトラックが追加された日付を表示して、それでソートしないようにしましょう。 より便利です



「音楽のエンドレスストリーム」モードの包含-再び、なぜ隠すのですか？ この機能は、YouTubeでの無限の再生のように、オフにするために使用できる必要があります。 たとえば、寝る前にチルアウトアルバムをオンにして、その下でうとうとすることができます。 アルバムが終了するとすぐに再生が停止し、朝まで遅い曲をスピンしません。



社会活動のいくつかの切り替えと一般市民による図書館へのアクセスは、彼らがここにいるのは奇妙です。 アカウントセクションに場所があります。





図9.他の重要な設定では非表示になっており、その場所が最前線にあります



そして最も重要なのは、暗いテーマの切り替えが隠されていることです。 なぜこれまで？ トピック切り替えの問題が最終的に自動化されないのはなぜですか？ タイムゾーンの決定方法は誰でも知っています。 日没/夜明けの時間が知られています。 ダークモードをすばやく切り替えたい。





図10.午後でも暗いテーマは明るいテーマより読みやすい



これまでのところ、私が注目したかったすべてのもの。



最後に、プレイリストカードが作成する耳を使って別のフェイント。 使用開始から約10分後に、誤ってコントロールを通過してカードを押してしまいました。また、横にあるブランクが便利になり、プレイリストが右側に表示され始めました！ アルバムとアーティストで同じこと。





図11. Yandexのヘッダーで、クリックします-検索エンジンに入り、音楽をクリックします-音楽に入ります。 ここに同じ「ロジック」があります



また、[再生]アイコンをクリックすると、ページの下部にあるプレーヤーでの再生を除いて、視覚的には何も変わりません。 プレーヤーに質問はありません。左下隅に手を伸ばすことが常に必要であることに加えて、中央のプレーヤーの要素がより便利です。 コントロールは画面の13インチでも小さく、フォントヘッダーの高さよりも小さくなっています。 音量アイコンは最小化されてすぐに減少します。アイコンをポイントしてから、ポップアップのコントロールを目指してください。 イコライザー呼び出しも音量レベルを参照した後に開始されました。ボリュームスライダーのイコライザーボタンは、周波数スライダーのあるカードで別のポップアップ要素を表示します。



はじめに、Webバージョンの問題を要約します。

• 画面の4分の1が、プレイリストの無効なプロバナによって占められています。 クリックする場所を知っていれば、誤ってプレイリストやトラック情報が完全に空になります。
• 水平方向では、画面の5分の1がタイトルで占められています。 ページは、1080以上の画面用に明確にレイアウトされていました。
  
  
  
  図12 これは、ページが1440pモニターでどのように見えるかです。
  
  
  
  白い背景（夜のテーマの方が読みやすい）にある明るいスポットの束は、調和とリズムなしに、視覚的に不器用に見えます。
• インターフェースを操作する論理は、実験なしではランダムに不可能であり、直観性の原則に由来するものではありません。
• 6種類のフォントは、画面からの読み取りを複雑にします。 象の大きさのクレイジーな大きな見出しのどこかで、表紙からテキストを繰り返し、どこかで有用な情報がちらつき、目が疲れます。
• セクションのジャンルは、機能を失うことなくメインに簡単にドラッグできます。
• セクション私の音楽は、セクションの一般的な構造に戻す必要があります。 彼は失われ、彼の設定は失われました。 また、設定では、ダークテーマが失われました。 私の言うことを理解していますか？
• プレイリストの形成の論理も苦しみ、私の音楽の好みに対する提案の関連性は低いです。 ストリーミングサービスはあなたを驚かせるでしょう！
• メニューはサービスをセクションに分割し、ページにはサブセクションがあります。
• 無料版の広告付き錫。
• このサイトはぴくぴく動き、プロセッサをロードします。Yandex.Browserにありますか？ 比較のために、SpotifyとI. Musicをスクロールしてみてください。

まとめ

競合他社とは異なり音楽を作ろうとする試みで、チームはソビエトの工学的思考の悪名高い伝統のスタイルでソリューションを実装したと感じました。 彼らは「世界に類を見ない」製品を構築しました（夜のテーマはSpotifyを視覚的にコピーしますが、妻は一見してアプリケーションを混同し、Spotifyに何が起こったのか驚きました）。 独自性の追求は、エンドユーザーにとって製品を複雑にし、機能が不明確なセクションから混乱しました。 明確で直感的なインターフェイスの代わりに、非自明なアクションアルゴリズムを備えたハーベスタを入手しました。



このサービスを、輸入代替品の絶望ではなく、彼らが愛するクールな製品に発展させたい。



upd.1 Ya.Muzykでは、彼らはまだ記事を読んで（感謝）、いくつかの点を修正しました（これは一般的に嬉しい驚きです）：

-分割画面の巨大なバナーを削除しました

-メインのテーマにダークテーマスイッチを追加しました（ただし、これはadidasプレイリストを宣伝するための不器用なスイッチです）

-スマートプレイリストのスケジュールを調整し、アーティファクトなし