CATEGORY

UI / UX

Webサイトやアプリの「使いやすさ」「見やすさ」をデザインするための UI / UX ノウハウを紹介するカテゴリーです。 レイアウト、フォント、配色、ユーザー動線など、ユーザー体験を向上させるための考え方と実例をまとめています。

2026年版:iOS/Androidでここまでできる!ネイティブアプリに見えるPWAのUXハック

2026年版:iOS/Androidでここまでできる!ネイティブアプリに見えるPWAのUXハック 最終更新:2026/04/11 2026年、PWAとネイティブアプリの境界はほとんど見えなくなりました。 それでも、デフォルトのままではどこかに「ブラウザの気配」が残ります。 ホーム画面職人としてやるべきことはひとつ。 ユーザーに“Webであることを忘れさせる”ことです。 ここでは、そのための具体的な […]

通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御

通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御 最終更新:2026/04/11 スマートフォンのホーム画面を開いたとき、目に飛び込んでくる赤い通知バッジ。 私たちは無意識のうちに、その数字を消すための行動を繰り返しています。 今ではPWAの技術によって、ネイティブアプリと同じようにプッシュ通知を実装することは簡単になりました。 それでもPetalは、あえてその「剣」 […]

ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術

ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術 最終更新:2026/04/11 「ホーム画面に追加」されたアイコンが、単なるブラウザのショートカットとして浮いて見えてしまうのか、それとも最初からそこにいた「アプリ」として馴染むのか。その境界線は、わずか数行のコードと、数ピクセルのこだわりで決まります。 1. manifest.json で「アプリの魂」を定義する […]

>OJapp / Petal

OJapp / Petal

OJappは、Webページをそのままホーム画面に置ける仕組みを提供しています。
Petalは、その仕組みを使って “人のページを名刺のように持つ”ためのサービスです。
QRからすぐ開けて、ログインなしでも見れる。 でも、必要なときだけつながれる。
そんな「弱いつながり」を残すために作られています。

CTR IMG