Windows11でOneDriveのバックアップ機能が標準で有効化されるように→「容量がいっぱいと言われたのでOneDriveのデータを削除したらPC側までデータが吹き飛んだことがある」
すまほん!! @sm_hn スマホの今と未来がわかる！モバイル/AI/XR/メタバース/テクノロジー関連を中心に取材・レビュー。日本と海外の最新ガジェット情報をお届けします。取材依頼等はメールフォームもしくはDMまで。投稿にはAmazonアソシエイトURLが含まれる場合があります。 smhn.info リンク すまほん!! 【悲報】Windows 11さん、勝手にOneDriveへのバックアップを有効化。ユーザーから批判殺到 - すまほん!! 助けて政府！Microsoftは、Windows 11に対して、こっそりOneDriveの自動バックアップ機能を無許可で有効化する変更を行ったようです。海外サイトNeowinとZDNETが伝えました。現在のWindows 11では、初期セットアップ段階でユーザーに選択肢を与えるこ... 442 users 82 リンク TECH+（テックプラス） W
『新紙幣は千円札と一万円札で「1」のフォントが違っていてキモすぎる！』→視覚障害者などが使いやすいデザインだし旧紙幣もフォントは違っている
ひまだ @EGFinal_mada 新紙幣、千円の「1」はただの棒で1万円の「1」が折れ曲がってるやつなの、キモすぎ！！！！！！！！！！！ pic.twitter.com/NzZPsJ0NL0
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱
本セミナーでは、デザインやITの知識を持たない方でも直感的で使いやすいUIの検討（アプリケーションの画面設計等）を行える方法論をご紹介します。 DXに取り組む企業の増加、ノーコード開発ツールの発展などの背景から、最近、デザインやITの知識をほとんど持たない方が業務用アプリ等の画面をつくる機会が増え…
理想のUIをめざして！Webでハーフモーダルを作って磨き上げた話 - Tabelog Tech Blog
こんにちは！飲食店システム開発部オーダーチームの開発エンジニアを担当している堀口です。 食べログオーダーは、レストランでの飲食体験をより快適にするためのモバイルオーダーシステムです。飲食店に来店したお客様が自身のスマートフォンを使用してQRコードを読み取り、Web上でメニューをカートに追加し注文することができます。メニュー選択や注文操作はWebでありながら、ハーフモーダルを使用したネイティブアプリのような注文体験ができます。 この記事では、モバイルオーダーシステムのUI改善に焦点を当てます。ハーフモーダルの採用がどのようにして決定されたのか、その開発プロセス、そして実際に達成された改善点について詳しく掘り下げていきます。Reactを使用したフロントエンド開発で遭遇した課題と、それらをどのように解決したかの具体例を紹介します。 目次 なぜ「ハーフモーダル」を採用したか ハーフモーダルの導入と
当サイトは Google Adsense、Amazon アソシエイト等 アフィリエイト広告を利用して収益を得ています. Google は Google 検索における検索結果の連続ページスクロールを廃止し、従来のページ区切りのスタイルに戻すことが明らかになりました。 連続スクロールは2021年にモバイル検索から導入され、2022年にはデスクトップの検索でも導入されています。これはユーザーが検索結果のページをスクロールしていくと、Google 検索が自動的に多くの結果を読み込み続けるという機能です。しかし、ユーザー満足度が大きく向上しなかったことにより、従来のページネーションによる検索結果ページに戻すことを決定したようです。 これは Google が Search Engine Land に伝えたもので、この変更は2024年6月25日からデスクトップ検索ですでに提供されているとしており、モバイ
おたろう @otarou01 セルフレジであたふたしてる年配者を見るに、あの手の人々の特徴として「文字を読まない」というのがあると思う。 ディスプレイの中にも外にも文字で色々と使い方が記されてるけど、基本それらを読まずに直感でボタン押してるだけの様子。 説明書読まない系、結論として文字情報は彼らには無力。 2024-06-23 10:17:20 おたろう @otarou01 よくセルフレジで困ってる年配の人を手助けするけど、動きから文字を読んでないのが分かる。 自分は説明書は最初にきちんと読むタイプだが、説明書を読まない人達は文字から何かしらの情報を得て事に当たるという習慣が無いから、困ったらまず目の前の文字を読むという事をしない。 2024-06-23 10:21:54 おたろう @otarou01 そういう意味では高齢者が使うインターフェースの開発には日本語が読めない外国人をシュミレー
話題のClaude「Artifacts」は対話型AIにおける「UX革命」である｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
効果的なトップページとは、シンプルでアクセスしやすく、組織やサイトの目的を伝え、魅力的なコンテンツを表示し、ユーザーの行動を促すものである。 Homepage Design: 5 Fundamental Principles by Huei-Hsin Wang on March 15, 2024 日本語版2024年6月18日公開 トップページ（homepage）は、どのウェブサイトにおいても最も重要なページの1つである。それはしばしば、ユーザーを魅了し、サイトに関与させるための最初の、そして場合によっては唯一の機会となるからだ。適切にデザインされたトップページは、ユーザーを明確かつ的確に彼らの目的に導くと同時に、ブランドのアイデンティティやサイトの提供するサービスを効果的に反映するものである必要がある。 この記事では、トップページのデザインに関する5つの基本的な原則を、それぞれ実践的なガイ
ベン図で表すと以下のようになります。 （あまり一般的でない名称のコンポーネントも便宜上使用しています。） 以降、詳しく解説します。 Modal Modal は、ユーザに特定のアクションを求めるために、ユーザのインタラクション（操作）を中断させる UI コンポーネントです。 難しい表現をするならば、ユーザの操作を「モードに移行」させるコンポーネントと言えます。 もともと、「Modal」という英単語はこちらで言及されているように形容詞です。 そのため、「Modal な〇〇（名詞）」という意味が本来は適切な使い方です。例えば「Modal な Dialog」や「Modal な Drawer」などです。 今日では単に「Modal」だけで使われることが多いので注意が必要です。 Modal はユーザの操作を制限し、ユーザが特定のタスクに集中して対処しなければならない状態を作り出します。 ユーザは「モーダ
マルスと「熟練が必要なUI」についての議論
こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう！ 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの
ユニクロ公式サイトが視覚障害者には使えない。健常者からも大不評
リンク note（ノート） ユニクロ公式サイトが使えません（ついでにレジも）｜ブラインドライターズ ブラインドライターズのスタッフは9割が視覚障害者。 先日、みんなで「どうやって服を買うか」の話になりました。 マネキンの服は見えないので、コーディネートが分からない 下着を買いたいけど、店員さんの性別が分からないので声をかけづらい ロービジョンなので黒なのか紺なのかわかりにくく、店で買いづらい などと、たくさんの悩みごとがありました。 確かに、異性の店員さんに下着の相談はしにくいですよね。 タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。 そんなときに便利なのがEC 484 users 65
5時間営業で“年間10億円”…三重の『ローカルスーパー』がネット販売で異例の成功 その徹底したコスト管理 | 東海テレビNEWS
成功するのが難しいといわれる「ネットスーパー」で、三重県の『ローカルスーパー』が大成功している。配送のコストを徹底したうえ、自社アプリを開発するなどして成功したその先には、今後スーパーが生き残っていくための戦略があった。 ■収益化難しい「ネットスーパー」 大手は積極参加も『ローカルスーパー』では収支合わず 三重県菰野町（こものちょう）に住む共働きの山岡慈美（やまおか・よしみ 35）さんが、帰宅してすぐに確認するのは、“ネットスーパー”で購入して届けられた食材や日用品だ。 山岡慈美さん： 「たっぷりです。今日は特に多いですね。お肉とか、牛乳、卵。子どもが注文したアイス」 山岡さん： 「今はもうこれがない生活が考えられないです」 【動画で見る】5時間営業で“年間10億円”…三重の『ローカルスーパー』がネット販売で異例の成功 その徹底したコスト管理 便利な「ネットスーパー」は、民間の調査会社「富
デジタル庁デザインシステムβ版
デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。
UXデザイナーが肩書きの私がいまUXデザインにそんなに興味がない理由 #uxd2024（字幕入り配布版）
イベント「UXデザイン 〜デジタルプロダクトデザインの今と未来〜」で講演した資料の配布版です。 スライドに文字がなく口頭で話していた内容を字幕スタイルで追加しています。 ハッシュタグ : #uxd2024 イベントURL : https://cross-rel.connpass.com/event/316259/
「“回復”はプレイヤーの時間を奪う要素だから要らない」──『サガ』生みの親・河津秋敏氏が語る、超鋭角な「攻める」ゲームデザイン論。最新作『サガ エメラルド ビヨンド』では短くかつヒリつくバトルを追求、「プレイヤーに同じような体験を何度もさせない」ことを目指した
RPGでは当たり前に存在する「回復」と「ショップ」をなくした理由──「回復」というのはこれまでのRPGにおいて当たり前に存在している要素だと思うのですが、『サガ エメラルド ビヨンド』では回復がないとお聞きしています。なぜRPGのバトルから回復という存在を排除したのでしょうか？ 河津秋敏氏（以下、河津氏）： 自分としては、回復はバトルを引き延ばしてプレイヤーの時間を奪っている要素だと思っているんです。ゲームに縛り付ける時間を長くするだけの要素で、必要性を感じないんですね。 ──回復はユーザーの時間を奪っている……ですか。これまでRPGには当たり前に存在していた要素なだけにその視点は驚きです。 河津氏： それに回復があると、回復役に盾役に攻撃役にと、パーティ編成が固定化されてしまうじゃないですか。そうすると自由度がなくなる。 自分自身、HPが削られるのが嫌いなのでどうしても守りを固めて回復で
良いUIUXは利益になる。スピードの裏にある日本と中国で異なるUI/UXデザインの考え方 2024年5月21日 ITジャーナリスト 牧野 武文（まきの たけふみ） 生活とテクノロジー、ビジネスの関係を考えるITジャーナリスト、中国テックウォッチャー。著書に「Googleの正体」（マイコミ新書）、「任天堂ノスタルジー・横井軍平とその時代」（角川新書）など。 中国のアプリやミニプログラムのUI/UXデザインには、とにかく便利さを追求したものが多い。中国では、使いやすいアプリはユーザーの離脱を防ぎ、コンバージョンを高めてくれる上に、売上に直結すると認識されているからだ。近年、アジア圏にまたがりサービスを提供する中国企業が増え始めるとともに、その優れたUI/UXが日本にも認知されるようになっている。そのような越境アプリからは学ぶべき点が多いはず。 keyboard_arrow_down 課題を抱え
「内回り」「外回り」って意味あるの？
「お客が全然来ません…助けてください…」でバズってるお店の大半が場所・店名・最寄り駅が不明で営業時間も短いのでそりゃ客も来ないよな...となる
神話＠みりん風調味料 @rand_rpg だから！！！！！この手のは！！！！！！！！同じツイートかせめてツリーに！！！！！！！！！店名と！！！！！！！！住所を！！！！！！！！！！！書け！！！！！！！！！！！！！！！！！ みんながみんなインスタをやってると思うなよっていうのと、リンクを踏む一手間を惜しむ層は多いぞ x.com/24alt7/status/… 2024-05-16 18:53:17 にゃー太@山城国 @nyanyanya_n3 美味しそうだし良いなと思ったんだが、たぶんSNS広告が上手くない感じだ ・住所や店名が分かるものをプロフや固定に載せてない ・いつやってるか分からない ・インスタ見てとリンク貼るがインスタやってない人は見ないし更にマップ検索も手間で離脱者が多くなる ・煽り耐性がなくて客（仮）に喧嘩腰 x.com/24alt7/status/… 2024-05-17 01
なぜ西松屋はいつもガラガラなのに潰れないのか…赤ちゃん本舗とは全然違う｢売らなくていい｣驚愕の店づくり 縮小市場で生き残るための唯一の必勝法
子ども・ベビー用品を扱う西松屋が成長を続けている。少子化なのになぜ儲かるのか。流通アナリストの中井彰人さんは「西松屋は驚くほど『売らなくていい』店の作り方をしている。これこそが西松屋が見出した縮小市場で生き残り、成長していくための必勝法なのだ」という――。 人口減少のなかでも店舗を増やすチェーンストア 2023年は、最後まで人口が増加していた沖縄県が減少に転じたことで、全都道府県で人口減少となった、という節目であったらしい。我が国の人口は、2009年に既にマイナスに転じていたのだが、地域によってその進行スピードが異なっており、これで全国共通の事象となった。地方ではかなり早くから減少していた地域があり、減少県の数でみると、1981年だと0県だったのが、1991年15県、2001年27県、2011年39県というペースで増えてきた。 こうした環境下でも、チェーンストアは店舗を増やして成長するとい
実務で生成AIサービスを開発してわかったこと
この記事は2022年7月29日のひらくデザイン記事を一部変更して転載しています。 皆さんは新しいサービス企画を実現するためのデジタルプロダクトをつくるときに、どのようなことから着手し始めますか？ いざ検討を進めると、次のような課題に遭遇することはないでしょうか。 「新サービスのコンセプトは決まったが、どうすればデジタルプロダクトで実現できるのかイメージが湧かない」 「開発会社から機能要件を決めてほしいと言われるが、どうやって決めればよいかわからない」 「必要になりそうな機能はなんとなくわかるが、本当に必要かどうか判断できない」 これらの課題は、デジタルプロダクトで実現したいこと（要求）と実際にデジタルプロダクトをつくる上で必要なこと（要件）との間に、大きな隔たりがあることから生じています。 コンセントではその隔たりを埋めるために、ユーザー視点を取り入れた独自のUX/UI設計プロセスとしてオ
日経ビジネス電子版 は「メディアの価値」と「顧客体験」をいかに両立するのか。編集長が語るリニューアルの裏側 | DIGIDAY［日本版］
We are excited to announce support of submenus in the latest release of React Spectrum and React Aria! In the process of adding this feature, we found ourselves solving some unique challenges while working to make submenus user-friendly and accessible across an array of devices and input types. In doing so, we wanted to share our thought process in solving one of the challenges we faced along the
与作さん(YsK439) @YsK439 音楽レーベルの主宰 @diversesystem クリエイティブに関わる雑用やゲーム開発協力が仕事です。重度のライトゲーマー。昔は音ゲーとガンシューのスコアラーやってました。 DiverseSystemの事はDiverseSystemにお問い合わせ下さい。 gamersnest.com
アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。 このDividerの線幅について、国内外のサービス各社の対応を調べてみました。 iOSとAndroidのDividerの線幅の違いiOSアプリのリストはSwiftUIで以下のように実装できます。 var body: some View { List { Section(header: Text("タイトル")) { Text("テキスト") Text("テキスト") Text("テキスト") } } .listStyle(.plain) }これをプレビューすると、各リストの間に 物理ピクセル数 1 の太さの線が表示されます。 iOSアプリのリストAndroidアプリのリストは以下
SmartHRのプロダクトデザインシステム史上最大のアップデートがはじまります。 ー SmartHR Design Systemの現在地（2024年4月版）｜週刊プロデザ by SmartHR
開発組織も当然大きくなっており、プロダクトデザイナーのプロダクト開発への関わり方もアップデートしつつあります。 「デザインシステムは、それを運用する組織の体制や構造に強く影響を受ける」ということで、現在、2つの状況からデザインシステムは次のステップに進むフェーズにきています。 デザインシステムの進化を後押しする2つの状況 マルチプロダクト戦略SmartHR がマルチプロダクト戦略を打ち出したことで、「ユーザーインターフェースの品質と一貫性がもたらす使いやすさ」がより重要になってきました。競合他社との機能のコモディティ化が進むなか、「使いやすさ」は商品価値として差別化要素の一つと位置づけられます。詳細はダイレクターのfumiya(@tyoys00)さんの前回の記事をぜひ読んでください。 プロダクトデザイン組織の拡大マルチプロダクト戦略を受けて、私たちは「プロダクトの使用性を担保する開発者で
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
This guide is open source, please go ⭐️ it on GitHub and make suggestions/edits there! https://github.com/FrontendMasters/front-end-handbook-2024 1. Overview of Field of Work This section provides an overview of the field of front-end development/engineering. 1.1 — What is a (Frontend||UI||UX) Developer/Engineer? A front-end developer/engineer uses Web Platform Technologies —namely HTML, CSS, and
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 最近、プロダクトやサービスの内容を紹介する手段として、イラストやモーショングラフィックなどを用いた動画が使用されているのをよく見かけます。 そこで今回は、サービスの内容を1~2分でまとめたサービス紹介動画を複数ピックアップし、その構造を分析してみることにしました。 はじめに本記事を書くに至った経緯私は現在、映像のデジタル合成やモーショングラフィックの制作などができるAdobeのソフト“After Effects”の学習をしています。 直近のゴールとして、モーショングラフィックを用いたサービス紹介動画を作れるようになろう！ということで、今回の記事はその学習の一環としてまとめました✍️ 動画で伝えるために大切なことAfter Effectsのスキルも重要なのですが、サービス紹介をする上でより重要なのはそのストーリー構成
Guppi @clgldh2119 大学4年間この機能のおかげで いくつもの課題たちを助けられたが 社会人になりOutlookになったせいで 添付忘れ今のところ2回してる。。。。 Gmailに甘やかされた証拠。。 x.com/shinagawajp/st… 2024-04-19 20:38:40
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
米政府系サイトの常識を変えた「デザインシステム」革命
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
Google 検索の連続ページスクロールが廃止。まずはデスクトップユーザーから | HelenTech
セルフレジであたふたしてる年配者を見るにあの手の人々は「文字を読まない」ので文字情報は彼らには無力
トップページデザイン：5つの基本原則
これで迷わない！Modal、Dialog、Drawerの違い
WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント｜toto｜Rabee.inc
解約しやすさはもっと評価されるべき “実質有料化”したセゾンカード、解約が簡単で素晴らしかった
「パスキー」のユーザー体験を最適化させるデザインガイドライン、FIDOアライアンスが公開
優先順位が口癖になる危機感 - ジンジャー研究室
良いUIUXは利益になる。スピードの裏にある日本と中国で異なるUI/UXデザインの考え方
「Copilot+ PC」とはなにか マイクロソフトが狙うUX変化とWindowsの再設計
美大生がデザイナーにならない方が良い3つの理由｜うすいゆな｜セブンデックス
その手があったか！急成長「Temu生みの親」らが編み出した、超合理的な「潔すぎるUI」
コンセント独自のUX設計手法 OOUXデザインプロセス｜CONCENTではたらく人たち
Creating a pointer-friendly submenu experience
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
なんか本人認証のチェックが出てきたんだけど今俺は何を聞かれている? どうすればいい?「面白すぎて無理(笑)」
iOSとAndroidの"Divider"の線幅の違いと各社の対応｜鈴木慎吾 / TSUMIKI INC.
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
The Front End Developer/Engineer Handbook 2024
Webデザイナーが「サービス紹介動画」を構造分析してみた（8事例）｜nanami
Gmailにメールが届かなくなる!? 5月中にやるべき対応策をマンガで教えてください！WACUL安藤健作さんに聞いてきた | Webのコト、教えてホシイの！
Gmail、ほんと頭いいな→「わしはこれで1000回命を救われた」「私らがAIに求めてんのこういうことなんよな」