モスクワはもはや同じではありません

カードをまったく設計しないと、次のようになります。 そして、これは街路の1つのレイヤーにすぎません。







便利ですか? 私はそうは思いません。



このため、私たちは常にマップの設計に取り組んでおり、更新ごとにさまざまな変更を加えています。 今日、 モスクワ地図のデザインは大幅に変更されており、それらについて詳しく説明します。



要するに、カードデザインの目標は非常に短いように思えます。

カードを使いやすくします。



この定式化の簡潔さの背後には、多くの興味深い実装の詳細が隠れています。



魔法の杖や魔法の呪文があれば、カードを読むたびにスワイプするたびに便利になり、この物語はすぐに終わります。 または、まったく始まっていなかったでしょう。 ただし、これは発生しません。 魔法はたいてい大変です。



設計分野のユーザーや専門家からのフィードバックを調査し、問題に関する体系化された知識を提供し、一連の議論の後、「便利なマップ」に関する次の要件を策定しました。



-マップは、マップ上のオブジェクトの最大の「読みやすさ」を提供する必要があります。



-カードはまだ認識可能で、Yandexユーザーに馴染みのあるものでなければなりません(デザインを変更すると同時にユーザーが慣れているものを維持することは簡単な要件ではありませんでした)。



-表示されるオブジェクトのレイヤー(検索結果、渋滞など)は、マップ上で明確に区別できる必要があります。



-白黒プリンターでカードを印刷する場合、カードは十分に対比され、異なるタイプのオブジェクトを区別できる必要があります。



-一部の地域の新しいデザインでは、オブジェクトのバイリンガル署名の可能性を提供する必要があります(たとえば、キエフのマップの場合は、すでにこれを行っています)。



-現在のタスクを考慮して、ユーザーにとって最も重要な情報がより見やすくなり、マップ上の重要度の低い情報が背景に消えるようにマップを作成します。



-新しいデザインには、使用可能な2つのオプションが含まれています。既にナビゲートできる画像としてのマップと、データ(検索結果など)を表示するツールです。 この場合、設計は1つでなければなりません。



-マップデザインはブラウザとモバイルデバイスの両方でYandex.Mapsで使用され、これに加えて、APIおよびMapKitテクノロジーを介してサードパーティのサイトとモバイルアプリケーションにマップを提供します



プロジェクト全体を通して、視覚障害のある人、モニターのさまざまな色の表現、天気の良い天気とモバイルデバイスの画面、ユーザーの既存の習慣、技術的な制限、デザインの傾向、タイミング、自分の習慣、好みおよび他の多くのもの。



歩行者と運転者の両方がマップを使用することに注意することが重要です。 たとえば、モスクワの自動車運転者にとって、街の最も重要なランドマークは高速道路です。放射状のリング構造は、すべての地図縮尺で簡単に読み取れるはずです。 歩行者にとっては、エリアと地下鉄駅が重要です(エリアよりも向きが重要になる場合があります)。 課題は、これら2つのユーザーグループのバランスを保ち、カードの使いやすさを維持することでした。



何よりもまず、最も一般的な縮尺で高速道路の表示スタイルを合理化しました。 私たちは、1つのスケールで3つのスタイルの高速道路が存在するべきではないという点に到達するように努力しました。 この場合、スタイルは互いに簡単に区別できるように選択されている必要があります。 第二に、この地図の縮尺は、工業地区と住宅地区の区別をやめることに決めました。これは、この縮尺でのオリエンテーションには不可欠ではありませんが、地図が過負荷になりました。 第三に、高速道路が「薄く」なり、隣接する高速道路の間に明確になり、より多くのスペースが出現しました。







地区の署名はこの規模で作成され、駅はより見やすいアイコンで強調表示されました。







そして、この規模で、高速道路のスタイルを使って作業することで、写真はよりきれいになりました。 さらに、地下鉄駅の署名がこの規模で登場しました-モスクワにとって、これらは非常に重要なランドマークです。







モスクワの地図に対する以前の更新の1つでは、色付きの地下鉄線を地図デザインから削除しました。これにより、運転者が渋滞を見ることができなくなると考えていました。 ユーザーから多くの手紙を受け取り、地下鉄の路線を返すように頼みました。 間違いを犯し、設計を修正したことに気付きました。 地下鉄路線に適したスタイルを考案しました。現在はスムーズであり、交通渋滞を妨げません。







次のスケールでは、地下鉄駅の線の色が失われないようにしました-これは歩行者の方向を決めるために非常に重要です。







次のズームレベルでは、ドライバーは楽しい驚きを味わうでしょう。 方向矢印を追加しました。 中央に多くの一方通行の通りがあるため、地図はより便利になりました。 ちなみに、夏には、サンクトペテルブルクのドライバーに同様の革新を喜んでくれました。







さらに、複雑なジャンクションに焦点を当てることは、ドライバーにとってさらに便利になります。 たとえば、モスクワ環状道路とヤロスラブリ高速道路の交差点のインターチェンジは、非常に複雑なマップ上で変更されました。







その結果、認識を維持し、オブジェクトの読みやすさとレイヤーの表示を改善しました。 このカードは非常に対照的で、携帯電話で見やすいです。 もちろん、新しいスタイルは他の都市のマップで完成され実装されます。



このデザインは、Yandexのマップデザイングループによって作成され、サービスチーム全体が積極的に参加しました。 同時に、プロジェクト中に、外部の専門家と相談しました。貴重なアドバイスや推奨事項に感謝したいと思います。 たとえば、 Stamenの設計チームとの経験は有用であることが判明しました。設計を改善するためのいくつかの貴重な推奨事項を受け取り、このマップにそれらを具体化しました。



Yandex.Martチーム





。







All Articles