ＵＩ

アプリ開発において、見た目の華やかさだけに囚われて肝心な使い勝手を置き去りにしているケースが散見されます。どれほど画期的な機能を搭載していたとしても、操作に迷いが生じるような設計であれば、ユーザーはすぐにそのアプリを去ってしまうでしょう。まず私たちが理解すべきなのは、優れたデザインとは単なる装飾ではなく、ユーザーの問題を最短距離で解決するための導線であるという事実です。ボタンの配置一つをとっても、それが人間の直感的な動きに合致しているか、指が届きやすい位置にあるかといった細部へのこだわりが、信

存在しないものは、使用されないUIデザインのクオリティが格段にアップする！感覚的ではなく、論理的にデザインを改善するポイントを解説設5．重要なコンテンツが視認可能であることを確認する

こんばんは！もりちゃんラーメンです。2013年にリリースされたUbuntuTouchは、2017年に開発を中止されました。そこであの製品が、スマホ市場で成功していたら「今、どの様なユーザーインターフェースになっていたのだろうか？」を考えてみました。今回、イラレで描いたスケッチは、左手で端末を持った場合のUIです。Ubuntuのトレードマークをタップする事で設定画面に遷移します。最初に電源を入れる事で左手で使用するか、右手で使用するのか。それとも両手で使用

ジブラルタ生命で一時払い終身保険にはいってます。年末にマイページ登録の案内が来てたので、今頃やってみた。最初にメールアドレスを入れ仮パスワードが発行される。その後その仮パスワードを入れるためにURLをタップして仮パスワードを入れて送信ボタン押す。すると、もう一度、メールアドレスに確認番号が送信されてくる。それを見て入力しないといけないのだが…メールアプリで仮パスワードを確認した上でURLをタップしてるので、メールアプリ上にそのWEBページが展開されてしまいますのでメールに来た確認番

Ali-Expressで買ったCYDはXH-32SとかいうESP32互換のモジュールが載った怪しい物だった。しかも技適マークが無いので日本では無線機能が使えない「ハズレ」だった。でも、まぁ、やっぱりもったいないので、無線を使わずに見た目だけ「それっぽい」DSPラジオを組んでみたいと思って、前回までに主なUI（画面）は作った。今回はこれに、以前に何度も使ったことのあるM6955を繋いで、前に作ったコードを移植して動くようにしてみた。回路図はこちら（CYD本体）M6955回り

認知症グループホームで働く介護福祉士／四柱推命鑑定師&講師純です【四柱推命】満員御礼です【純の自己紹介】✴︎認知症グループホーム職員✴︎介護福祉士✴︎介護支援専門員✴︎鳥海流四柱推命鑑定師・講師➡️一般社団法人日本占道協会鳥海流四柱推命京都写真ブログです↓その1京都御苑『2泊3日京都1日目京都御苑』【四柱推命30分鑑定募集します】満員御礼募集人数：1名様鑑定日：12月27日か28日鑑定料：5,000円ご希望の方はコチラから↓ご連絡ください認知症

おはようございます私は喋りたがりなのでここでは飽き足らず別名でnoteも書いていたりしますnoteアプリ、とてもとても便利なのですがただ一点だけとても惜しいアメブロ同様、文章作成フィールドの下にテキスト装飾ツール一覧があるのですが最初にAIという項目がありますこれがとても紛らわしいなぜかと言うと、私はAIのお話をよく書きますその時に、Aと入れて、変換候補でAIと打っていますその変換候補一覧のすぐ上にこの装飾ツールが置かれますつまりですね装飾ツールAI変換候補AI

これは某総合スーパーのアプリのお話。そのスーパーは、次々と新しい機能をアプリに追加するため表示がどんどん複雑になり、もはや手に追えなくなってきてるのでは感がヒシヒシと伝わってきていますそんなアプリ、レジで会員証を出すのに必要なので渋々使っていますがどの辺が残念かをいくつかピックアップしてみようとおもいますまず、メイン画面にわざわざ✖️を押して消さないといけない広告が出ますその下にあるものが押せません邪魔です。やめましょう。次に、各キャンペーンのバナーがデカすぎて、大事なサービス一

今度こそUIネタだそ！これは、某大手企業のポイントアプリのお話。アプリやWebで文字が入力できるところがあるじゃないですかテキストフィールドって言うんですけどねテキストフィールドを選択するとキーボードが、にゅっと出てくるじゃ無いですかで、それを使って文字を入力したらみなさんはどうやってキーボード閉じますか？私はフィールド外のエリアをタップしますそうすると、キーボードは閉じてくれますくれるんですだがしかし、そのアプリはテキストフィールドがたくさん並んでいてフィールド外

ちょっといきなりごめんなさい2つ目書いてて気づいたんですけどアメブロへの指摘もUIじゃなくてUXが問題でしたいや、UIももちろん大事ですよ？でも、私がイライラしたやつはUXだったんですボタン自体がおかしいのがUIボタンの先がおかしいのがUXUX単体の案件なんてそうそう無いのでひっくるめてUIってしちゃってましたドヤ顔でぶった斬っておきながらこれですああ恥ずかしすぎる…………こんなところは20年前と全く変わりませんねなので、UI/UX侍にしれっと名前を変えますね両方とも

某ファストフードチェーンのどうしても会員登録が完了できないアプリのお話。会員登録するときにね入力したメールアドレスに届く認証コードを入れてくださいというところがあるアプリなんです指示に従ってメールアドレスを入れて送信を押すと認証コードが届くのでメールの画面に切り替えて認証コードをコピーそしてアプリに戻ると——セッションが切れましたってなってしまうんです何回やっても同じ多分、アプリを切り替えると期限切れになっちゃう設定になってるみたい登録すすめられませんから！！

さぁて、ひとつ前の記事でAI→UIに軌道修正するといったのでUIツッコミ、さっそくいってみよー！最初はそうアメブロさん。今ね、先日いただいたコメントを返そうとしたのだけれど文面を打ち終わって送信しようとしたら相手に寄り添っていますか？って聞かれたのえ、寄り添ってるってなんぞ？普通に返事を書いただけだがと思ったけど、ちょっとだけ直してまた送信相手に寄り添ってますか？…………これ、内容関係なくでるんですか？変なことは書いてないはずですよAIか何かで内容判定している

こんにちは！ご無沙汰です復活ーーーわーーー！！！っていってから1ヶ月以上経っちゃったんじゃないかしらあのですね挿絵を描くのが面倒すぎて更新できなかったんですごめんなさい😇別端末に切り替えるのって面倒で……なので、挿絵無しでいこうとおもいますあと、AIネタだとあまり盛り上がらないのでAIはそこそこにダメUIを斬ることにしますUIとはユーザーインターフェースのことです例えば、アプリの操作のしやすさとか画面の見やすさとかそんなところです世の中にはサービスが山

Windowsの設定画面の一部↓「既定」より「中」の方が大きい。「大」の次は「大容量」。Gmailのクイック設定>表示間隔↓デフォルトが標準じゃない。突然の最小。誰もが使っている、超メジャーシステムでさえこの有様なのことに設定画面の闇を感じる。仕事で結構複雑なシステムの構成を考えているので、いろいろ参考に見ています。

Youwant“visualliteracy,”butlet’sbehonest:mostpeoplesecretlyhopeitworkslikemagic.Scrollthroughafewprettyfeeds,pinsomethings,and—bam!—you’resuddenlyadesignerwithexquisitetaste.Cute.Butvisualliteracydoesn’tgrowfrom

今日は、久しぶりに「Gladia」（グラディア）を使って動画の文字起こしをしようと思ったのですが、サイトを開いてみたら、UI（画面のデザイン）がすっかり変わっていて、最初からつまずいてしまいました。「Gladia」とは、AIを活用した高精度な文字起こしツールで、音声や動画ファイルを素早くテキスト化してくれるお役立ちツールです。OpenAIの「Whisper」を基盤にしており、日本語を含む多言語に対応しています。ただ「Gladia」は2024年〜2025年にかけて何度か大きなアッ

そんなUXの天才がいる一方、世界一のバッドUIであるところのローソンのセルフレジ。最初に支払い方法選択させて次にレジ袋要るか聞いてくるの本当に意味がわからない。pic.twitter.com/5Exi2Sti0O—ぱる@介護リサーチャー(@x___encounter)September21,2025プリウスのシフトレバーローソンのセルフレジUI日本が誇るゴミpic.twitter.com/4KPVnicpAB—MORE萌え萌え(@yLJvcPOJt31052)

https://www.goodreads.com/quotes/14096181-c-mo-contactar-con-pegasus-en-espa-a-quieres-saber-c-mo-contactarhttps://www.goodreads.com/quotes/14096181-c-mo-contactar-con-pegasus-en-espa-a-quieres-saber-c-mo-contactarhttps://www.goodreads.com/quotes/1

私のブログでは、時々電子カルテを含む医療情報システム／医療ミス／再発防止について書いています。その際（7年前）、都内の民間病院傘下のクリニックで検診を受けた女性患者の乳がんの兆候を４年に亘って見落とし、発覚した時には手遅れだったという事件を取り上げたことがあります。このブログは、当該病院が民間病院では日本最大という病院だったせいか、結構な反応があり、投稿当日に2千アクセスを超え、１ヶ月もしないうちに1万を超えました。過去にも医療ミスと再発防止策につき、業務分析／品質管理／人材育成／雰囲気醸

今日も夜中の2時に始まりましたAppleのイベントWWDC25のKeynote始まる前のコレなんだ？なんだなんだ？何か意味ありげだよな始まった！本社の上でF1？いつものスタートそう、今日は製品じゃなくて開発のほうだよねオープニングの半透明のコレかぁ〜なるほど、現行iOS18の次に出るのは19〜25をすっ飛ばしてiOS26ですか。19〜25は、まぼろし〜•••に。今までのズレを無くして全部統一してイヤーモデルにするんですね全部でデザイン&UI統一キーワード

ランダムに・氣まぐれに。本日も、私の心に降ってきた言葉やエネルギーを、お届けいたします。当ブログにお立ち寄りくださり、ありがとうございます。天眞音・クルール（アマネ・クルール）・眞樹子です。メニュー・料金│アクセス│ご予約・お問合せもうここ何年も、お朔日とか晦日などの決まった日に神社に参拝することはなくなりました。自分自身の「あ、この日」という感覚に従って伺う…という感じなので、それがたまたまお朔日とか晦日の時ももちろんあります。ただこの「感覚に従って…」というのも善

突然ですが、初恋の人を覚えていますか？私はもちろん土井先生です(真顔)。いや、少し嘘かも。小さい頃忍たま乱太郎を観てたのはホントなんですが、どのキャラクターがいちばん好きだったのかは覚えていません。でもたぶん土井先生…かな…。昔の作画は今よりちょっぴりワイルドなかんじで、好きです。久しぶりに観てみようと思って放送時刻を調べてびっくりしました！私が子供の頃はたしか16:30頃？母が晩ご飯の準備をしている間に観てたんですが、今は18:50からやってる…。共働きで晩ご飯が遅めなのかな？それとも

Unsplashhttps://www.figma.com/community/plugin/738454987945972471/unsplashFigma上でUnsplashの素材を探せて、ワンクリックで挿入できる。とりあえず写真入れておきたいときとかにすごく便利。▽本家Unsplashはこちら美しい無料画像と写真の数々|Unsplashあらゆるプロジェクトにダウンロードして利用可能な、美しい無料画像と写真の数々。どのロイヤリティフリーまたはストックフォトよりもお勧めです。

『【前編】Figmaでタブを作る（未消化）』適当に打ったテキストを選択してオートレイアウト化（Shift+A）、フレームにする。余白（padding）が作られるので、タブの見た目に調整します。背景…ameblo.jp↑前回の失敗（というか調べた通りに作ったけど思ったほど柔軟性がなかった）を踏まえて、理想のタブコンポーネントを作ってみる回です。テキストをオートレイアウト化してdefafltとactiveの見た目を作るところまでは前回と同じ。前回はタブをひたすらコピペで並べた

コードを書き出したいのつづき『Figmaからコードを書き出す』Figmaでコードを書き出すには開発モード（Devモード）に切り替えねばならぬらしい。画面中央下部メニューの右端。を選択。開発モードに切り替えるとメニューも…ameblo.jpとりあえずPCを新しくしてからVScodeのインストールはしていたものの、設定とかなんもしてなかったのでそこから。前回インストールした時から機能追加などアップデートもあったようで初期設定のUIも若干違いました。なんかAI機能っぽいのが追加さ

適当に打ったテキストを選択してオートレイアウト化（Shift+A）、フレームにする。余白（padding）が作られるので、タブの見た目に調整します。背景色と線をつけて、幅は内包のまま高さは固定値に変更しました。default(選択前)とactive(選択中)の見た目を作って、バリアントにします。Table作った時とさっそくUIが違うー(たぶん何か手順が違ったんだろうが・・)タブのレイアウトにするため、バリアントからコピぺして、インスタンスを並べる。それをオートレ

ブックマークしてあったもう使ってないボードにたまたまアクセスしたら、Trelloも新Viewになっていたのでとりあえずメモキャプチャ。画面下中央でカラムの切り替え。Figmaも下中央にメインのツールメニューあるけど流行りなの？そういえばWindows11もだわ。慣れの問題だとは思うけど個人的にはあんまり使いやすくないのだが、、

Figmaでコードを書き出すには開発モード（Devモード）に切り替えねばならぬらしい。画面中央下部メニューの右端。</>を選択。開発モードに切り替えるとメニューも変わりました。初めて切り替えたので案内が出ました。プラットフォームと単位。。CSSはプラットフォームなのか？カラーテーマを選択。システムってなんだよ。（←システムにしたw）デザインモードと開発モードが分かりやすいようにダークにしてみました。後で気づいたことですが、Figma全体がダークモードになりました

Tableを作ってみてオートレイアウトやコンポーネントに関する理解がだいぶ深まったので、ボタンは自力で作っていってみようかなと。↓↓↓Tableを作ってみた記録はこちら↓↓↓『FigmaでTableを作る』FigmaでTableを作ります。いろいろ見た結果最初の手順は・・①セルをFrameで作る。これとりあえず自力でやってたら絶対図形の長方形ツールで作ってまし…ameblo.jp①フレームとテキストでボタンの見た目を作るインナーシャドウなどの効果をつけるのは右サイドの「