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

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

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

生成AIサービスのUXデザインにおけるベストプラクティス | 豊富な実例付き｜梶谷健人 / Kent Kajitani

2023/09/06 11 users ベストプラクティス Kent Kajitani 生成AI

国内でも生成AIを使ったプロダクトづくりに取り組む企業は増えていますが、ユーザー体験の正解はまだほとんど体系化されていません。 そのため、サービスの実例を掲載しながら「生成AIサービスにおけるUXデザインのベストプラクティス」についてまとめました。 何でもかんでもチャットUIにしない Webサイトノーコード制... 続きを読む

ユーザーが直感的に理解できる「待ち時間」の適切なUIの選択方法まとめ

2023/08/29 12 users Pencil ウェブサービス ユーザー 待ち時間 選択方法

ウェブサービスの開発において、「待ち時間をどうするか」は大きな問題です。もちろん、待ち時間を減らせるのであれば減らしたいものですが、仕組みの都合上どうしても待ち時間が発生してしまう場合があります。そうした場合にユーザー体験を向上させるデザインのパターンについて、デザインを専門に行う企業の「Pencil ... 続きを読む

Google開発者1000人が答えた「Rustのウワサ」、習得に6カ月以上かかる？　実は遅い？　は本当か

2023/07/15 12 users rust うわさ 博士 習得 プログラミング言語

Google開発者1000人が答えた「Rustのウワサ」、習得に6カ月以上かかる？　実は遅い？　は本当か：Rustに関する5つの洞察 Googleのプログラミング言語や低レベルOS、ユーザー体験を研究する2人の博士がプログラミング言語「Rust」に関する記事を投稿した。以下、その内容を要約する。 Rustは、2015年にバージョン1.0に達... 続きを読む

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

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

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

フロントエンドをViteからNext.jsに書き換えた話 〜パフォーマンス編〜 - 株式会社ヘンリー エンジニアブログ

2023/06/02 17 users vite Swe Henry React アーキテクト

こんにちは。4月にヘンリーに入社したSWE / アーキテクト / SETのsumirenです。 弊社ではレセコン一体型クラウド電子カルテの Henry を開発・提供しています。 今回、HenryのフロントエンドをReact + ViteからNext.jsに書き換えました。 この記事では、最初にNext.jsへの切り替えによってもたらされたユーザー体験の向上... 続きを読む

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) で利用できる技術はたくさんありますが、全体像を把握し、... 続きを読む

HTML の適切な数値入力について調べてみた (type, inputmode, pattern) - Goodpatch Tech Blog

2022/07/25 11 users type インタラクティブ 接点 HTML web

適切な数値入力とは? Design Div 所属フロントエンドエンジニアの上垣です。 web サービスを作成するにあたり、フォーム周りのユーザー体験は特に慎重に設計する必要があると考えています。なぜなら、フォームはユーザーとサービスをインタラクティブにつなぐ重要な接点であり、フォームの体験はサービス全体に対する印... 続きを読む

「Google Workspace」の“無料開放”で、グーグルのメッセージサーヴィスが大きく変化する | WIRED.jp

2021/06/28 15 users グーグル Google Workspace ウェブアプリ

グーグルが「Gmail」や「Google ドキュメント」をはじめとする主要なウェブアプリの機能を強化し、そのユーザー体験を向上させようとしている。そこで力を入れているのが、ユーザーがメッセージのやりとりに利用するアプリの機能だ。 「Google Chat」や「Google Workspace」という言葉を目にして、いったい何が起きてい... 続きを読む

なぜディレクターはUXを分解・言語化しなくてはいけないのか？クソゲーが生まれてしまう原因｜かえるD｜note

2021/05/02 22 users クソゲー プランナー フィードバック ディレクター 分解

ゲームディレクターとして動いていると、企画やできたもののフィードバックをよくする。そうすると必要なのは、UX（ユーザー体験）を言語化して説明をして納得をしてもらうことだ。一緒にやっているプランナーから、UXの分解・言語化をどうやっているのか？という質問が来たので、書いてみる。 ゲームディレクターは、な... 続きを読む

共創するためのデザイン批評 - Speaker Deck

2021/02/26 20 users Speaker Deck デザイン批評 figma etc

Transcript 共創するためのデザイン批評 2021.02.26 Takanori Oki @Front-End Study #4 「いま考えるユーザー体験とデザインの世界」 自己紹介 • UI designer at ClassDo • Organizer of Web Platform Study Group • Figma, Web Font, 11ty, etc… • 最近引っ越しました 2 デザイン批評の基本 3 デザイン批評の 基本 • 批... 続きを読む

VRライブでの演出とユーザー体験のポイントについてメモ｜深津 貴之 (fladdict)｜note

2021/01/03 20 users 没入感 特性 個室 遠近感 手法

VRのライブ動画やMVを数十本見て、再現性のあると思った手法のメモ。 VRの特性をフルに引き出したライブ、イベント体験を設計するために、意識したほうがよいことを言語化した。 空間を広く使おう、個室にしないライブ空間を個室にすると、VRの良さが一気に失われてしまう。VRの没入感を最大化するには、遠近感をフル活... 続きを読む

ユーザー体験を向上！Yahoo!ニュースにおけるCore Web Vitals対応事例 - Yahoo! JAPAN Tech Blog

2020/12/03 21 users Yahoo 向上 JAPAN Tech Blog ニュース

こんにちは。Yahoo!ニュースを担当しているエンジニアの喜楽です。 2020年5月、GoogleよりWebでのユーザー体験を指標化したCore Web Vitalsが発表されました。本記事では、Yahoo!ニュースにおけるCore Web Vitals指標改善の取り組みとその効果についてご紹介します。 Core Web Vitalsとは Webページを閲覧しているときに... 続きを読む

計測・検討・対処のプロセスでWebサービスのパフォーマンスを改善する - Tech Blog - Recruit Lifestyle Engineer

2020/09/11 26 users Recruit Lifestyle Engineer

はじめに はじめまして、ホットペッパービューティーコスメ（以下HPBC）にてフロントエンドエンジニアとして学生アルバイトをしている柏です。 Webサービスで普遍的にもとめられる指標にパフォーマンスがあります。素早く表示されるWebサービスはユーザー体験が良く、コンバージョンや直帰率などにも関係があると言われ... 続きを読む

「プロダクト間共通の React コンポーネントライブラリ」がどうなったか、という話 - SmartHR Tech Blog

2020/06/08 14 users React コンポーネントライブラリ SmartHR 一言

こんにちは！ フロントエンドエンジニアの @diescake です！ 1 年程前に @nabeliwo よりこんな記事を公開しています。 tech.smarthr.jp 一言で要約してしまうと、SmartHR の各種プロダクトで一貫したユーザー体験を提供するために、SmartHR UI という React コンポーネントライブラリを実装し始めたよ！ しかも OSS とし... 続きを読む

オミカレにおけるAWS SQS/Lambda/CloudWatchの障害対応 | uedy

2020/04/20 30 users CloudWatch Lambda SQS オミカレ AWS

2020年4月20日18:58頃に発生したSQS/Lambda/CloudWatchの障害への対応 オミカレでもAWSのSQS/Lambda/CloudWatchを利用している。主にメールやPush通知を送信しており、これが止まれば 会員登録・予約 などの様々なユーザー体験が損なわれる。 なので対応を議論していたところ 天才的ひらめきですぐに移すことに取り掛か... 続きを読む

ソリッドとアウトライン、認識しやすいアイコンはどちら？ | UX MILK

2020/03/02 15 users ソリッド モバイルアプリ UX Movement アイコン

UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適な... 続きを読む

メルカリは「軽トラ」の検索結果をどう改善したか？　商品検索におけるUI/UXと、新たな挑戦 - ログミーTech

2020/02/12 13 users メルカリ ログミーTech 軽トラ マッチング技術 挑戦

メルカリは「軽トラ」の検索結果をどう改善したか？ 商品検索におけるUI/UXと、新たな挑戦 メルカリ商品検索のUI/UXと新たな挑戦 2019年9月25日、クックパッド株式会社にて「Cookpad Product Kitchen #4」が開催されました。今回のテーマは「ユーザー体験を支える検索・マッチング技術」。あらゆるサービスに採用されて... 続きを読む

業務システムにおけるUXリサーチのポイント | knowledge / baigie

2020/01/15 18 users 総称 Knowledge baigie ユーザーファースト

UXリサーチとは、ユーザー体験に関する調査の総称です。 ユーザーファーストのシステムやサービスを提供するためには、ユーザー体験からユーザーニーズを掴むUXリサーチは欠かせません。UXを重視する企業では、UXリサーチは積極的に行われています。UXリサーチについて言及した書籍も多く、ネット上には有益な記事が多数... 続きを読む

ユーザー体験を支える検索・マッチング技術はどう作られる？ クックパッド、メルカリ、エウレカがノウハウを披露 (1/3)：CodeZine（コードジン）

2019/11/06 10 users 知見 Cookpad Product Kitchen 手法

サービス開発の手法や考え方について、知見や学びを共有する勉強会である「Cookpad Product Kitchen」。2019年9月25日に開催された第4回のテーマは「ユーザー体験を支える検索・マッチング技術」だ。サービス内にどれほど有益なデータがあったとしても、ユーザーがそこに到達できなければ、利便性を享受できない。いわば... 続きを読む

SEOとUX（ユーザー体験）の関係：情報アーキテクチャとリンク階層 | アイオイクスのSEO・CV改善・Webサイト集客情報ブログ｜SEO Japan

2019/10/29 28 users 品質 解釈 ユーザー 成功 全体

SEOにおける成功を収めるために、Webサイト全体の品質を上げることは非常に重要です。 しかし、全体の品質が高いWebサイトとは、何をもって決定されるのでしょうか？ 様々な解釈が可能と思われますが、総合すると「ユーザーが満足のいく体験を提供するWebサイト」と考えることができるはずです。そして、そうしたサイト... 続きを読む

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