あくまでUIデザインの勉強のためにやっています

Share
あくまでUIデザインの勉強のためにやっています
Photo by Balázs Kétyi / Unsplash

こんにちは、個人開発者のTakatsukiです。普段はストリーマーやVTuber向けのWebサービスを開発しています。

エンジニアとしてサービスを作っていると、必ずぶち当たる大きな壁があります。……そう、デザインです。

今回は、UIデザインに苦手意識がある僕が、日々の生活や遊びの中で見つけた「デザインの学び方」についてお話しします。


UIデザインって、難しすぎませんか?

エンジニアの皆さんなら共感していただけると思うのですが、サイトのUIをどうするか考えるのって本当に大変ですよね。

素敵なサイトを見て「あ、このUI使いやすいな」と思っても、それを自分のシステムにどう落とし込むかがまた難しい。ToB(法人向け)の綺麗なデザインは世の中に溢れていますが、自分が作りたい個人開発のサービス(ToC)にそのまま当てはまらないことも多いんです。

「これは理論的に正しいのか? それとも単に自分の好みなだけか?」と、いつも自問自答しながら悩んでいます。

一番の教科書は「ソシャゲ」だった

そんな僕が、最近「一番UIが洗練されている」と感じているのがスマホゲーム(ソシャゲ)です。

特にmiHoYoさんの『崩壊』シリーズなどの海外資本のゲームは、UIの作り込みが凄まじいです。

  • 初見でも迷わない設計
  • 一つの画面に必要な情報を美しく収める配置
  • グラフィックを邪魔しないシャドウなどのテキストの出し方

こうした要素が極限まで計算されています。僕は最近、純粋に遊ぶためではなく「UIを研究するため」にゲームをインストールしています。

......本当ですよ?

チュートリアルを見て「なるほど、この情報をこう見せるのか」とメモを取って満足して閉じる……。もはや職業病ですが、これほど密度が高く、使いやすさを追求したUIは他にないと思っています。

外出も始めました

家で黙々と作業していると気づかないのですが、外に出ることも意外と勉強になりますね。

特に好きなのが、電車の広告デザインです。
不特定多数の人の目を引かなければならない広告には、多くのヒントが隠されています。

  • 「この文字、なぜか読みやすいな」
  • 「この色の組み合わせ目を引くな」
  • 「この表現、自分のサービスでも応用できそう」

混雑した電車の中で写真を撮るわけにはいきませんが、気になったデザインを見つけたらすぐにメモをするようにしています。

僕が求めているのは「センス」ではなく「理論」

デザインの勉強といえば本も読みますが、正直難しく感じることが多いです。なのでいい本にあまり出会えていないのが現状。

というのも、多くの本がデザイナーさんの「センス」や「感覚」に基づいているように感じてしまうからです。
詳細なデザイン理論より作品集のような体裁にしているものも多いですよね。

僕としては、感覚的なものではなく、科学的・理論的な裏付けが気になります。

  • 「この明るさの比率だから視認性が高い」
  • 「人間は◯%の濃度差があれば認識しやすい」

こうした数値や理論に基づいた知識の方が、僕のようなセンスのない人間にとっては再現性が高く、自分のアウトプットを客観的に評価しやすいんですよね。

あなたはどうやって勉強していますか?

今は論文もちょっとだけ探してみたり、理論を要約した情報を集めたりと試行錯誤していますが、まだまだ「これだ!」という勉強法を模索している最中です。

皆さんは、デザイン(特にUI)をどうやって勉強していますか?
「引き出しを増やす」といった感覚的な話ではなく、「ガチの理論的な勉強法」を知っている方がいたら、ぜひ教えていただきたいです。

UIデザインの道は険しいですが、日常からヒントをもらいつつ、一歩ずつ進んでいこうと思います。


おたより募集中!
このブログや配信に関する感想、質問など、ぜひお寄せください。

Podcastへのおたよりはこちら | Takatsuki | HARI
「Takatsukiの個人開発日記」へのおたよりフォームです。 配信への感想や質問をお待ちしています!

Read more

クロスタのイベントに行ってきました!

クロスタのイベントに行ってきました!

『Xross Stars Challengers Cup 2026 #1 TOKYO』に行ってきました!!! イベントレポです! (追記:イベントレポをうたっていますが、クロスタ楽しいよ!っていう感想ブログです) クロスタの大型イベントは2回目の開催ですね。 前回は良い結果が残せなかったので、今回こそは......と気合を入れて臨みました! 初めて幕張に行った 会場は幕張メッセだったんですけど、意外と東京から近いんですね。 噂には聞いていたんですよ。千葉だけど実質東京って。 こんなにすぐ着くんだ。 あと、京葉線で向かうとき、ディズニーランドの駅(舞浜駅)を通り過ぎての海浜幕張駅なのね。 知らなかったんですけど。 じゃあディズニーも近いじゃん。 イベントは土曜と日曜の2days開催で、電車も余裕で座れるくらいには空いていたので「舞浜駅」の表記を見た時はびっくりしました。 イメージ的にもっと混んでそうなものですけどね。日本最大のテーマパークなので、駅も激混みで大変なのかと思ってました。 すみません、田舎者で。 それと! 幕張って確か埋め立てですよね? イメージ的には、埋め

By Takatsuki Syou
「便利なのに使われない」から学んだ、個人開発の失敗パターン

「便利なのに使われない」から学んだ、個人開発の失敗パターン

個人開発者として活動していると、客観的に見て便利で、技術的にも面白いサービスが、必ずしもユーザーに受け入れられるとは限らないという壁にぶつかることがあります。 今回は、私が開発したVTuber向けYouTubeショート分析サービス「Short分析V」の事例を振り返り、そこから見えてきた「サービス開発における失敗の法則」について共有します。 1. 「Short分析V」とはどんなサービスだったのか? このサービスは、一言で言えば「VTuberに特化したYouTubeショートの市場調査ツール」です。 1万人以上のVTuberのデータを蓄積し、以下のような分析を可能にしました。 * 登録者数(レンジ別)の再生数ランキング * いいね数やコメント数によるソート * 登録者規模ごとの最適な投稿時間帯や曜日の可視化 「100万人のトップ層を真似しても、規模が違えば戦略は変わる。自分より少し上の層が何をしているかを知るべきだ」という明確なコンセプトがあり、データとしても非常に有用なものでした。 2. 致命的な失敗:ユーザーの「思考フロー」との乖離 しかし、運用を続けて分かった

By Takatsuki Syou
【個人開発】ユーザ数を倍増させる上でうまくいったこと

【個人開発】ユーザ数を倍増させる上でうまくいったこと

こんにちは、個人開発者のTakatsukiです。普段はストリーマーやVTuberの方向けに、配信をより楽しく、便利にするためのWebサービスを開発・運営しています。 2025年2月、僕は「この1年でこれくらい数値を伸ばしたい」という目標を立てました。それから1年。結果として、メインサービスである『はいしんツールキット』のユーザー数を約1.7倍、『HARI』にいたっては目標の3倍以上に伸ばすことができました。 今回は、僕が実際にどのようなアクションを起こし、データから何を学んだのか、その裏側をシェアしたいと思います。 1. 2025年度の成果:数値で見る成長 まずは、この1年間の推移を振り返ります。 サービス名2025年2月時点現在(2026年2月)成長率ツールキット約9,700人(AU)約17,000人約175%HARI数百人(累計)1,600人(累計)約300%超 おかげさまで、どちらも目標としていた数値を無事に達成することができました。 2. 成長のエンジンは「記事からツールへ」のSEO転換 最も大きな成長要因は、「オーガニック検索(Google検索など

By Takatsuki Syou
自分の活動にどう個性を出すか

自分の活動にどう個性を出すか

こんにちは、個人開発者のTakatsukiです。普段はストリーマーやVTuber向けのWebサービスを開発しています。 最近、Twitterで「AIの発達によって誰でもモノが作れるようになった今、逆に『アイデア』の価値が再評価されている」という話を目にしました。誰でもモノづくりができる今だからこそ、「何を、どんなこだわりで作るか」という個性が、これまで以上に重要になっていると感じます。 今日のテーマは、僕がサービス運営の中で大切にしている「自分の活動にどう個性を出すか」についてです。これまでの取り組みと反省から今後どうすべきなのか考えてみます。 1. 個性とは「あえて」の選択である 僕が開発している『はいしんツールキット』などのサービスで、一番こだわっているのは「あえて、やらないことを決める」という点です。 例えば、「誰でも速攻で導入できる」ことを最優先にするため、あえて細かい設定項目を削ぎ落としています。 他には、人気であったとしてもあえてツール自体を作らないものもあります。 具体例を挙げると、配信を盛り上げる「クラッカーのアニメーション」のような演出機能。YouTu

By Takatsuki Syou