UI

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

今度こそ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①フレームとテキストでボタンの見た目を作るインナーシャドウなどの効果をつけるのは右サイドの「

FigmaでTableを作ります。いろいろ見た結果最初の手順は・・①セルをFrameで作る。これとりあえず自力でやってたら絶対図形の長方形ツールで作ってました。とりあえずth用のセル(Header)と、td用のセルを作ります。フレームの中にテキストを打って、セルっぽい見た目を作ったらそれぞれコンポーネント化しておきます。②コンポーネントセットを作る。①で作ったセルをグループ化＝コンポーネントセットにします。参考サイトではコンポーネントたちをまとめてコンポーネントにする

背景削除の精度を確認。ふわふわの癖っ毛がかわいくて切り抜きにくそうな女の子。なかなかよいのでは？背景色つけてみても違和感なし！背景との区切りが分かりにくいこんな画像も。もうちょっとできるけど、まぁ悪くない。Photoshopの同様の機能よりはかなり速い。ちなみに･･「Unsplash」のプラグインを追加したらFigmaでこういうアテ画像使うのがめちゃくちゃらくちんになりました。https://www.figma.com/community/plugi

『【成功】Figmaでリピートグリッド＋AI補完』先週からいろいろ試していて、私の中ではもはやできないと結論付けつつあった「Figmaでリピートグリッド」。できました＼(^o^)／たまたま某オプチャでFigm…ameblo.jpようやくマスターした「コンテンツを置換（Duplicate,withnewcontent）」ですが、レイアウトを複製するためだけに使っていたら意外な使い方を発見したのでメモ。こんな感じのカラーリストを作っていてほんとはただの複製（ただのDupli

先週からいろいろ試していて、私の中ではもはやできないと結論付けつつあった「Figmaでリピートグリッド」。できました＼(^o^)／たまたま某オプチャでFigmaAIの話をしていたら、この話題になって教えてもらえました。『【失敗】Figmaでリピートグリッド』XDで重宝していたリピートグリッドですが、とりあえずFigmaには存在しないようです。色々な記事を見ましたがとにかくオートレイアウトで代用しろと書いてあります…ameblo.jp↑やり方はほぼあってたのに、なんでできるところまで至

FigmaSites公式はこちらFigmaにログインしていればhttps://figma.com/site/newから「ウェブサイトを新規作成」＝テンプレート選択のダイアログを開けます。とりあえず「ランディングページ」の中からテンプレートをひとつ選んでみました。はじめからレスポンシブの設定がされているらしい。コンテンツの埋め込みはなんとなく想像つくけど、ヒーローセクション？フルページ挿入とは？あとで調べます、、はいはい、プレビューね。そしてそのまま公開できる

スコーン伊勢丹浦和店のスコーンパーティーへ足を運びました。浦和でも整理券を配布する盛況ぶり💦整理券をもらうと順番が来ても当日中来場ができるとのことなので、他のフロアを見てから会場に行きましたどのお店も並んでいましたが私は仙台のui.（ユイ）というお店のスコーンを買ってきましたプレーン、アールグレイとオレンジ、レモンとチーズの3種類アールグレイとオレンジのスコーンが美味しかったかなもっと買っても良かった紅茶の試飲もやっていました

続きです。前の記事はこちら↓↓↓『FIgmaAIを試してみる』AIは画面下のメニューバーにあるキラキラアイコンから色んなスキルが使えます。AI＝キラキラアイコンでわりと浸透してきたような気もするけど、本当にこれで浸透しち…ameblo.jpできあがったフレーム(オブジェクトでも？)を選択した状態でAIアイコンをクリックすると、フレームに使えるであろう機能が「候補」として表示されました。その中に、新規のAIメニューにはなかった「変更する」というメニューがあるので開いてみると…こんな