並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 182件

新着順 人気順

UXの検索結果41 - 80 件 / 182件

  • コンビニ御三家、なぜセブンは違うの? ファミマとローソンは「完全セルフレジ」を導入

    コンビニ御三家、なぜセブンは違うの? ファミマとローソンは「完全セルフレジ」を導入:経済の「雑学」(1/2 ページ) 昨今、目にすることが増えたセルフレジ。特にランチタイムのオフィスビルでは、入居しているコンビニのレジが混雑することも珍しくありません。そんなとき、行列を尻目に意外と空いているセルフレジを使ったことがある人も多いはず。 この、コンビニとセルフレジをめぐって意外な事実をご存じでしょうか。「コンビニ御三家」のうち、ファミリーマートとローソンは無人のセルフレジを導入しています。しかし、業界トップのセブン-イレブン(以下、セブン)は無人のセルフレジではなく「セミセルフレジ」の導入を進めています。 「セルフレジ」最も早かったのはローソン 3社のうち、セルフレジの導入が早かったのはローソンです。混雑緩和やサービス向上を目的に、2010年6月に導入を開始しました。その後、ファミリーマートも

      コンビニ御三家、なぜセブンは違うの? ファミマとローソンは「完全セルフレジ」を導入
    • SQSを用いたクレジットカード決済の非同期化 - ZOZO TECH BLOG

      こんにちは、カート決済部カート決済サービスブロックの林です。普段はZOZOTOWN内のカートや決済の機能開発、保守運用、リプレイスを担当しています。 弊社ではカートや決済機能のリプレイスを進めており、これまでにカート投入のキャパシティコントロールや在庫データのクラウドリフトを実現しています。 techblog.zozo.com techblog.zozo.com 本記事では新たにクレジットカード決済処理を非同期化したリプレイス事例を紹介します。 はじめに 背景・課題 非同期化のシステム構成 パターン1 - 完全非同期化パターン パターン2 - 非同期・同期切り替えパターン パターン3 - ポーリングパターン システム構成の決定 メッセージングサービスの選定 効果 今後の展望 まとめ さいごに はじめに 本章では、非同期化前のZOZOTOWNのクレジットカード決済を用いた注文処理の流れを説明

        SQSを用いたクレジットカード決済の非同期化 - ZOZO TECH BLOG
      • UIは閲覧画面からつくろう。|Shino | Software Designer

        ユーザー体験的なものをストーリーで整理し次にUIを作成するとき、閲覧・参照系より先に新規作成のUIから考える、というケースをときどき見かけます。 これ、すごい違和感あります。 ストーリーにおいてユーザーはまず新規作成するので、そのまま新規作成から着手してしまう、といったところでしょうか。 その場合、新規作成の目当てたるオブジェクトの姿が曖昧になりがちです。 そうすると、新規作成画面にしか存在しない特殊なレイアウトやコンポーネントや、特に意図がない冗長なモーダルができあがることが多いと感じています。 目当てが定まっていないうちから、それをどう作るか、どう編集するかを考えるのって難しくないですか? 考える順番閲覧・参照系のUIを先に作ることで、それが新規作成や編集の目当てとなり、効率よく良いデザインしやすいと感じています。 例えば、私の場合、以下のように考えを進めることが多いです。 まずは「R

          UIは閲覧画面からつくろう。|Shino | Software Designer
        • 『こういうのでいいんだよこういうので』ホテルで見かけたハイテク技術がこちらです「何でもかんでもデジタルにする事を“アイデア”とは言わない」

          Takashi Okumura @tweeting_drtaka こういうのを、サイネージとかスマホアプリとかWeb 5.0とかNFCとかにしないと気が済まない人がいるんですよね。twitter.com/tweeting_drtak… 2023-10-19 22:07:15

            『こういうのでいいんだよこういうので』ホテルで見かけたハイテク技術がこちらです「何でもかんでもデジタルにする事を“アイデア”とは言わない」
          • パスワード変更用のURLを明示すためのwell-known URL for Changing Passwordsという仕様について

            作成日 2023-05-31 更新日 2023-06-02 author @bokken_ tag well-known, appsec はじめに パスワード変更のためのURLを示すための、A Well-Known URL for Changing Passwords という仕様が存在する。¶ この仕様は主にクライアントサイドのパスワード管理ツールで使われる想定の仕様だ。¶ 本記事ではこの仕様がどういうものか、どういった利点があるのかについてまとめる。¶ パスワード管理ソフトとその課題 パスワード管理ツールはクロスサイトでのパスワードの再利用を防いだり、オートフィルをしてユーザビリティを高めてくれる良いツールだ。 ブラウザにもパスワード管理ツールが搭載されていたり、有名どころでは1PasswordやBitwardenのようなツールがある。¶ これらのツールの中にはパスワードの強度を教えてく

              パスワード変更用のURLを明示すためのwell-known URL for Changing Passwordsという仕様について
            • 小学生が考案した”片手で簡単に巻けて長さが余らない絆創膏”が天才過ぎると話題に→マツキヨがアイデアを採用して商品化し販売されているらしい

              きのこ@4yASD.DCD👧🏻発達垢 @kinoko_adhd パート終わってX見たらバズってる😂 って事でマツキヨ来た🤗 値段まで調べてなかったけど安いやん✨ バズっても特に宣伝する事は無いのでこの絆創膏みんな買って考えてくれた小学生に商品化してくれたマツキヨに感謝しましょ〜😉 pic.twitter.com/IKctK06Sij 2024-02-14 14:33:18

                小学生が考案した”片手で簡単に巻けて長さが余らない絆創膏”が天才過ぎると話題に→マツキヨがアイデアを採用して商品化し販売されているらしい
              • JavaScript なしで動作するモダンなコードの書き方

                Next.js、Remix、SvelteKit といった近年のフレームワークは、JavaScript がなくても動作することを一つの価値として提供しています。 例えばSvelteKit のフォームではプログレッシブエンハンスメントとして、JavaScript が利用できる環境ではリッチなユーザー体験を提供しつつ、JavaScript が使えない環境においては HTML のフォームとして振る舞うことでアプリケーションの機能を変わらず提供できます。 React Server Component はサーバー側で HTML に変換されるため、クライアントに JavaScript のコードが配信されることはありません。React Server Component では useState() を使用できないといった制約がありますので、我々開発者は React Server Component の利点を

                  JavaScript なしで動作するモダンなコードの書き方
                • 利用されない指定席券売機 やっぱり「駅の窓口廃止」は間違っている

                  インターネット予約のおかげで、新幹線の移動はとても便利になった。交通系ICカードと予約情報をひも付ければきっぷは不要。しかし便利なのは移動が新幹線で完結する場合だけで、在来線を乗り継いだり、一筆書き経路では窓口がないとお手上げだ。ところがその窓口が激減している。 インターネット予約のおかげで新幹線の移動はとても便利になった。会員情報として交通系ICカードを登録し、予約情報をひも付けるときっぷは不要。自動改札を通って、乗車して、下車して、自動改札を通れば移動完了だ。 最近は、JR東海の予約サービス「EXアプリ」を開いたら、新型車両「N700S」を使用する列車がマークで明示されるようになっていた。 「N700S」はビジネス向け普通車「S Work 車両」に1.5人掛け「S Work Pシート」を備えているほか、車内Wi-Fiサービスも強化されている。従来は列車一覧表ですべて「N700系」とくく

                    利用されない指定席券売機 やっぱり「駅の窓口廃止」は間違っている
                  • 「よくも悪くもApple製品は『これをこう使ってこういう風に生きてください』と提案してくるもの」言語化がしっくりくる

                    PsycheRadio @marxindo よくも悪くもApple製品というのは「なんでも好きなようにできますよ」じゃなくて「これをこういうふうに使ってこういうふうに生きてください」と提案してくるもので、嫌いな人もそこが嫌いなのだと思う。 2023-09-02 08:46:23

                      「よくも悪くもApple製品は『これをこう使ってこういう風に生きてください』と提案してくるもの」言語化がしっくりくる
                    • 生成AI時代におけるUXデザイン | 生成AIをフル活用したUX設計手法&生成AI時代のユーザー体験の変化について

                      ChatGPTやStable Diffusionなどの生成AIが急速に発展し、社会全体が大きく変化しようとしている。 UXデザインのプロセスや、UX自体のあり方も当然革新されていく。 今回はそうした生成AIによってUXがどう変化していくかを、具体的なメソッドや未来洞察といった具体・抽象を行き来しながら話していく。 1. 生成AIを活用したUXデザインプロセス どのようにGenerative AIを活用すれば、UXデザインのプロセスをよりなめらかに、効率的にすることができるのか? 2. 生成AIでUX自体がどう変化するか Generative AIの発展によって、プロダクトにおけるユーザー体験のあり方はどのように変化していくのか? 3. AI時代のデザイナー/PdM生存戦略 AI時代に、デザイナーやプロダクトマネージャーなどの個人はどのように強みを磨いていけばいいのか? ▼ スピーカーTwi

                        生成AI時代におけるUXデザイン | 生成AIをフル活用したUX設計手法&生成AI時代のユーザー体験の変化について
                      • BudouX: 読みやすい改行のための軽量な分かち書き器

                        .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                          BudouX: 読みやすい改行のための軽量な分かち書き器
                        • UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ

                          デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

                            UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
                          • Googleマップの新しい外観に元Googleマップデザイナーが苦言

                            Googleマップは2023年9月頃から新たな外観のテストを実施しており、すでに新たな外観のGoogleマップを使っている人も多いはず。そんなGoogleマップの新外観について、15年前にGoogleマップのデザインに携わったプロダクトデザイナーのエリザベス・ララキ氏が苦言を呈しています。 15 years ago, I helped design Google Maps. I still use it everyday. Last week, the team dramatically changed the map’s visual design. I don’t love it. It feels colder, less accurate and less human. But more importantly, they missed a key opportunity to…

                              Googleマップの新しい外観に元Googleマップデザイナーが苦言
                            • Gmail、ほんと頭いいな→「わしはこれで1000回命を救われた」「私らがAIに求めてんのこういうことなんよな」

                              Guppi @clgldh2119 大学4年間この機能のおかげで いくつもの課題たちを助けられたが 社会人になりOutlookになったせいで 添付忘れ今のところ2回してる。。。。 Gmailに甘やかされた証拠。。 x.com/shinagawajp/st… 2024-04-19 20:38:40

                                Gmail、ほんと頭いいな→「わしはこれで1000回命を救われた」「私らがAIに求めてんのこういうことなんよな」
                              • もっとも注目されたUIデザインのテクニックの総まとめ

                                デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 細いフォントは暗いカラーにする 2. 長いフォームは常にラベルを上部に配置する 3. ボタンのラベルは一貫性を保つ 4. 不要なテキストでフォームのUIを乱雑にしない 5. フォームはインタラクションの後、すぐにフィードバックを提供 6. 次のステップの情報を提供する 7. CTA用にカラーを1つ確保しておく 8.

                                  もっとも注目されたUIデザインのテクニックの総まとめ
                                • アクセシビリティ | SmartHR Design System

                                  アクセシビリティとはアクセシビリティは、サービスや情報をどんな利用者も円滑に利用できるかの度合いです。 アクセシビリティが高いほど、より多くのユーザーが円滑に利用でき、アクセシビリティが低いほど、より多くのユーザーが利用できないということです。 アクセシビリティ向上は、障害当事者だけでなく、さまざまな環境や状況にいる人、高齢者、日本語以外を得意な言語とする人など、すべての人のためのものです。人だけでなく、サービスや情報にアクセスする機械(ロボット)もアクセシビリティの影響を受けます。 SmartHRの開発方針SmartHRは「well-working 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会を作る。」というミッションを掲げ、働くすべての人を後押しするプラットフォームをつくっています。 誰もがその人らしく働ける社会を実現するため、SmartHRはアクセシビリティの向上に取

                                    アクセシビリティ | SmartHR Design System
                                  • デザインプロセスに生成 AI を取り入れる実験 ~プロンプト全公開~ - Techtouch Developers Blog

                                    デザイナーの keita です。 年始にベンチプレスの MAX 測定をしたら 105kg でした。今年の目標は 120kg です。 この記事では、生成 AI をデザインプロセスに取り入れるためにチームで試行錯誤した内容を紹介します。ぜひ、最後までお付き合いください。 きっかけ はじめに AI を使ってみる インタビューデータからペルソナを作成 まずは 1 人ずつ整理 1 人のペルソナに統合 ペルソナの課題抽出 リサーチを AI で代替してみた結果 AI が作成したペルソナを使ってみる ペルソナにヘルプセンターの記事を評価させてみる 結果 最後に あとがき ボツ案 文字起こしデータから記事を作成 出力された記事のトーンを変更 出力された記事 きっかけ 「ChatGPT をはじめとした AI ツールが便利なのはわかったけど、自分たちの業務をより効率化するためにデザインプロセスで代替できるところ

                                      デザインプロセスに生成 AI を取り入れる実験 ~プロンプト全公開~ - Techtouch Developers Blog
                                    • 文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦

                                      ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか? 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き

                                        文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦
                                      • Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。|Takumi HASEGAWA (unshift Inc.)

                                        まえがきアニメーションを多く取り入れたWebサイトが好きかどうかのアンケートを取ると、ネガティブな票が多く占めることがよくありますが、それに関して思うところがあったので「Webサイトにアニメーションは必要あるのか」というテーマで自分の思っていることを言語化してみました。 X (Twitter)で「動くWebサイト 嫌い」で検索 Xでちらっと検索しただけでも動くサイトが嫌い、という方は結構いそうですね。もし「アニメーションはすべて悪」と思っている人がいたらぜひ読んでいただきたいです。 この議論はアプリなどにも言えることですが、私の主なお仕事はWebサイトのフロントエンド実装なので、Webサイトについて書かせていただきます。 また、保険をかけているわけではないですが、私はUI (ユーザーインターフェース) の研究をしている専門家でもないんでもないので、この記事の内容に学術的なものは一切ありませ

                                          Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。|Takumi HASEGAWA (unshift Inc.)
                                        • 社内情報検索システムで用いられるRAGの4つの実装方法

                                          2 松本 和高
 株式会社エクスプラザ リードエンジニア
 X: _mkazutaka
 Github: mkazutaka
 18年にバックエンドエンジニアとしてメルカリに入社。その後、ミラ ティブ、フリーランスを得て株式会社エクスプラザに所属。フロント エンドからバックエンドまで幅広く開発しています。趣味で、FXの自 動売買Botを作成している
 現在08/30に第一子が生まれ現在育休中
 https://note.com/mkazutaka/n/n9f0e2c4dee96 CONFIDENTIAL INFORMATION: Not for Public Distribution - Do Not Copy 3 株式会社エクスプラザ (EXPLAZA, Inc.) 会社名 プロダクトの力で、豊かな暮らしをつくる ミッション 代表取締役CEO 高橋一生 代表者 2020年07月03日 設

                                            社内情報検索システムで用いられるRAGの4つの実装方法
                                          • アマゾンのAIレジなし技術は1000人以上が人力操作していた。店舗から撤去を発表 : カラパイア

                                            Amazonは、同社が運営するスーパーマーケット「Amazonフレッシュ」の実店舗に採用されていたレジなし技術「ジャスト・ウォークアウト」を撤去することを発表した。 ジャスト・ウォークアウトは、商品を棚からとり、店舗を出るときにスマホをスキャンするだけで清算が完了するAIを使用した全自動買い物システムである。 面倒なレジでの支払いを完全に省いてくれる画期的なシステムになるはずだったが、その実態は、インドで遠隔操作をする約1000人以上の従業員による人力作業が必要で、「ジャスト・ウォークアウト」だけで完全に運営するのが難しかったことから、今回の決断を下したようだ。

                                              アマゾンのAIレジなし技術は1000人以上が人力操作していた。店舗から撤去を発表 : カラパイア
                                            • 30分で理解する、AWS の WEB Front-end Strategy / Serverless Front-end Strategy

                                              AWS クラウドでは Front-end をどのように捉えてサービスを展開しているのでしょうか? 特に開発者や事業者にとって UI/UX やエッジでのクラウド利用が以前にもまして重要になってきています。本セッションでは AWS での Front-end 技術をおさらいしつつ、最新の機能にも触れてご紹介したいと思います。

                                                30分で理解する、AWS の WEB Front-end Strategy / Serverless Front-end Strategy
                                              • 新山口駅にある透明なボックスに入った消火設備のデザインと機能性が秀逸だと話題になるも賛否両論、さまざまな意見が集まる

                                                佐野五月|でざいん姉さん @irohazum_s 心はずむ、みらいを共創する irohazum代表|ブランディングデザイナー|事業、プロダクト、人の想いを世の中に伝える架け橋になりたいです|本・陶器・歴史・文化・旅・ゲーム・ロックが大好きです|ONLINE上司チーフ|姉さんと呼んでね|サブ @irohazum_ss|#irohazum_Works x.gd/p8PuM 佐野五月|でざいん姉さん @irohazum_s 設置場所は新山口駅で、この写真は山口県へ旅行へ行った時のものです。 ですので普段の新山口駅についてわかりかねることをご了承ください🙏 設置場所について、このボックスは新山口駅の「新山口駅南北自由通路」に設置されています。横幅が広い通路で下記URLから見ていただけるとイメージ沸くと思います。ボックスがある写真もあります。 x.gd/E1pWC ここから私の感想ですが、人の流れ

                                                  新山口駅にある透明なボックスに入った消火設備のデザインと機能性が秀逸だと話題になるも賛否両論、さまざまな意見が集まる
                                                • 日本産のソフトの品質や使い勝手が著しく低い理由は?に関する、引用RT、リプライ、保存用まとめ

                                                  Nobi Hayashi 林信行 @nobi 質問は改めてコンテクストも加えた上で再投稿します。 ただ、ここまででただの私への罵詈雑言以外にもいくつか重要な意見あったので、その辺りはtogetterで(誰かに)まとめてもらいたい... 中心軸(=問題ツイート)を削除すると引用ツイートとかは探しにくくなっちゃうのかな? 2023-12-21 10:44:39 Nobi Hayashi 林信行 @nobi 【再投稿:やはりUI設計無視できず、追加しました】 日本の大企業(や官庁)が提供するソフト・サービスは使い勝手が悪く、品質も低いものが少なくない。 最も改善に力をいれるべきはどの問題か? 1.能力: お金をかけてでも優秀なソフトウェアエンジニアを雇う 2.開発体制の問題: 開発体制を見直す。下請け・孫請けをやめる。しっかりと全体設計や使い勝手のことを考えるデザイナーを中心的役割として取り入れ

                                                    日本産のソフトの品質や使い勝手が著しく低い理由は?に関する、引用RT、リプライ、保存用まとめ
                                                  • Design Skill Map - メルカリUXデザインチームの専門スキル|Mercari Design Blog

                                                    UX Designチームのasakomです。今回はデザイナーの役割定義の活動の一つとして作成した、”Design Skill Map”についてお話しします。 このSkill Mapは、メルカリUX Designチームで求めるデザイナーの専門スキルを整理したものです。以前紹介したDesign Ladderは、メルカリの行動指針に基づいて作成した、デザイナーに求める態度やマインドセット。今回は専門職としてのデザイナーに必要な技術や知識をSkill Mapとしてまとめました。 UXデザイナーの役割定義や、個人の目標設定、採用の基準作りなど、チームの運用に関わる人や、メルカリのUXデザインチームが求める人材に興味のある方に、ぜひ読んでいただきたいです なぜSkill Mapを作ったかUXデザインチームの役割定義は、チームのミッション達成のために存在します。私たちのチームのミッションは、”メルカリの

                                                      Design Skill Map - メルカリUXデザインチームの専門スキル|Mercari Design Blog
                                                    • 行動経済学を応用して「飲食店の売りたいメニュー」に注目させる方法を東大教授に聞いてみた - おなじみ丨近くの店から、なじみの店へ。

                                                      消費者行動や行動経済学を研究されている東京大学大学院の阿部誠教授に、個人の飲食店でもできる工夫やアイデアなど、人間の行動原理をもとにしたお店づくりについて伺いました。 行動経済学をはじめとする学問の教授に、データの観点から飲食店の店づくりや集客方法、リピーター施策として効果的なことを深掘りしていきます。今回は消費者行動や行動経済学を研究されている東京大学大学院の阿部誠教授にインタビューを行いました。 個人の飲食店でもできる工夫やアイデア、お客さんが気にするポイントとはどこなのか?人間の行動原理をもとにしたお店づくりについて考えます。 阿部誠さん 東京大学大学院経済学研究科・経済学部教授。1991年マサチューセッツ工科大学博士号(Ph.D.)取得後、同年からイリノイ大学助教授に就任。1998年東京大学大学院経済学研究科助教授を経て、2004年から現職。ノーベル経済学賞受賞者との共著を含め、マ

                                                        行動経済学を応用して「飲食店の売りたいメニュー」に注目させる方法を東大教授に聞いてみた - おなじみ丨近くの店から、なじみの店へ。
                                                      • 三井住友銀行のインハウスデザイナーにプロジェクト推進術を学ぶ。若いチームが大組織を動かすコツとは - ミーツキャリアbyマイナビ転職

                                                        会社の中で新しい企画やプロジェクトを提案したものの、「前例がない」「うちでは難しい」などと一蹴されてしまった経験はないでしょうか? いつの時代も、組織は「過去」に支配されるもの。特に大企業ともなれば先例や慣習などの影響力が強く、何かを大きく変えることはなおさら困難に思えます。難攻不落の組織をどうすれば動かせるのでしょうか。 そのヒントになりそうなのが、三井住友銀行(SMBC)で2016年から始まった「インハウスデザイナー」たちの取り組みです。それまですべてのプロダクトのデザインを外部パートナーに委託していたSMBCが、初めて社員として3名のデザイナーを採用。しかし、当時は社内でデザインの価値が十分に理解されておらず、インハウスデザイナーがフルにパフォーマンスを発揮できる環境ではありませんでした。 そんな厳しい状況下でも、地道にデザインの価値を浸透させ、徐々に社内で信頼を獲得。2019年の三

                                                          三井住友銀行のインハウスデザイナーにプロジェクト推進術を学ぶ。若いチームが大組織を動かすコツとは - ミーツキャリアbyマイナビ転職
                                                        • モノタロウ社内デザインシステムの今までとこれから - MonotaRO Tech Blog

                                                          UIUXデザイングループのグループ長を担当させていただいている小田と申します。 一般公開はしていないのですが、モノタロウも一貫したデザインや操作性でウェブサイトを提供するためデザインシステムを作り、現状のサイトに適用しています。 今回はモノタロウのデザインシステムのお話をしたいと思います。 デザインシステムの始まり これは数年前の話です。 何年も運営しているサイトだとよくある話ですが、見た目のスタイルが分散していき、その分のコードが積み重なっていき開発の負荷になります。 また、スタイルが分散していると使っている側のユーザーも、この機能はどういう機能なのかを理解する事に時間がかかります。 サービスの品質を上げるPDCAを早く回す為に土台(図1)を整える必要性があり、スタイルを統一したデザインシステムを構築して、ページに適用していくことが目標になりました。 分散していたスタイル: 作成したボタ

                                                            モノタロウ社内デザインシステムの今までとこれから - MonotaRO Tech Blog
                                                          • freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社

                                                            freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー(このお知らせでお伝えしたいこと) ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム開発に携わるエンジニアやデザイナーの皆様に、「vibes」を利用してシステムを構築いただく、またはコード等を参照いただくことで、社会全体としてアクセシビリティ向上の取り組みが広がることを目指しています freee株式会社(本社:東京都品川区、CEO:佐々木大輔、以下「freee」)は、freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes(読み:ヴァイブス)」を公開しました。本デザインシステムを公開するこ

                                                              freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
                                                            • いろんなウェブサービスにパスキーでログインしてみる

                                                              2023/12/12 記事公開 2023/12/14 調査サービスの差し替え & コメント返信 はじめまして。kinmemodokiです。 この記事はDigital Identity技術勉強会 #iddance Advent Calendar 2023の12日目の記事です。 2023年では様々なウェブサービスがパスキーに対応し様々なログインUXが生まれました。 本記事はそのさまざまなウェブサービスのパスキーによるログインUXの挙動をまとめ、挙動の考察を行いました。 本記事で扱うのは「ウェブサービスのパスキーでのログインUX」についてであり、「パスキー周りの実装や技術」については基本的に扱いません。 なお、本記事では「WEB+DB PRESS Vol.136「特集2 実戦投入パスキー ─いまこそ実現、パスワードレス認証!」」の「第2章 パスキー時代の認証UX」を参考にしており、最低限の部分は

                                                                いろんなウェブサービスにパスキーでログインしてみる
                                                              • このデザインにOK出したデザイナーがQRコードを一生読み込めない呪いにかかりますように→「これは孔明の罠」

                                                                みるきぃ @milky201122 笑…ってしまった。 これは、誰も気付かんかったか(さすがにそれはないと思いたい)上の人がこれで行けってなって誰も文句が言えなかったのか (食べる前に読み込めばいい話だろ?とか言ってそう) twitter.com/yoshiori/statu… 2024-02-12 07:38:13

                                                                  このデザインにOK出したデザイナーがQRコードを一生読み込めない呪いにかかりますように→「これは孔明の罠」
                                                                • デザイナー/PdMが今知っておきたいパスキーの基礎知識 - #FlattSecurityMagazine

                                                                  はじめに こんにちは。株式会社Flatt Securityの @toyojuni です。自分はもともとWebやUIのデザインを本職としていましたが、大学の同期と共同創業したセキュリティ企業であるFlatt Securityにて経営やDevRelを担っています。 デザインとセキュリティは普段話題が交わることが少ない領域ですが、UI/UXのデザインであればソフトウェア開発と不可分であることは間違いなく、すなわちデザインもセキュリティに無自覚ではいられないでしょう。 そのような観点で、本記事では「パスキー(Passkey)」を取り上げてみようと思います。 本記事は「パスキー」「FIDO」「WebAuthn」といったキーワードに関して以下のような認識を持っている方向けの記事です。 名前も知らない / 聞いたことがない 聞いたことはあるが、ほとんど理解していない はじめに パスキーをなぜ今知るべきか

                                                                    デザイナー/PdMが今知っておきたいパスキーの基礎知識 - #FlattSecurityMagazine
                                                                  • デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products

                                                                    Scrum Fest Fukuoka 2024の登壇資料です。 プロポーザル:https://confengine.com/conferences/scrum-fest-fukuoka-2024/proposal/19575

                                                                      デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
                                                                    • 2023 - Most Viewed Decks

                                                                      Here are the 25 most viewed decks of 2023: わかりやすい説明のための 10 の鉄則 / 10 golden rules for easy-to-understand explanations by @e869120 私考える人、あなた作業する人」を越えて、プロダクトマネジメントがあたりまえになるチームを明日から実現していく方法/product management rsgt2023 by @moriyuya 解像度を上げる 🔬/ Increase resolution by @tumada セキュリティ研修【MIXI 23新卒技術研修】/ Security training [MIXI 23 new graduate technical training] by @mixi_engineers ソフトウェアの内部品質に生じる様々な問題は組織設計に

                                                                        2023 - Most Viewed Decks
                                                                      • ユニクロアプリが動画メインになっていて、なかなか見たい商品まで辿り着けない!と話題に「素直に静止画で見せてお願い」→対処法もあるらしい

                                                                        在宅管理職WM @Um6UX5LpQkTd9Ut こちらがユニクロアプリを開く時はもうキッズパジャマ買うぞ、ヒートテック買い足すぞ、みたいなテンションでのびのび動画を出されてもイラつくだけなの。 2023-12-25 10:20:22

                                                                          ユニクロアプリが動画メインになっていて、なかなか見たい商品まで辿り着けない!と話題に「素直に静止画で見せてお願い」→対処法もあるらしい
                                                                        • ChatGPTをフル活用したUI勉強会!プロンプトも大公開|つむら

                                                                          はじめにこんにちは!つむです🐈 8月より社内で実施するchatGPTをフル活用したUI勉強会を実施しています📚 開催までの背景や内容決定までのプロセス、プログラムをご紹介します🚩 使用するペルソナ・ユーザーストーリー・情報アーキテクチャ図を生成するプロンプトも公開しますのでぜひご覧ください✨ 自己紹介2022年KDDIにUXデザインコースで新卒入社(KDDIアジャイル開発センターに兼務出向中) auショップ向けDX施策やワーケーション施設検索サービス「タビトシゴト」などでUIUXを担当 背景UI業務多いのにUIデザイナーが少ないKAGデザイナーは基本的に上流を主戦場に置くUXデザイナーやサービスデザイナーとして業務をしている方が多いです。 しかし私は学生の頃からUIが得意たっだため最初はUIデザイナーからスタートし、徐々に上流へ足を広げる方針にしていただきました🙌 配属直後はUIデ

                                                                            ChatGPTをフル活用したUI勉強会!プロンプトも大公開|つむら
                                                                          • The Front End Developer/Engineer Handbook 2024

                                                                            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

                                                                              The Front End Developer/Engineer Handbook 2024
                                                                            • 「自動車産業はタッチパネル採用をやめて物理ボタンに戻すべき」と自動車安全評価システムのEuro NCAPが提言

                                                                              ヨーロッパの消費者団体が行っている自動車安全評価システム「Euro NCAP」が自動車産業に向けて、操作を行う部分にタッチパネルを使うのをやめて、物理的なボタンやスイッチに戻すべきであるとの提言を行いました。 Car industry told to dial back use of touchscreens https://www.thetimes.co.uk/article/stop-making-dangerous-touchscreens-car-firms-told-xv3gmpdc6 European crash tester says carmakers must bring back physical controls | Ars Technica https://arstechnica.com/cars/2024/03/carmakers-must-bring-back-

                                                                                「自動車産業はタッチパネル採用をやめて物理ボタンに戻すべき」と自動車安全評価システムのEuro NCAPが提言
                                                                              • 登録手続きのこの画面、生まれた年までひたすら連打できつすぎる→実はここから年選択できるが「悪いUIの例として教科書に載せたい」

                                                                                東京都の「018サポート」という給付金の手続きでつまづいてしまう人が続出。特にスマホの手続きの難しさが話題に 放射線科医ふくろう☢投資とポイ活.com @tk2cafe 子供1人ごとに月5,000円もらえる東京018サポートの申請が難し過ぎる。悪戦苦闘してなんとか終了。 中でも生年月日の入力がカレンダーでしかできず年も選択できない。タップ1回で1か月戻る。37年間戻るために450回くらいタップ。 「何としてでも途中で離脱させる」という東京都の強い意志を感じた。 2023-09-21 13:43:02

                                                                                  登録手続きのこの画面、生まれた年までひたすら連打できつすぎる→実はここから年選択できるが「悪いUIの例として教科書に載せたい」
                                                                                • 【翻訳】なぜ、最悪のUXを持つプロダクトが市場を制するのか?(Meelis Ojasild, 2022) - 体験とデザイン、スタートアップについて

                                                                                  meelis-ojasild.medium.com 企業がユーザーエクスペリエンスに基づいてソフトウェアを選択するというのは神話です。しかし、PMは主にUXに注目しています。では、実際はどうなっているのでしょうか? ソフトウェアの選定プロセス これが一般的なソフトウェア選定の仕組みです。 人々は問題とそれを解決する可能性のあるソフトウェア・カテゴリーを認識します。 ソフトウェアのカテゴリーを広くグーグル検索しています(例えば「ベストCRMツール」)。 彼らは、Googleで上位に表示されるいくつかの結果を閲覧します Googleのトップページで最もよく使われているソフトウェアソリューション(Salesforce、Hubspot、Pipedriveなど)を(精神的または物理的に)メモしておくのです。 安いものから試していく(HubspotとPipedriveとします)。 テストでは、1つのコ

                                                                                    【翻訳】なぜ、最悪のUXを持つプロダクトが市場を制するのか?(Meelis Ojasild, 2022) - 体験とデザイン、スタートアップについて