■ - hitode909の日記
最近、AIを使った賢い音声入力アプリが流行っている。 個人的にはVoiceInkっていうアプリを使っていて、これは買い切りで動くし、ローカルで処理が完結するのが気に入って使っている。 OSの標準の音声入力と違うのは、入力しながらマウスやキーボード操作をしても入力が中断しないことで、途中で気になったことを調べに行ったりとか、別のウィンドウの文章を読みながら入力するとか、別の作業をしながら作文もする、みたいなことができて便利。 便利なのはいいんだけど、これってオフィスでどうやって使うの？というのが気になっている。 リモートワークしている場合は、家で喋ってても差し支えない場合が多いけど、オフィスに行くと、同僚が割と近距離にいたりする。 そういうときにチャットに書き込む前の下書きを全部読み聞かれるのはちょっと恥ずかしいし、隣で考えながらぶつぶつ喋っている人だらけになると、気が散りそう。 隣の同僚が
この手のUIを見るたび「どっちやねん」と心の中で叫んでる→オンオフ状態が分かりづらい「フリップフロップ問題」回避のために規格統一して欲しい
謎水💦暗黒通信団リチウム戦闘員 @genmeisui 説明を追加しました 要するに「On」という表記で、内部状態について「On」「Off」２つの可能性があるのです アプリがどちらの意図で作られているか判別しにくい pic.x.com/Gs11HxCym4 2025-03-16 18:27:23 謎水💦暗黒通信団リチウム戦闘員 @genmeisui 「チェックボックスなら間違えない」というコメントもありますが、「押した瞬間に反映されるとは思わなかった」というエラーが起こりえます 通常、チェックボックスは複数選択してから最後に「OK」を押すという行動パターンを求めるはずなので 2025-03-16 18:30:13
iOS 18にして一番の後悔＝写真アプリ。元に戻す方法
iOS 18入れたら急に写真アプリが使いにくくなって死んでません？ ｢いいなって思えたiOS 18新機能｣4選｣の末尾でもチラッと触れましたが、新しい写真アプリ、評判最悪です。 アップルのAI、Apple Intelligence導入を見越して全写真を1ページに収めるリデザイン。そのコンセプトはわかるんですけどねー。 元のUIに近づける方法を簡単に紹介したいと思います。 何がどう変わったの？WWDCで予告したように、レイアウトが激変してタブが廃止に。 写真アプリを開くと、上にはライブラリが出てきて、下には新たに自動生成のコレクション（｢最近または過去の日々｣｢ピープルとペット｣｢旅行｣など）が表示されるようになりました。これまであった｢最近保存した項目｣や｢すべての写真｣のタブが消えちゃったので、｢さっき撮った写真はどこ？｣｢ダウンロードした写真が見つからないんだけど…｣と、みな迷子になっ
「Apple Vision Pro」に約60万円の価値はあるのか？ 約4カ月間使って“後悔しなかった”理由
Appleの空間コンピュータ「Apple Vision Pro」が6月28日に日本でも発売される。注目度の高い製品がいよいよ日本に上陸するが、何せ「59万9800円（税込み）」と高額だけにためらっている人も多いだろう。 筆者は2024年2月2日の米国発売時に、ハワイに行って購入した。4カ月ほど使い続けている中で「60万円の価値があるか」を改めて考えてみたい。 Vision Proを装着する際の注意点 かぶったまま歩いても問題なし Apple Vision Proは世間的にはVRやXRのデバイスという位置付けで見られているが、Appleとしては「空間コンピュータ」というコンセプトを貫いている。実際、単にバーチャル空間に入ってコミュニケーションやゲームを楽しむというよりも、さまざまなアプリケーションによって幅広い用途が期待できるデバイスだ。単機能ではなく、「次世代のMac」と言った方がしっくり
セルフレジであたふたしてる年配者を見るにあの手の人々は「文字を読まない」ので文字情報は彼らには無力
おたろう @otarou01 セルフレジであたふたしてる年配者を見るに、あの手の人々の特徴として「文字を読まない」というのがあると思う。 ディスプレイの中にも外にも文字で色々と使い方が記されてるけど、基本それらを読まずに直感でボタン押してるだけの様子。 説明書読まない系、結論として文字情報は彼らには無力。 2024-06-23 10:17:20 おたろう @otarou01 よくセルフレジで困ってる年配の人を手助けするけど、動きから文字を読んでないのが分かる。 自分は説明書は最初にきちんと読むタイプだが、説明書を読まない人達は文字から何かしらの情報を得て事に当たるという習慣が無いから、困ったらまず目の前の文字を読むという事をしない。 2024-06-23 10:21:54 おたろう @otarou01 そういう意味では高齢者が使うインターフェースの開発には日本語が読めない外国人をシュミレー
はてなエンジニアによるApple Vision Pro座談会 - Hatena Developer Blog
2023年6月のWWDC（World Wide Developers Conference）23で発表され、2024年2月に米国で販売が開始されたApple Vision Proを、はてなのエンジニア5人が入手しました。 ということで、3月初旬に5人がApple Vision Proをつけて、オンライン座談会を行いました。その様子をお伝えします。 Google Meetで座談会をしています 本記事中のApple Vision Proは、使用者がそれぞれ「技適未取得機器を用いた実験等の特例制度」に基づく届出を行い、適切な管理の下に使用しています。 この無線設備は、電波法に定める技術基準への適合が確認されておらず、法に定める特別な条件の下でのみ使用が認められています。この条件に違反して無線設備を使用することは、法に定める罰則その他の措置の対象となります。 座談会の模様はYouTubeでも公開し
「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か？｜moutend
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
想定外の新機能！ HTMLの<input type="checkbox" switch>だけで、スイッチUIが実装できるようになるぞ
WebサイトやアプリのUIで、スイッチを実装するのはなかなか面倒です。CSSで書くと、なかなかのボリュームになってしまいます。 そんなスイッチがHTMLだけで実装できるようになります。 Release Notes for Safari TP 185によると、HTMLの新機能としてswitch属性がサポートされました。これにより、スイッチUIがHTMLで簡単に実装できるようになります。 switchについては、かなり前から実装についてGitHubで議論されていました。スイッチは人気のあるUIコントロールだけど、CSSで実装するのは簡単じゃないよね、簡単に実装できるようにしよう。という感じです。 スイッチUIを実装するHTMLは、下記の通りです。
知識０から、ちょっとUIデザインに詳しくなるnote｜やました
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 なお、こちらの記事の内容は順次YouTube
父も母も最近のレジが複雑すぎて買い物に行けなくなってしまった→みんなの前で複雑なUIにまごつく怖さ
村井理子 @Riko_Murai 義母も義父も、コンビニには行けなくなってしまった。カードやポイント、画面操作が必要だから、怖くて行けないらしい。銀行もハードル高いらしく、毎度、予約して（！！）、行員さんに全部やってもらっているらしい。なんかもう、どうしたらいいのだろうな 2023-04-26 16:52:06 村井理子 @Riko_Murai 翻訳家・エッセイスト。愛犬は長い棒を回収する琵琶湖の至宝。『射精責任』（太田出版）『ラストコールの殺人鬼』（亜紀書房）、『未解決殺人クラブ 市民探偵たちの執念と正義の実録集』（大和書房）、【最新刊】『ある翻訳家の取り憑かれた日常』（大和書房）映画『兄を持ち運べるサイズに』原作『兄の終い』もよろしくお願いします。観てね！ rikomurai.com/%e7%a7%81%e3%8…
ニンテンドーシステムズ株式会社 - Nintendo Systems Co., Ltd.
MESSAGE メッセージ ニンテンドーシステムズは、任天堂の娯楽をお客様へお届けしやすいシステムを作るため、任天堂とDeNAのエンジニアチームを中心として、2023年4月に生まれました。 世の中に多くの技術革新がある中で、独創の精神と柔軟性を大切にしながら、様々な強みを持ったメンバーが活発に議論し、一人では成し遂げられない大きな成果を目指して、システムづくりに誠実に取り組んでいます。 インターネットを取り巻く技術は、日々目まぐるしく変化し、複雑さを増しています。 ニンテンドーシステムズはその中で、7年以上のパートナーシップで培われた任天堂とDeNAの信頼関係を活かし、任天堂の独創性とDeNAの技術への知見を原動力として、世界へ新たなイノベーションを生み出していきます。 娯楽を取り巻く技術開発は、これからも発展を続けていくことが予想されます。 枯れた技術から最先端の技術に至るまで、多様な技
わたしはページ内検索を普通に使いたい
以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
リンクとボタンを｢押せる｣だけでデザインしない
リンクとボタンのビジュアルが似たものもしくは同じものになる理由のひとつに「押せる」[1]という共通点があるからだと思っている。 ビジュアルを似たもの・同じものにするかどうかは状況により判断されるので、そこに画一的な優劣は存在しない。しかしリンクとボタンは明確に異なる機能や振る舞いをもっている。その振る舞いやそれに対するユーザーのメンタルモデルから結果ビジュアルが同じになるのならいいのだが、ただ単純に「押せる」ことだけを基準にデザインされてしまうのは具合が悪い。このエントリーでは、リンクとボタンをデザインするにあたって「押せる」だけではなく、他にも判断材料となるものがあることを共有したいと思う。 前提と定義 今回の話はウェブブラウザで動作するUIを前提に考える。途中で言及するが、リンクがURLに関係していることと、URLをユーザーが意図的に変更できることが大きく関係するので、ネイティブアプリ
POLA 2029年ビジョン | ポーラ公式 エイジングケアと美白・化粧品
人から人へ、 最良のものを届ける。それが、 私たちの始まりであり、 すべてです。今でも、 ビューティーディレクターという独自のネットワークに息づいている。美容はもちろん、 あらゆる領域において。私たちは、 すべてのお客さまに寄り添っていく。一人ひとりの可能性をどこまでも拡張するために。We Care More. それが、 私たちの新しい約束。 人、 社会、 地球。 そのすべてを「ケア」していく。世界を変える、 心づかいを届ける。美容と健康のための製品やサービスを今までのやり方にとらわれずに探し続ける。多様性の尊さを守りながら。 地域の個性を愛しながら。サステナブルな方法を選びながら。Science. Art. Love. をもういちど実践しながら。ないものは、 つくる。 その覚悟とともに。 2020年。 これまでの当たり前は、 当たり前ではなくなった。だからこそ、 いちばん大切なものを見つ
iPhoneのアプリアイコンを一気に移動させる鮮やかな方法が話題に - iPhone Mania
iPhoneのホーム画面に並んだアプリアイコンを一気に移動させる、鮮やかな方法を紹介した動画が、TikTokで話題になっています。 アプリをまとめて移動させるのに便利 iPhoneのホーム画面で、アプリを他の画面に動かす時、アイコンを長押ししてアイコンが震えたらドラッグする方法が一般的です。 この方法だと、複数のアプリを離れたページ（たとえば、2ページ目から5ページ目）へ移動させたい場合などは時間がかかってしまいます。 そんな時に役立ちそうな、iPhoneのアプリを一気にまとめて移動させる様子の動画がTikTokに投稿されて話題になっています。 手順は以下のとおり アプリアイコンをまとめて一気に動かす方法は、以下の操作手順で実現できます。 動かしたいアプリのアイコンを、メニューが表示されるまで長押し メニューが表示されたら「ホーム画面を編集」をタップ アプリアイコンを押したまま、好きな方向
「UI悪すぎじゃない？」ハンバーガーのオンラインオーダーでオプションを選択していったらパテと玉ねぎ2本だけのバーガーが届いた話
Tinnamon @casdtem 今日ショック過ぎてツイートも出来なかった…初めてShake shackでオンラインオーダーしたんだけど、バーガーの注文のとこで1枚目写真のようにオプションが並んでんのよ。全部入れて欲しいから全部選択するじゃん？いざ食べようと蓋開けてみたらバンズの間にパテと玉ねぎ2本だけが入ってた😂😂😂 pic.twitter.com/1ORtqPMZDr 2020-12-06 20:47:57 Tinnamon @casdtem こんな簡単な仕事もまともに出来ないのか奴らは💢ってガッカリしながらレシート見たら、自分が選択したやつ全てNo cheese, no lettuce, no tomato, no sauce...😂😂😂マジでオンラインオーダーのUI悪過ぎじゃない？え？私の頭が悪過ぎ？🤣🤣🤣 2020-12-06 20:51:51
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「フリック入力」を発明しMicrosoftに売却した彼の"逆転"人生。元・売れないミュージシャン兼フリーター、家賃３万のボロアパートでひらめく
「自分はわかるからOK」というオレオレ表記が開発を遅らせ、プロダクトの評価まで下げてしまう
「脳汁ビシャビシャに出た」「無限ループって怖くね？」ポーラの特設サイトがスクロール芸極めてると話題に
