UIトレンドメモ
スプリント特化のUI/UXデザイナーなかのです！
やる気のあるスタートアップの社長さんに、もっとUI/UX勉強したいんですけどどうしたら良いですか？
とよく聞かれるのでまとめておきました！
トレンド
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 27, 2018
線の太さ。
線の太さ。上位30位までのアプリの線の太さ。小が46.67%。中が33.33%。大が10.00%。小さいとスッキリしておしゃれに見えるが潰れる危険性もある、大きいとぽっちゃりするけど視認性は上がる。 pic.twitter.com/vL1ohHAm6H
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 26, 2018
シェア。
シェアアイコン。上位30位までのアプリの46％にシェアアイコンは使われて、箱から上に矢印が71％で1位。ios標準。矢印を下でダウンロードに使われる。2位は矢印マーク。ちなみに左右に反転させるとメールなどの返信。3位はリンク。まだ使われることがある pic.twitter.com/m83wQYwfE0
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 25, 2018
ランキング。
ランキングアイコン。上位30位までのアプリの10％にランキングアイコンは使われていて、王冠マークが1択で100％。⁰⁰王冠マークはプレミアム機能を表すために使われることもある。 pic.twitter.com/aOlawzGCWS
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 25, 2018
マイページ。
マイページアイコン。上位30位までのアプリの63％にマイページアイコンは使われていて、人マークが一位で47％。ハンバーガーマークが21％。その他本棚、リスト、会員証と続く。 pic.twitter.com/lfajMtYFC2
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 25, 2018
設定。
設定アイコン。上位30位までのアプリの40％に設定アイコンは使われていて、使われているマークは歯車マークのみで100％。8個の歯車58％、6個の歯車41％。 pic.twitter.com/vx5Z3NxFMn
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 24, 2018
お知らせ。
お知らせアイコン。上位30位までのアプリの40％にお知らせアイコンは使われていて、鐘が1位でお知らせのうちの50％。2位は人マークで25％。3位は吹き出しマークで11％。 pic.twitter.com/UzPRps40fp
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 24, 2018
いいね。
いいねアイコン。上位30位までのアプリの56％にいいねアイコンは使われていて、ハートマークが1位でいいねのうちの70％。2位は親指マークで17％。3位は星マークで11％。ちなみにiosで推奨されているのは星マーク。 pic.twitter.com/S6NzQkq1Yo
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) November 23, 2018
検索。
検索アイコン。上位30位までのアプリの63％に検索アイコンは使われていて、虫眼鏡マーク一択。カメラアプリなどには検索機能がないものもあるのでこの比率に。 pic.twitter.com/swBwHSu4Ux
いそがしいスタートアップのための5秒でわかるUIトレンドメモ。
— NAKANO (@nakanoDesign) November 23, 2018
ホームボタン。
ホームボタンのデザインは家一択。ただ、無料アプリtop30を調べたのですが、ホームボタンがあるアプリが56％。カメラアプリにはついていなかったり、タブなしも増えてきているのでホームボタンがないものもあります。 pic.twitter.com/KlU4kV3zlO
いそがしいスタートアップのための5秒でわかるUIメモ。違う意味でも使われるアイコン編。
— NAKANO (@nakanoDesign) November 23, 2018
紙飛行機
1.送信
2.シェア
両方に使われていることを知っておくと自社サービス作成の意思決定が早まります！ pic.twitter.com/TfzwMFk6GO
いそがしいスタートアップのための5秒でわかるUIメモ。違う意味でも使われるアイコン編。
— NAKANO (@nakanoDesign) November 23, 2018
王冠
1.ランキングを表すために使われる場合
2.プレミアム加入を表すアイコンとして使われる場合
両方に使われていることを知っておくと自社サービス作成の意思決定が早まります！ pic.twitter.com/YhK8LhYboG
UIトレンドメモ(無料アプリtop100)
— NAKANO (@nakanoDesign) December 3, 2018
アイコン。
グラデーションのアイコンは全体の18％ぐらい。30位以内だけだと10％ぐらい。
単色の場合、白バックが45% pic.twitter.com/pju3BQjFaO
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) December 4, 2018
タブの文字。
タブアイコンに文字があるかないか。1位は日本語で50%。2位のなしは16%。3位の英語は3%。よく使われるアプリのtiktok、instagram、twitterあたりが文字なしなので、わりと一般的に感じてしまうんですが、ほとんどのアプリに日本語の説明あります。 pic.twitter.com/Em6Peza0RT
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) December 7, 2019
ボタンの形状。
ボタンの形状。上位30位までのボタンの形状。70パーセントのアプリに角丸のボタンが使われていて、36パーセントのアプリに丸ボタン。10パーセントのアプリに四角ボタンが使われてます。全部のボタンを使っているアプリもあります！ pic.twitter.com/PKx2J0wQsZ
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) December 13, 2019
タブの数。
下タブの数。上位30位までのタブの数。タブ5個が36パーセント。タブ4個が20パーセント。タブなしが13パーセント。タブ3個が10パーセント。となってます！ pic.twitter.com/7MUDeSy6ev
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) December 14, 2019
タブの機能。
下タブの機能。上位30位までのタブの機能。ホームボタンがあるアプリが53パーセント。マイページがあるアプリが27パーセント。検索があるアプリが20パーセント。ブックマークがあるアプリが13パーセント。いいねがあるアプリが10パーセント。 pic.twitter.com/bJVw2QYPcu
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) December 18, 2019
ダークモード対応率。
10パーセント。超大型アプリだけ対応しているのが、2019年12月の現状といったところ。 pic.twitter.com/YO92c5GRiq
UIトレンドメモ(無料アプリtop30)
— NAKANO (@nakanoDesign) December 19, 2019
ハーフモーダル対応状況。
53パーセント。上位の半分のアプリでハーフモーダルが使われている。23パーセントのアプリでシェアボタンからハーフモーダル呼び出し。その他ボタンからが16パーセント。地図が10パーセント。カメラ、投稿が6パーセント。 pic.twitter.com/la8T2LvifP
まとめ
というわけで、UIのトレンドがわかるようなツイート18個まとめました！
こちらで、一般的にはどういうパターンが多くて、その中で自分たちのサービスに合うものが選べると良いですね！
この記事が気に入ったらサポートをしてみませんか？