2025年、デザインはこう変わる！注目の人気トレンド完全ガイド

2025/01/06 112 users 注目 デザイン ミニマル 美学 クリエイティブ

デザインの世界は2025年、大きな進化を迎えようとしています。 AI技術の進化や環境意識の高まりを背景に、ミニマルな美学から大胆なインタラクティブ表現まで、これまでにない多様なトレンドが登場。 これらのトレンドは、ユーザー体験を向上させるだけでなく、クリエイティブの可能性をさらに広げるヒントに満ちていま... 続きを読む

HTML Drag and Drop APIの紹介と導入【React】

2025/01/03 90 users マウス操作 ドラッグ＆ドロップ アプリケーション開発 要素

はじめに Web アプリケーション開発において、ユーザー体験を向上させる重要な機能の 1 つに、ドラッグ&ドロップが挙げられます。 シンプルなマウス操作で要素を移動したり、ファイルをアップロードしたり、 直感的な操作性を実現することができます。 今回は、HTML Drag and Drop API について調査したので、基礎的な内... 続きを読む

UI 開発における ヘッドレス UI ライブラリの重要性とデザインシステムへの取り入れ方

2024/11/23 118 users ライブラリ 取り入れ方 ヘッドレス 開発 デザインシステム

昨今の Web 開発における UI はますます複雑化し、アクセシビリティの重要性が高まっています。ブラウザの標準機能だけでは実現できない複雑な UI を実装する際、アクセシビリティに関する誤った実装が原因で、ユーザー体験を損なう可能性があります。ヘッドレス UI ライブラリは、あらかじめアクセシビリティ… 続きを読む

「パスキー」のユーザー体験を最適化させるデザインガイドライン、FIDOアライアンスが公開

2024/06/02 176 users FIDOアライアンス 普及 認証方式 従来 ハスキー

パスワードレスなユーザー認証を実現する業界標準である「パスキー」を策定するFIDOアライアンスは、パスキーのユーザー体験を最適化させるためのデザインガイドラインの公開を発表しました。 パスキーは、従来のパスワードによるユーザー認証よりも強力で安全な認証方式とされており、普及が期待されていますが、多くの... 続きを読む

JavaScript なしで動作するモダンなコードの書き方

2023/11/19 209 users コード JavaScript 書き方 SvelteKit 近年

Next.js、Remix、SvelteKit といった近年のフレームワークは、JavaScript がなくても動作することを一つの価値として提供しています。 例えばSvelteKit のフォームではプログレッシブエンハンスメントとして、JavaScript が利用できる環境ではリッチなユーザー体験を提供しつつ、JavaScript が使えない環境においては HT... 続きを読む

UIは閲覧画面からつくろう。｜Shino | Software Designer

2023/06/27 196 users ストーリー すごい違和感 ユーザー 閲覧 Shino

ユーザー体験的なものをストーリーで整理し次にUIを作成するとき、閲覧・参照系より先に新規作成のUIから考える、というケースをときどき見かけます。 これ、すごい違和感あります。 ストーリーにおいてユーザーはまず新規作成するので、そのまま新規作成から着手してしまう、といったところでしょうか。 その場合、新規... 続きを読む

270万人が登録、月間5億円が取引される「Skeb」のクリエイターファースト戦略。SNSで広まる仕組みと、「やらないこと」を決めるとユーザー体験が変わる話。｜アプリマーケティング研究所

2023/04/24 303 users Skeb スケブ ドワンゴ ＤＭＭ 株式会社スケブ

270万人が登録、月間5億円が取引される「Skeb」のクリエイターファースト戦略。SNSで広まる仕組みと、「やらないこと」を決めるとユーザー体験が変わる話。 コミッションサービスの「Skeb」さんを取材しました。 株式会社スケブ 代表取締役 なるがみさん。DMMやドワンゴで働いた後に独立してSkebを開発。Skeb（スケブ）... 続きを読む

Azure AD が提供するパスワードレスのユーザー体験

2023/01/08 131 users Azure AD パスワードレス Azure 米国 全体像

こんにちは、Azure Identity サポート チームの 竜 です。 本記事は、2022 年 12 月 15 日に米国の Azure Active Directory Identity Blog で公開された End user passwordless utopia を意訳したものになります。 Azure と Azure Active Directory (Azure AD) で利用できる技術はたくさんありますが、全体像を把握し、... 続きを読む

ユーザーが見落とすことがない入力フィールドを作るには | UX MILK

2019/10/16 55 users UX MILK 入力フィールド ユーザー ベストプラクティス

UX Movementの著者および創設者。ユーザー体験においてのデザインのベストプラクティス、スタンダードおよびテクニックを教え、それを広めることでより良いデジタルの世界を作り上げることを目標としています。 入力フィールドは、ユーザーに情報を要求するもっとも一般的なインターフェイスの要素です。入力フィールド... 続きを読む

ユーザー体験を軸にサイトリニューアルを進めるにはどうすればいいんでしょうか？ noteのCXO深津貴之さんに聞いてきた | Webのコト、教えてホシイの！ | Web担当者Forum

2019/10/10 59 users 深津貴之さん CXO深津貴之さん サイトリニューアル 主催

漫画に登場した深津さんが登壇するWeb担主催のイベントがあります。 ［Web担当者Forum ミーティング 秋 2019］ 世界観とビジネスを共存させるには？ ～noteのUX設計を決定づけたグロースモデルの考え方～ 講師：深津貴之さん 日時：11/13（水）　9:30～10:30 場所：虎ノ門ヒルズフォーラム 料金：無料 主催：Web担当者Fo... 続きを読む

ユーザー体験の質を左右するナビゲーションのパターン６選 | UX MILK

2019/07/17 58 users ナビゲーション UX MILK

PeteはApp Velocityの経営者で、トロントでもっとも優れたモバイルアプリ開発者の１人です。 アプリはアイデアから生まれ、目的によって具体化されます。私たち起業家やデザイナー、開発者の関心は、最初から最後までスムーズな行程に沿ってユーザーを誘導して、有益な体験を与えることにあります。 あるリサーチによれ... 続きを読む

アニメ制作における最低必要要件 – Netflix | パートナーヘルプセンター

2019/05/22 75 users Netflix アニメ制作 要件 プラットフォーム 工程

アニメ制作における最低必要要件 制作からアーカイブまでのプロジェクトの全ての工程において高品質を維持するため、制作及びポストプロダクションワークフローに最低限必要とされる技術要件を提示します。これはNetflixのプラットフォームとユーザー体験が進化し続けるためにも、コンテンツが将来にわたって活用できる... 続きを読む

エンジニアドリブンでユーザー体験を約250％改善した話 - トクバイ テックブログ

2019/03/08 62 users エンジニアドリブン トクバイ テックブログ

こんにちは、技術部の@k0uhashiです。最近の休日の過ごし方はVRChatを朝から次の日の朝までやることです。一瞬で月曜日が来るのでオススメです。業務では主にトクバイiOSアプリの開発をしています。 トクバイAndroid/iOSアプリはおトクな体験をより身近にし、もっと買い物をかしこく、たのしくできるようにアップデート... 続きを読む

サービスに求められるものを、6段階に分類する｜深津 貴之 (fladdict)｜note

2019/03/04 625 users 施策 低レイヤー プロダクト 現状 ベース

「サービスの体験をよくする」というのが、漠然としてどうすればいいかわからないとき、まずユーザー体験を6段階に分類するのをオススメします。 この図をベースに、 ・あなたのプロダクトの現状 ・やろうとする施策やアップデートが、それぞれどのレイヤーに属するかを見て、基本は低レイヤー（機能より）のものから、... 続きを読む

アニメーションを使った効果的なモバイルなトランジション例 | UX MILK

2018/11/15 353 users アニメーション UX MILK ソフトウェアデベロッパー

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 アニメーションはユーザー体験において重要な要素です。モバイルアプリ画面のトランジションにおいて、アニメーションで伝えられることはたくさんあります。メッセージ送信、設定画面を... 続きを読む

ユーザー体験を通じてアプリの継続率を向上する。キャリトレが実践するオンボーディング最適化とは？｜モバイルマーケティング研究所｜モジュールアップス – ModuleApps

2018/10/23 53 users コンバージョン オンボーディング ModuleApps 自社

自社で提供するアプリを公開し、想定以上ダウンロード数があったのに、なかなかアクティブユーザー数が伸びず、コンバージョンが予想を上回っている。どうしたら継続利用してもらえるのか悩んでいる担当者も多いと聞く。今回、キャリトレで実践しているオンボーディングを最適化する方法について手順を追いながら解説さ... 続きを読む

エラーメッセージはフォームのどこに表示するべきか | UX MILK

2018/08/28 599 users UX MILK UX Movement 著者 フォーム 開発

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できな... 続きを読む

スクロールがユーザー体験に与える影響とは | UX MILK

2018/08/22 68 users スクロール UX MILK Alan Agency 影響

Alanは、ITの領域において幅広い経験をもつ、テクノロジーに関する熱心なブロガーです。彼は現在、ロサンゼルスに拠点を置くSPINX Digital Agencyと連携して仕事をしています。 些細なことがユーザー体験を大きく左右することもあります。私たちがインターネット上で行うことの大部分は、無意識下で行われます。私たちは... 続きを読む

20代の女子「アマゾンより楽天をつかう」理由は「メール便」で送ってほしいから。通販のユーザー体験が「ウケ取りとゴミ捨て」まで地続きになっている話。｜アプリマーケティング研究

2018/01/09 731 users 地続き Slack 目次 アマゾン 中学生

20代の女子「アマゾンより楽天をつかう」理由は「メール便」で送ってほしいから。通販のユーザー体験が「ウケ取りとゴミ捨て」まで地続きになっている話。 スマホユーザー3名にインタビューしました。楽天をつかうのは「メール便」で送ってほしいから・・・！？ 目次： ・アマゾンより楽天をつかう理由は「メール便で送ってほしい」 ・中学生の妹のLINEで「いまの気持ち」を伝える斬新な方法 ・Slackが「彼氏専用... 続きを読む

「iPhoneは早ければ1年後に性能が落ち始める」のをAppleが正式に認める - GIGAZINE

2017/12/21 491 users GIGAZINE iPhone Slow iOS更新 公表

「AppleがiOS更新によってiPhoneの性能を落としている」というベンチマークソフトGeekbenchの 公表 を受けて、Appleが正式にiPhoneのピーク性能を意図的に落としていることを認めました。これは「最高のユーザー体験を提供するため」だとAppleは述べています。 Is your old iPhone ridiculously slow? It could be all Appl... 続きを読む

「iPhoneは早ければ1年後に性能が落ち始める」のをAppleが正式に認める - GIGAZINE

2017/12/21 491 users GIGAZINE iPhone Slow iOS更新 公表

「AppleがiOS更新によってiPhoneの性能を落としている」というベンチマークソフトGeekbenchの 公表 を受けて、Appleが正式にiPhoneのピーク性能を意図的に落としていることを認めました。これは「最高のユーザー体験を提供するため」だとAppleは述べています。 Is your old iPhone ridiculously slow? It could be all Appl... 続きを読む

アプリの初回起動時の体験設計を考える | Goodpatch Blog

2017/12/15 54 users Goodpatch Blog 初回起動時 アプリ 体験設計

Goodpatch Advent Calendar 2017 14日目は、アプリの初回起動時の体験設計を考えてみます。 アプリの初回起動時のユーザー体験はとても重要です。 そこは、ユーザーとアプリ（≒サービス）の出会い場であり、ユーザーがコンテンツに触れるための入り口でもあります。この画面をオンボーディングとも言います。オンボーディングの体験をどうするべきかという話は調べるといろいろ出てくるかと思... 続きを読む

最高体験責任者(CXO)としてお手伝いすることになりました | 深津 貴之 (fladdict) | note

2017/10/02 50 users cakes CXO fladdict 貴之 深津

こんにちは。 THE GUILD の深津です。 fladdict というハンドル名で、ご存知の方もいるかもしれません。 このたび、 Cakes（とnote）へCXOとして参加することになりました 。「ユーザー体験の最高責任者」というお仕事です。Cakes,noteを認識した瞬間から、忘れ去るまでの全ての脳の精神状態をいい感じにするお仕事です。noteユーザーのみなさま、よろしくお願いいたします。T... 続きを読む

ブルーボトルコーヒーはUX（ユーザー体験）の設計を間違えた。 - アイデアのスープのレシピ

2017/09/22 122 users ブルーボトルコーヒー ブルーボトル スープ アイデア レシピ

2017 - 09 - 22 ブルーボトルコーヒーはUX（ユーザー体験）の設計を間違えた。 デザイン ビジネス アイデアのスープ 起業 ブルーボトル、買収されましたね。 www.nikkei.com お題「コーヒー」   ブルーボトル、サードウエーブコーヒーですか、人気ですね。オシャレで流行に敏感な若い人たちはこぞって行っていたのではないでしょうか。ここ数年でカフェを開業した若いオーナーたちは、少... 続きを読む

Backlogの改善でわかった A/Bテスト を失敗に導くアンチパターン5選 | ヌーラボ

2017/07/12 91 users Backlog 砂川 トラッキング ヌーラボ 定量化

こんにちは。ヌーラボの砂川です。ヌーラボのプロジェクト管理サービス「 Backlog 」のグロースハックチームとして働いています。さて、外から仕事内容が見えにくいこのグロースハックチーム。一体どのような仕事をしているかというと、 Backlog がどのように使われているかを、トラッキングや様々な A/Bテスト 等を通じて定量化・定性化し、ユーザー体験の改善に役立てる活動をしています。 簡単に言うと... 続きを読む