マガジンのカバー画像

UI観察マガジン

15
本
さまざまなサービスのUI観察をしてます。あなたがこれから作りたい or 作るサービスのUI設計にきっと役立つはず。
運営しているクリエイター
MAKOTO｜Designer

#UIデザイン

UI観察：コピーと複製の違いを理解する

UI観察の第15弾は「コピーと複製」について深掘りしていきます。 （その他のUI観察記事はマガ…

MAKOTO｜Designer
MAKOTO｜Designer
6か月前
12

UI観察：履歴アイコンのベストプラクティス & デザインの細かな差異。

UI観察の第14弾は「履歴アイコン」について深掘りしていきます。 （その他のUI観察記事はマガ…

MAKOTO｜Designer
MAKOTO｜Designer
7か月前
12

UI観察：ドロップダウンボタンとスプリットボタンの最適活用術

UI観察の第13弾は「ドロップダウンボタン」について深掘りしていきます。 （その他のUI観察記…

MAKOTO｜Designer
MAKOTO｜Designer
7か月前
20

UI観察 - アコーディオンの目立たせ方、最適解は？

UI観察の第12弾は「アコーディオン」について深掘りしていきます。 （その他のUI観察記事はマ…

MAKOTO｜Designer
MAKOTO｜Designer
8か月前
9

UI観察 - LINE・メルカリ等から学ぶ、適切なタブの使い方

UI観察の第11弾は「タブ」について深掘りしていきます。 （その他のUI観察記事はマガジンはこ…

MAKOTO｜Designer
MAKOTO｜Designer
9か月前
14

UI観察 - 三点リーダー（縦と横）の使い分けは出来てますか？

UI観察の第10弾は「三点リーダー」について深掘りしていきます。 （その他のUI観察記事はマガ…

MAKOTO｜Designer
MAKOTO｜Designer
9か月前
27

UI観察 - ピクチャー・イン・ピクチャー(PiP)

ピクチャー・イン・ピクチャー(PiP)という機能をご存知でしょうか？ これは、YouTubeやAbemaなどの動画アプリを画面の端に小さく表示しながら、他のアプリを操作することができる機能です。 （その他のUI観察記事はマガジンはこちら ↓） ピクチャーインピクチャーとはPiPはiOS14では動画に限定して使用できますが、iOS15からは動画以外のコンテンツにも対応しています。Androidではバージョン8.0（API レベル 26）以降で使用。PCでは、2018年10月

MAKOTO｜Desi…

UI観察 - ツールチップ

勉強の一環でUI観察を始めていますが、今回はツールチップです。 （その他のUI観察記事はマガ…

MAKOTO｜Designer
MAKOTO｜Designer
1年前
8

UI観察 - オンボーディングでは、まずサービスの価値を伝えよう

とある本を読んでいて、オンボーディングの考え方が興味深かった。 ついついアプリやサービス…

MAKOTO｜Designer
MAKOTO｜Designer
1年前
12

UI観察 - 検索機能（Instagram）

Instagram（以降インスタ）の検索機能について深堀りしてみました。 （その他のUI観察記事は…

MAKOTO｜Designer
MAKOTO｜Designer
1年前

UI観察 - カテゴリ検索

今回のUI観察は、カテゴリ検索です。 YouTubeの検索ボックス下に、角丸のボタンが並んでいる…

MAKOTO｜Designer
MAKOTO｜Designer
2年前
2

UI観察 - 三角形マークの付いた小さな増減ボタン（スピンボタン）

勉強の一環でUI観察を始めていますが、今回はスピンボタンです。 （その他のUI観察記事はマガ…

MAKOTO｜Designer
MAKOTO｜Designer
2年前
2

UI観察 - 読み込み中のプレースホルダー（スケルトンスクリーン）

アプリ起動時やタップしてページを読み込んでいる時には、何も表示されていないとユーザーは不…

MAKOTO｜Designer
MAKOTO｜Designer
2年前
17

UI観察 - 引っ張って更新する機能（Pull-to-Refresh）

情報が常に更新されるアプリでは、引っ張って更新する機能（Pull-to-Refresh）が実装されています。 その機能のアプリ別の挙動についてまとめたので、それぞれ紹介していきます。 （その他のUI観察記事はマガジンはこちら ↓） 各アプリ（Pull-to-Refresh）の挙動■ SmartNewsアプリ 引き下げて更新 軽くスクロールすると、「引き下げて更新」と表示され、もう少しスクロールして欲しい旨を伝えている。 はなして更新 もう少しスクロールさせると「はなし

MAKOTO｜Desi…