マガジンのカバー画像

UI設計ビジュアライズノート集

15
usagimaruのTwitter / Xで不定期に投稿してきたUI設計のビジュアライズノート(デザインパターン解説)を収録しています。新しい投稿も随時追加していきます。
コンテンツが増えていくと価格も少しずつ上がっていきます。ご興味があるなら早い方がお得かもしれません。
¥800
運営しているクリエイター

#ラベル

ツリー構造 vs. セミラティス構造

UIの構造設計を行う際には、ツリー構造とセミラティス構造の違いを意識すると、それぞれの特徴を活かした形を作りやすくなります。 ツリー構造ツリー構造 (tree structure) とは、ある要素から見た親要素の数が必ず一つで、子要素が0もしくは複数個の階層型をしています。ただし、ルートとなる要素には親要素が存在しません。ちょうどフォルダとファイルのような関係のものです。 ツリー構造はさまざまなところで目にすることができます。コンピュータのファイルシステムのほか、政府や企

「TOP」表記をやめる

日本語環境のUIでラベル表記等の一部文言に英語表記を混ぜる不思議な慣習があります。慣習が起こった経緯などは詳細に調査できていませんが、おそらくこれに深い意味はなく、「なんとなく皆がそうしてきたから」といった理由で行われている例がほとんどだろうと考えられます。 例えば次のようなラベルは日本語環境下でも英語表記化していることが多く(しかもなぜか大文字表記になることも多い)、デザイン上で意義がなければ、適切なローカライズを行うべきです。ちなみに英単語を大文字化すると、ネイティブ話