iOS 18入れたら急に写真アプリが使いにくくなって死んでません？ ｢いいなって思えたiOS 18新機能｣4選｣の末尾でもチラッと触れましたが、新しい写真アプリ、評判最悪です。 アップルのAI、Apple Intelligence導入を見越して全写真を1ページに収めるリデザイン。そのコンセプトはわかるんですけどねー。 元のUIに近づける方法を簡単に紹介したいと思います。 何がどう変わったの？WWDCで予告したように、レイアウトが激変してタブが廃止に。 写真アプリを開くと、上にはライブラリが出てきて、下には新たに自動生成のコレクション（｢最近または過去の日々｣｢ピープルとペット｣｢旅行｣など）が表示されるようになりました。これまであった｢最近保存した項目｣や｢すべての写真｣のタブが消えちゃったので、｢さっき撮った写真はどこ？｣｢ダウンロードした写真が見つからないんだけど…｣と、みな迷子になっ

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 そういう意味では高齢者が使うインターフェースの開発には日本語が読めない外国人をシュミレー

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

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の色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。

WebサイトやアプリのUIで、スイッチを実装するのはなかなか面倒です。CSSで書くと、なかなかのボリュームになってしまいます。 そんなスイッチがHTMLだけで実装できるようになります。 Release Notes for Safari TP 185によると、HTMLの新機能としてswitch属性がサポートされました。これにより、スイッチUIがHTMLで簡単に実装できるようになります。 switchについては、かなり前から実装についてGitHubで議論されていました。スイッチは人気のあるUIコントロールだけど、CSSで実装するのは簡単じゃないよね、簡単に実装できるようにしよう。という感じです。 スイッチUIを実装するHTMLは、下記の通りです。

前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 なお、こちらの記事の内容は順次YouTube

村井理子 @Riko_Murai 義母も義父も、コンビニには行けなくなってしまった。カードやポイント、画面操作が必要だから、怖くて行けないらしい。銀行もハードル高いらしく、毎度、予約して（！！）、行員さんに全部やってもらっているらしい。なんかもう、どうしたらいいのだろうな 2023-04-26 16:52:06 村井理子 @Riko_Murai 翻訳家・エッセイスト。愛犬は長い棒を回収する琵琶湖の至宝。『射精責任』（太田出版）『ラストコールの殺人鬼』（亜紀書房）、『未解決殺人クラブ　市民探偵たちの執念と正義の実録集』（大和書房）、『犬と会話する方法　動物行動学が教える人と犬の幸せ』（慶應義塾大学出版会）、【最新刊】『ある翻訳家の取り憑かれた日常』（大和書房） rikomurai.com/%e7%a7%81%e3%8…

MESSAGE メッセージ ニンテンドーシステムズは、任天堂の娯楽をお客様へお届けしやすいシステムを作るため、任天堂とDeNAのエンジニアチームを中心として、2023年4月に生まれました。 世の中に多くの技術革新がある中で、独創の精神と柔軟性を大切にしながら、様々な強みを持ったメンバーが活発に議論し、一人では成し遂げられない大きな成果を目指して、システムづくりに誠実に取り組んでいます。 インターネットを取り巻く技術は、日々目まぐるしく変化し、複雑さを増しています。 ニンテンドーシステムズはその中で、7年以上のパートナーシップで培われた任天堂とDeNAの信頼関係を活かし、任天堂の独創性とDeNAの技術への知見を原動力として、世界へ新たなイノベーションを生み出していきます。 娯楽を取り巻く技術開発は、これからも発展を続けていくことが予想されます。 枯れた技術から最先端の技術に至るまで、多様な技

以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で

これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし

リンクとボタンのビジュアルが似たものもしくは同じものになる理由のひとつに「押せる」[1]という共通点があるからだと思っている。 ビジュアルを似たもの・同じものにするかどうかは状況により判断されるので、そこに画一的な優劣は存在しない。しかしリンクとボタンは明確に異なる機能や振る舞いをもっている。その振る舞いやそれに対するユーザーのメンタルモデルから結果ビジュアルが同じになるのならいいのだが、ただ単純に「押せる」ことだけを基準にデザインされてしまうのは具合が悪い。このエントリーでは、リンクとボタンをデザインするにあたって「押せる」だけではなく、他にも判断材料となるものがあることを共有したいと思う。 前提と定義 今回の話はウェブブラウザで動作するUIを前提に考える。途中で言及するが、リンクがURLに関係していることと、URLをユーザーが意図的に変更できることが大きく関係するので、ネイティブアプリ

人から人へ、 最良のものを届ける。それが、 私たちの始まりであり、 すべてです。今でも、 ビューティーディレクターという独自のネットワークに息づいている。美容はもちろん、 あらゆる領域において。私たちは、 すべてのお客さまに寄り添っていく。一人ひとりの可能性をどこまでも拡張するために。We Care More. それが、 私たちの新しい約束。 人、 社会、 地球。 そのすべてを「ケア」していく。世界を変える、 心づかいを届ける。美容と健康のための製品やサービスを今までのやり方にとらわれずに探し続ける。多様性の尊さを守りながら。 地域の個性を愛しながら。サステナブルな方法を選びながら。Science. Art. Love. をもういちど実践しながら。ないものは、 つくる。 その覚悟とともに。 2020年。 これまでの当たり前は、 当たり前ではなくなった。だからこそ、 いちばん大切なものを見つ

木村浩康 @hiroccck 最近のスクロール芸極まりすぎててもうこれ以上先はないんじゃないかと思ってたけどめっちゃくちゃ王道でまっすぐ素直にど真ん中ぶち抜いて矛盾なく限界突破してる。。まだ先があったかー。すげー。。 pola.co.jp/wecaremore/

iPhoneのホーム画面に並んだアプリアイコンを一気に移動させる、鮮やかな方法を紹介した動画が、TikTokで話題になっています。 アプリをまとめて移動させるのに便利 iPhoneのホーム画面で、アプリを他の画面に動かす時、アイコンを長押ししてアイコンが震えたらドラッグする方法が一般的です。 この方法だと、複数のアプリを離れたページ（たとえば、2ページ目から5ページ目）へ移動させたい場合などは時間がかかってしまいます。 そんな時に役立ちそうな、iPhoneのアプリを一気にまとめて移動させる様子の動画がTikTokに投稿されて話題になっています。 手順は以下のとおり アプリアイコンをまとめて一気に動かす方法は、以下の操作手順で実現できます。 動かしたいアプリのアイコンを、メニューが表示されるまで長押し メニューが表示されたら「ホーム画面を編集」をタップ アプリアイコンを押したまま、好きな方向

Tinnamon @casdtem 今日ショック過ぎてツイートも出来なかった…初めてShake shackでオンラインオーダーしたんだけど、バーガーの注文のとこで1枚目写真のようにオプションが並んでんのよ。全部入れて欲しいから全部選択するじゃん？いざ食べようと蓋開けてみたらバンズの間にパテと玉ねぎ2本だけが入ってた😂😂😂 pic.twitter.com/1ORtqPMZDr

WEB屋さんなら、タイトルである程度察してもらえるこの問題。 昨今のWEBサイトは、スマートフォンからのアクセスがほとんどのため、デザインや操作性はスマートフォンでストレスなく使えることが最重要課題となっている。 特に、ユーザーが商品の購入を行う際に、必ず経由するであろう「フォーム」の入力。 ここがストレスなく入力できるかが、成約の肝となるのだが…。 ユーザーに入力する際に、選択肢の中から項目を選んでもらう「セレクトボックス」というものがある。 複数の選択肢の中から、ユーザーに選んでもらう、というフォームを設けたい場合は、「セレクトボックス」が最も使われていると思う。 （ラジオボタンやチェックボックスよりも癖がないため） 「セレクトボックス」とは、↓コレのことである。 今見ている端末によって、このSELECTの仕様が異なっていると思うが、iPhone端末はこんな表示になっている。 いわゆる

楽天市場での販売を止めて1年と経たずに、自社ECサイトで売り上げをすぐに取り戻せそう——。そんなSPA（製造小売り）を勇気づけるツイートが、2カ月前に話題になった。 つぶやいたのは、1716年創業の老舗企業｢中川政七商店｣（奈良県奈良市）で、取締役兼コミュニケーション本部本部長を務める緒方恵氏。同社は日本の伝統工芸を生かした生活雑貨を企画・製造・販売する。どのように実現したのか、奈良の本社で緒方氏に話を聞いた。 ブランドコントロールについて長期で考えた結果、昨年の8月に楽天市場店を閉じた。 EC全体の4割を担っていた楽天を閉じるのは肝が冷えた。 が、1年かからずに本店サイトで楽天分をカバーできるように成長させることができそう。 勝因はひとえにメンバーの成長。これに尽きる。感慨深い。 — 緒方 恵 / 中川政七商店 取締役 (@notmegumi) June 23, 2019 ブランドコント

2019年1月のある日。いつものようにベッドで寝転びながらTwitterを見ていると、あるメディアのツイートが目に止まった。 ＜スマホと連携する、最新スマート冷蔵庫を発表。価格は40万円台。＞ ある家電メーカーがインターネットに繋がる冷蔵庫、いわゆるIoTの冷蔵庫を発表したようだ。 特徴的な機能は、スマホで庫内の温度調整や運転状況の確認が出来たり、スマホにドアの閉め忘れなどを通知してくれること。専用アプリを使ってカメラで食材の画像を撮影すれば、庫内の食材管理も可能だという。 「いったい誰がこんな機能使うのだろうか」これが最初に抱いた正直な印象であった。 “急な来客が決まった際に外出先から庫内を急速冷却するなどの使い方”という説明が書いてあったが、そんなシーンの主語になるような人物像が思い浮かばない。ドアの閉め忘れは「ピーピー」というあの不快な音がすべてを解決しているのではないか。 食材管理