はじめに
iOSとAndroidのアプリ画面を比較できるサイト「consim .」が便利すぎる！と思ったので紹介します。
Apple MusicやTwitter、Slackといった有名なアプリのiOSとAndroidのアプリ画面が大量に登録されているので、観るだけでもUIの勉強になると思います。
（Apple Musicアプリだけで、iOS 50枚、Android 48枚のアプリ画面が登録されていました。）
また、iOSとAndroidの画面を左右に分けて表示することもできるので、iOS/Androidどちらかの画面だけ見てみたい、といった方にも有用なサイトだと思います。
THE GUILDの小玉 千陽さんが個人で作成されているサイトみたいです。すごい！！
iOSとAndroidの画面を比較できるデザインギャラリーサイト「consim.」をローンチしました！
— 小玉 千陽 / THE GUILD (@chiharukodama) August 24, 2020
デザインの原則、Contrast&Similarityからconsimと名付けています。
まだ掲載数も少なくミニマム機能ですが、このアプリ見てみたい、こんな機能欲しいなどあればぜひ教えて下さい☺https://t.co/ZkHgvegYGM
「consim.」の使い方
とてもシンプルでわかりやすいサイトですが、簡単に説明していきます。
アプリ毎の詳細な比較画像を表示する
consim.のTOPページで、アプリ名、アプリアイコン、アプリ画面の画像のいずれかをクリックすることで、アプリ毎の詳細な比較画面を表示することができます。
このページでは右側のSegmentedControl？1によって、以下のように表示を切り替えることができます。
iOSとAndroidの画面を交互に表示
アプリ画面の画像をクリックすることで、アプリ画面毎にiOSとAndroidの画面を比較表示できます。
iOSとAndroidの画面を左右に分けて表示
アプリ画面の画像をクリックすることで、アプリ画面毎にiOSまたはAndroidの画面を表示できます。
App Store と Play Store 画像を表示
下にスクロールしていくと、App Store と Play Store の画像を確認することができます。
（アプリによっては、Related Appsが表示されるものもありました。）
アプリのApp Store/Play Storeを表示する
各アプリに表示されているApple/AndroidアイコンがApp Store/Play Storeへのリンクとなっています。
こちらをクリックすることでApp Store/Play Storeを表示することができます。
ちなみに、数字は画像を採取した際のアプリバージョンのようでした。（確認したわけではないので、推測です。）
登録されているアプリ
現時点（2020/08/28）でかなりの数が登録されています。
メジャーなアプリはある程度揃っているかなと思いました。
- Slack
- Apple Music
- Behance
- Wikipedia
- VSCO
- Netflix
- Spotify
- Starbucks
- Uber EATS
- Yahoo! 天気
- Uber
- Google Maps
- Google Calendar
あとがき
今後は投稿できる機能も追加されるようなので、ますます内容が充実していきそうでとても楽しみなサービスです。
「consim.」で取り上げてもらえるようなアプリを作るぞー！！
頑張ります！🦾 https://t.co/XsVgsBV5cT
— 小玉 千陽 / THE GUILD (@chiharukodama) August 26, 2020
参考情報
-
正しいコントロール名がわからなかったので、知ってる人教えてください
↩