並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 1754件

新着順 人気順

UXの検索結果121 - 160 件 / 1754件

  • 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の例として教科書に載せたい」

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

        登録手続きのこの画面、生まれた年までひたすら連打できつすぎる→実はここから年選択できるが「悪いUIの例として教科書に載せたい」
      • 「UIの良さ」ってのはユーザビリティだけじゃないんだよ〜UNDERTALEのUI|Yamashita Angelica

        この記事には、ゲーム「UNDERTALE」のネタバレが含まれます。 ネタバレによってゲーム体験を致命的に損なう可能性が高い作品です。今後プレイする予定のある方は、ぜひプレイ後にお読みください。 UNDERTALE(アンダーテール)とは、「知る人ぞ知る」と言うにしてはあまりにも有名になりすぎたインディーゲームです。2015年にPC向けに開発され、現在はSteam、XBOX、PSVITA、PS4、Nintendo Switch…と、多くのプラットフォームで遊ぶことができます。 ほぼToby Fox氏個人で開発した作品でありながら、各メディアのGOTY(ゲーム・オブ・ザ・イヤー)に多数ノミネートされており、「メタルギアやマリオが出てくる受賞ランキングに個人開発ゲームが入ってるってどういうことだよ!!!!!????!!!!!」と当時せっせとゲームスタジオで働いていた私は卒倒しそうになりました。 こ

          「UIの良さ」ってのはユーザビリティだけじゃないんだよ〜UNDERTALEのUI|Yamashita Angelica
        • Apple storeの「まもなくです」は、実は「503」エラーである - CLAYPIER

          2020年11月06日 22:59 情報が古くなっている場合があります。 Apple storeの「まもなくです」は、実は「503」エラーである 今日の午後10時から iPhone Pro Max と Mini がようやく予約注文可能となり、まだかまだかと10時になった瞬間、更新ボタンを押すと「まもなくです」と黒い画面が表示されて、10分経ってもまったく変わらなという経験をされた方も多いのではないだろうか。 今までは「まぁ、色々準備してるのかな~」ぐらいに思っていたのだが、実はこれ、外見からはまったく分からないが「503」エラーなのである。 503エラーとは、サーバーにアクセスが集中しすぎて処理しきれなくなったときに表示されるものだ。 Google Chrome のコンソールを見ると、たしかに503と表示されている。 Apple はエラー画面もオシャレ。 ストアに繋がるかは運次第!! Go

            Apple storeの「まもなくです」は、実は「503」エラーである - CLAYPIER
          • DroidKaigi 2023にてパスキーについて話しました

            株式会社MIXI 開発本部 MIXI M事業部の ritou です。 DroidKaigi 2023にてお話しさせていただきました。 資料も公開しました。 今回も発表内容全部書き出してみたをやってみます。 同時通訳ありだったので台本はできていて、この通り話せたら良いだけだったのですが実際はそううまくいかずに普通に時間なくなりました。 それではどうぞ。 これからパスキーに関するユースケースと、それに伴うユーザーエクスペリエンスの課題について発表します。 株式会社MIXIでエンジニアとして働いています。 MIXI MというサービスでID基盤の開発に携わっており、8月にパスキー対応を行いました。 その経験も踏まえて、今日はお話をさせていただきます。 また、OpenIDファウンデーションジャパンでエバンジェリストをしています。 今日はID連携とパスキーの関係についてもお話します。 この発表を通して

              DroidKaigi 2023にてパスキーについて話しました
            • [新連載]良いデザインシステムとは その基本と構造をグッドパッチが解説

              これまでさまざまな組織のデザインシステム構築や運用を支援してきたグッドパッチ。本連載ではデザインシステムにフォーカスし、その概要や歴史、導入から運用、構築にいたるまで網羅的にお届けします。第1回のテーマは「デザインシステムとは」です。 こんにちは。グッドパッチのUIデザイナーの乗田です。グッドパッチはビジネス課題をデザインで解決するデザインカンパニーとして、これまでさまざまな組織に対してデザインシステムの構築や運用を支援してきました。これらの経験をもとに、本連載ではグッドパッチが大切にしている観点や姿勢を交えながら、「デザインシステムとは何か」「必要性」「はじめかた」「運用方法」などのテーマをお届けします。初回である今回は「デザインシステムとは」について紹介します。 デザインシステムのはじまり はじめに、デザインシステムとはどのようなものかを調べてみると、ソフトウェアにおける「一貫性を維持

                [新連載]良いデザインシステムとは その基本と構造をグッドパッチが解説
              • 開発速度UP⤴️!UX UP⤴️!利益⤴️!フィーチャーフラグはDevCycleで50ミリ秒以下の世界に 🚀

                ※ それぞれ課金モデルが異なり、プランも複数存在するので比較が困難である。間違いや更新があった際にコメントをいただければ幸いです。 比較した所感 採用しても良いと思ったSaaS編 ・DevCycle(パフォーマンス、DX、UXが最も優れている) ・LaunchDarkly(インテグレーションの数、熟成度高いが料金も) ・ConfigCat(シンプル、安価) ・Statsig(料金体系が魅力的) メンテされているOSS編 セルフホストをする運用力の余裕がある企業なら、OSSも一つの選択肢。 Unleash(OSSの中で勢いが最もあるが、SaaS版は高い) FlagSmith(SaaS版は良心的な料金) Bucketter(弊社から公開されたばかりで期待のOSS) Flipt(シンプル・SaaS版はない) メンテされなくなったOSS編 両方OSSともCloudflare Workersを前提と

                  開発速度UP⤴️!UX UP⤴️!利益⤴️!フィーチャーフラグはDevCycleで50ミリ秒以下の世界に 🚀
                • BtoBプロダクトをシンプルに保つ「名前をつけない」UXライティング|hikaru-takase /Loglass

                  🐳この記事は「ログラスサマーアドベントカレンダー2023」の29日目の記事です。明日は一人目のマーケ、盛川君です! こんにちは、ログラスでデザインマネージャーをしている高瀬です。 この記事では、名前をつけないUXライティングのアプローチについて考察し、なぜ名前をつけない決断が必要なのかを記載していきたいと思います。 プロダクトが複雑になる問題昨今のデジタルプロダクトは時間の経過とともに成長していき、どんどん便利な機能がリリースされていきます。はじめはシンプルで使いやすかったけど気がつけば複雑になっていき「使いにくい…」となることも珍しくありません。 私が所属しているログラスは「BtoB」 で「経営管理」という領域のプロダクトを提供しているため、専門用語や複雑な業務フローを扱うことがよくあります。 例えば経営管理の業務ワードを軽くピックアップするとこんな感じのものがいくつも出てきます。 予

                    BtoBプロダクトをシンプルに保つ「名前をつけない」UXライティング|hikaru-takase /Loglass
                  • モノタロウ社内デザインシステムの今までとこれから - MonotaRO Tech Blog

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

                      モノタロウ社内デザインシステムの今までとこれから - MonotaRO Tech Blog
                    • 生成AIサービスのUXデザインにおけるベストプラクティス | 豊富な実例付き|梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」

                      国内でも生成AIを使ったプロダクトづくりに取り組む企業は増えていますが、ユーザー体験の正解はまだほとんど体系化されていません。 そのため、サービスの実例を掲載しながら「生成AIサービスにおけるUXデザインのベストプラクティス」についてまとめました。 何でもかんでもチャットUIにしない Webサイトノーコード制作サービス「Wix」のAI機能は、テキストや画像など編集したい箇所をクリックした際にAI機能のボタンが出現する。 このように、制作系のサービスにおいて生成AI機能を提供する際には、むやみにチャットUIにせず、対象箇所に紐づいてAIをアシスタント的に呼び出せるようにするのがポイントだ。 Wixの生成AI機能のUXには以下のようなポイントも押さえられており、非常に参考になる。 ユーザーにプロンプトエンジニアリング力を求めない。UIのインプットフィールド側で必要な情報を過不足なく吸い上げられ

                        生成AIサービスのUXデザインにおけるベストプラクティス | 豊富な実例付き|梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
                      • 「よくも悪くもApple製品は『これをこう使ってこういう風に生きてください』と提案してくるもの」言語化がしっくりくる

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

                          「よくも悪くもApple製品は『これをこう使ってこういう風に生きてください』と提案してくるもの」言語化がしっくりくる
                        • 生成 AI による検索体験 (SGE) のご紹介

                          Google は、20 年以上前に日本で Google 検索の提供を開始しました。それ以来、常により良い体験となるよう機能をアップデートしてきました。AI と機械学習の進歩により、Google の検索システムはこれまで以上に人間の言語を理解することができるようになりました。そして本日より、国内で Google 検索の新機能として生成 AI による検索体験 (SGE -Search Generative Experience) の日本語版の試験運用を開始します。 Search Labs に Google アカウントを登録することで、デスクトップの Chrome ブラウザと スマートフォンの Google アプリ( Android および iOS )でご利用いただけます。 生成 AI による検索の進化生成 AI の新たな技術進歩により、検索エンジンの更なる可能性を再考することができ、新しいタイ

                            生成 AI による検索体験 (SGE) のご紹介
                          • “楽天離れ”が加速…「若者から圧倒的に支持される通販サイト」と分かれた明暗 | 日刊SPA!

                            筆者(田中謙伍)はAmazon日本法人に新卒入社し、現在はAmazonで商品を出品する企業のコンサルティング会社を経営している。 Amazon日本法人在籍中に副業でAmazon内で商品を出品し3億円を稼ぎ、現在はAmazon内でヒットする商品の成功要因を分析できる立場を活かし、日刊SPA!では「ヒットする商品の背景」についてお伝えしていきたい。 今回は、日本で急成長している海外ECサイト「Qoo10」と、苦境に陥っている「楽天市場」を比較してみたい。浮かび上がってきたのは、あまりに好対照で残酷な真実だった。 Qoo10はアメリカに本社を置くグローバルEC企業「eBay(イーベイ)」が、運営する総合ECモールだ。日本には2010年に進出し、2023年で14年目を迎えている。 日本では国内EC市場の年成長率の平均が10%と言われているが、Qoo10は2021年に約30%の成長を遂げており、まさ

                              “楽天離れ”が加速…「若者から圧倒的に支持される通販サイト」と分かれた明暗 | 日刊SPA!
                            • 三井住友銀行のインハウスデザイナーにプロジェクト推進術を学ぶ。若いチームが大組織を動かすコツとは - ミーツキャリアbyマイナビ転職

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

                                三井住友銀行のインハウスデザイナーにプロジェクト推進術を学ぶ。若いチームが大組織を動かすコツとは - ミーツキャリアbyマイナビ転職
                              • 【LOVOT】ロボットに「生命」を宿す。開発チームに聞く「人と絆を結ぶUX」のつくりかた

                                【LOVOT】ロボットに「生命」を宿す。開発チームに聞く「人と絆を結ぶUX」のつくりかた 2023年8月24日 株式会社GROOVE X LOVOTふるまいチーム アニメーター 大坪 俊介 LOVOTふるまいチームのアニメーターとして、LOVOTの身体や瞳の動きの設計を担当。ゲーム業界での3DCGのキャラクター制作や映像制作を経て、2017年にGROOVE Xに入社。 ※取材日はオンライン参加 株式会社GROOVE X LOVOTふるまいチーム エンジニア 明比 宏太 LOVOTふるまいチームのエンジニアとして実装を担当。映画会社でのCGの研究開発を経て、2022年にGROOVE Xに入社。 株式会社GROOVE X LOVOTふるまいチーム APO(エリアプロダクトオーナー) 石川 恵 スマホゲームのプランナーやアプリのプロダクトマネージャーを経て、2018年から現職。ソフトウェア領域の

                                  【LOVOT】ロボットに「生命」を宿す。開発チームに聞く「人と絆を結ぶUX」のつくりかた
                                • UXデザインに役立つテンプレート集

                                  UXデザインに役立つテンプレートをFigmaファイルとPDF形式で無料配布しています。それぞれのトピックを紹介した記事と合わせてUXデザインにお役立てください。

                                    UXデザインに役立つテンプレート集
                                  • Xがブロック機能を廃止へ 「意味がない」とマスク | Forbes JAPAN 公式サイト(フォーブス ジャパン)

                                    X(旧ツイッター)のオーナーである起業家のイーロン・マスクは18日、Xで特定のアカウントによる連絡や投稿の閲覧、フォローなどを制限する「ブロック」機能を廃止する予定だと明らかにした。 マスクは、Xでほかのユーザーから寄せられた質問に、ダイレクトメッセージ(DM)以外のブロック機能はなくなる予定だと回答。ブロックには「意味がない」と断じた。 マスクによると、特定のアカウントのフォローを解除したりブロックしたりせず、タイムラインに表示しないようにする「ミュート」機能は引き続き使えるという。 マスクは2022年10月にツイッターを440億ドル(現在の為替レートで約6兆4000億円)で買収して以降、有料サブスクリプションサービス「Blue」の導入、ツイッターからXへの名称変更、ブランドの象徴だった青い鳥のロゴ廃止、「X Pro(旧Tweetdeck)」の実質有料化など、プラットフォームの大幅な改変

                                      Xがブロック機能を廃止へ 「意味がない」とマスク | Forbes JAPAN 公式サイト(フォーブス ジャパン)
                                    • とある道の駅に設置されている食堂の券売機『UIってこういうのでいいんだよこういうので』って感じですごく良かった「おお!解りやすい!」

                                      sgm @g_stand 先日、たまたま立ち寄った道の駅で見かけた食堂の券売機。このシステムを考えた人は天才だと思った。 券売機の各ボタンの中に、料理名だけでなく写真が入っているので、直感的に選ぶことができる(ここまではよくある話)。 pic.twitter.com/ek6cmFracM 2023-08-17 14:22:43 sgm @g_stand 感心したのはここから。そのすぐ右隣(券売機の待ち行列ができる方向)に、券売機のボタン配列通りにそのまま約1.5倍に拡大したパネルがあり、券を買う前に何を食べるか、どの券を買うか、一度シミュレーションができる。つまり自分の番になってもほとんどまごつくことなく、券売機のボタンが押せる。 pic.twitter.com/tPeBNZmv7U 2023-08-17 14:24:00

                                        とある道の駅に設置されている食堂の券売機『UIってこういうのでいいんだよこういうので』って感じですごく良かった「おお!解りやすい!」
                                      • 人材不足の救世主? UXデザイナーこそ「プロダクトマネージャー(PdM)」に挑戦しよう|Goodpatch Blog グッドパッチブログ

                                        こんにちは!グッドパッチのUXデザイナー兼プロダクトマネージャー(以下、PdM)のかのうです。 UXデザイナー兼PdMというと、「何それ、両立できるものなの?」と思われる方もいると思いますが、実は今、グッドパッチでは、PdMとしてクライアントワークにアサインされるUXデザイナーが増えています。 PdM、すなわちプロダクトの責任者が担うべき領域は幅広く、開発、マーケティング、デリバリーと多岐にわたり、今もっとも人材不足が叫ばれている職種といっても過言ではありません。 そんな職種にUXデザイナーが挑む理由はただ一つ。UXデザインの知見がプロダクトマネジメントで生きてくる、つまりスキルセットに似た部分があるためです。例えば、プロダクト開発を進める上でぶつかりやすいこんな課題。 多種多様なユーザーがプロダクトを使うため、ターゲットが定まっていない ユーザーの要望に応えることはできているが、プロダク

                                          人材不足の救世主? UXデザイナーこそ「プロダクトマネージャー(PdM)」に挑戦しよう|Goodpatch Blog グッドパッチブログ
                                        • https://spctrm.design/jp/columns/tech-and-experience-05-failure-of-design/

                                          • エンジニア直伝!デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法|ShikiCheri/C-C-C

                                            こんにちは、@ShikiCheriです。 現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。 デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…!?クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サービスWeb版クックパッドのUIのリニューアルを行いました。 またこのプロジェクトと同時に、webに限らずアプリも含めたサービス全体の体験を統一するためのデザインシステムの構築を担当しました。 Apron - Figma Community これらのプロジェクトを推進する際、デザイン×開発の架け橋的存在であるUXエンジニアのむーさん、実装もできるデザイナーのけんけんさん、TOFUWORKSさんと共に

                                              エンジニア直伝!デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法|ShikiCheri/C-C-C
                                            • 「デザイナーこそ、スプレッドシートに強くなれ」の意味するところ|鷹野 雅弘

                                              「デザイナーこそ、スプレッドシートに強くなれ」とずっと言い続けています。先日、とあるセミナー(#D2デザインダンジョン)で発したところ、「具体的にはどういうことでしょうか?」と質問いただきました。 よい機会なのでまとめてみました。重要なのは、スプレッドシートは数字はもちろんだけど、数字以外でも使いますよね、ということです。 なお、この記事では、次をまとめて「スプレッドシート」と記します。 Excel(デスクトップ版、オンライン版) Google スプレッドシート スプシ 表計算 Apple Numbers 「スプシ」という言葉には、なかなか慣れません… スプレッドシートは「思考の道具」である私自身、「マインドマップ」はよく使います。 マインドマップは思考を“発散”するには向いていますが、“収束”には不向き。たとえば、異なる“枝”のアイテムの関係性を表現できません。 詳しくは、こちらの記事に

                                                「デザイナーこそ、スプレッドシートに強くなれ」の意味するところ|鷹野 雅弘
                                              • AIを利用したUX調査ツール:課題と限界

                                                UXリサーチャーのためにデザインされたAIツールの宣伝文句には懐疑的になろう。そうしたシステムの多くは、宣伝文句にあるすべてのことが実行できるわけではないからだ。 AI-Powered Tools for UX Research: Issues and Limitations by Feifei Liu and Kate Moran on July 2, 2023 日本語版2023年7月27日公開 ChatGPTが呼び起こした関心を利用しようと、あらゆる種類の新しいAIツールが市場に参入している。UXの分野もその例外ではない。 UX調査のためのAIを利用ツールの宣伝文句は、以下のような大げさなものだ: 「調査の分析をあなたに代わって行います! データの分析もタグづけも不要です」。 「AIにはバイアスがありません! 調査のバイアスを軽減しましょう!」 「弊社のツールは、ユーザビリティテストを

                                                  AIを利用したUX調査ツール:課題と限界
                                                • 値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。|アプリマーケティング研究所

                                                  値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。 10周年を迎えた「メルカリ」さんを取材しました。 株式会社メルカリ Product Manager 塚本 佳実さん、UX Design Manager 宮本 麻子さん「メルカリ」について教えてください。塚本: 「メルカリ」は、国内最大手のフリマアプリです。2023年の7月にサービス開始からちょうど10周年を迎えました。 直近のアクティブユーザー(MAU)は2,200万人以上に、四半期のGMV(流通金額)は2,500億円以上に到達しています。 累計だと30億品以上が出品されていて、販売の速度でいうと「1秒間に7.9個の商品が売れている」というデータもあります。 この10年間でのトレンドの変化としては、取引されている「ブランド」にも変化が出

                                                    値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。|アプリマーケティング研究所
                                                  • Goodpatchの新卒「UXデザイン研修」体験記──ターゲットと価値に2週間徹底的に向き合って分かったこと|Goodpatch Blog グッドパッチブログ

                                                    こんにちは。このたび7月1日付でGoodpatchのUXデザイナーに配属になりました、2023年卒の関口と杉本です! 年によって変わりますが、Goodpatchの新卒メンバーは配属部署に関わらず、営業研修、PM研修、UIデザイン研修、UXデザイン研修、エンジニア研修など、「部門研修」という形で各職能のスキルを約2カ月かけて学びます。 そして、今年の新卒研修では「研修を全て修了し、新卒4人のチームで成果物を作って最終プレゼンを行う」というゴールが設定されていました。この成果物のテーマは「政治に興味のない20〜30代に政治参加を促すサービス」。 さらに成果物の条件として、以下の制約がついていました。 成果物はテクニカルプロトタイプを目指して制作する KGIとして「投票率が50〜60代を上回る」を据える(実際に測定はできないので、あくまでここを目指すという前提) 現行のルールに従ってサービスを構

                                                    • デザインの参考になる! 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ

                                                      最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利です。

                                                        デザインの参考になる! 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
                                                      • 【イベントレポート】Spectrum Jam「UXリサーチャーのコミュニケーションデザイン」 - inSmartBank

                                                        こんにちは!スマートバンクでUXリサーチャーをしているHarokaです。 このブログでは、2023年7月26日に開催されたSpectrum Jamで発表した内容と合わせて、時間の制約でお伝えしきれなかったところを補足してお届けします。 Spectrum Tokyo Jam #01では、様々な領域の人(デザイナー、ディレクター/PM、エンジニアなど)が集まり、広義のデザインにまつわるライトニングトークを聞きながら、新たな仲間と出会えることを目的としています。 今回のテーマは「あれもこれもデザイン。あなたのやっている「デザイン」を教えてください」で、私が最近考えている「組織内にユーザー視点をどのように行き渡らせるか」についてコミュニケーションデザインの視点でご紹介しました。 UXリサーチャーの仕事は「実査」のみにあらず UXリサーチャーという職種名から想起されるように、調査にまつわるあらゆる接

                                                          【イベントレポート】Spectrum Jam「UXリサーチャーのコミュニケーションデザイン」 - inSmartBank
                                                        • #3-5 デザイン思考は「はやすぎる」(UX戦略の教科書)|小城 崇

                                                          サービス仮説を立案するための方法論としては、一般的に「デザイン思考」や「デザインスプリント」「リーンUX」などの手法が提唱されている。 しかし、これらの方法論を活用してサービス仮説を立案しても、「経営サイドからSTOPをかけられてお蔵入りする」や「経営サイドの要望に応えているうちに、企画段階とは全く異なるサービスとしてリリースされてしまう」といった結末を辿ることが多い。 なぜ、このような現象が起きるのだろうか。本記事では「デザイン思考」を始めとする既存のサービスデザイン方法論の問題点を明らかにしたうえで、どのようにアップデートするべきかを提示することを目指す。 デザイン思考が提示する方法論・プロセス既存のサービスデザイン方法論の問題点を提示する前に、まずは「デザイン思考とはどのようなものか」について概要レベルで解説しておきたい。 まずは、デザイン思考が提示する検討プロセスを簡単に紹介しよう

                                                            #3-5 デザイン思考は「はやすぎる」(UX戦略の教科書)|小城 崇
                                                          • ユーザー調査の「使いたいと思います」を信じてはいけない、3つの理由|Goodpatch Blog グッドパッチブログ

                                                            「アンケートで多くの人に意見を聞いたのに、売れなかった」 「ユーザーインタビューから聞いたユーザーの声を参考にしたのに、売れない」 新規事業が空振り、新商品が売れない……そんな非常事態を避けるため、自分たちが生み出すサービスや製品のコンセプトが、「本当にユーザーに受け入れられるのか確かめたい!」と、ユーザー調査に興味を持つ企業が増えています。 昨今、「UXデザイン」という言葉がよく使われるようになり、ユーザーの声に耳を傾ける文化が浸透してきたのは、とてもうれしいことです。 しかし、調査の実施方法を間違えてしまったり、分析で「ユーザーの声」を正しく取り扱えずに真実とは全く異なる結果を導いてしまうことも少なくありません。 間違ったユーザー調査はプロジェクトを誤った方向に導いてしまうばかりでなく、まったく売れない商品やサービスに対して「売れる」と思わせたまま、莫大な開発費や広告宣伝費を使わせるこ

                                                            • Google UX 完走してみてどうだったか?|yokogoshi - ハルサメ

                                                              7つのコースに分かれていて、全ての受講と課題提出を終えると認定証明証が発行されLinkedinなどに載せてスキルをアピールすることができます。 受講の目的体系的にUXを学ぶことスクールなど通わずに独学でデザイナーになったため体系的に学べるコンテンツを探していたところたまたま見つけたのがGoogle UXでした。「UX領域を強化していきたい」だけど「そもそもUXとは何なのか」という課題を持っていました。そこで「UI/UXとは?」のような動画をいくつか見てみたのですが、コンセプトには共感しつつ具体的に何をすべきかが見えてこないな…と思っていたところ、Googleという信頼できるソースで手を動かしながら学べることに魅力を感じました。 デザイナーとしての転職受講前の私は小さな事業会社で何でも屋デザイナーとしてUI/Web、コーディングなどひと通り担当していた歴2ヶ月の駆け出しデザイナーで、私含めて

                                                                Google UX 完走してみてどうだったか?|yokogoshi - ハルサメ
                                                              • Loading & progress indicators — UI Components series

                                                                Loading and progress indicators are essential elements of UX/UI design that help users stay informed and engaged during waiting periods. Whether it’s loading a webpage, processing a transaction, or downloading content, well-designed indicators can significantly improve user experience. Among Jakob Nielsen’s ten heuristics, the visibility of system status takes precedence as the foremost and essent

                                                                  Loading & progress indicators — UI Components series
                                                                • 外国人アルバイト特集|すかいらーくグループ|パート・アルバイト採用情報【公式】

                                                                  働(はたら)きやすいです。 ご飯(はん)が 1食(しょく)356円(えん)で 1日(にち)2回(かい)まで 安(やす)く食(た)べられます。 家(いえ)から 店(みせ)までの 電車(でんしゃ)のお金(かね)が 1か月(げつ) 最大(さいだい)で 2万円(まんえん)まで もらえます。 働(はたら)いた 次(つぎ)の日(ひ)に 給料(きゅうりょう)が もらえる制度(せいど)が あります。 グループの店(みせ)でも使(つか)える 25%OFFの チケットが 1か月(げつ)6枚(まい) もらえます。

                                                                    外国人アルバイト特集|すかいらーくグループ|パート・アルバイト採用情報【公式】
                                                                  • アクセシビリティ | SmartHR Design System

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

                                                                      アクセシビリティ | SmartHR Design System
                                                                    • ゲーム開発者ら、ロード画面の“進捗バー”を「わざとガクガクさせている」と明かす。進捗バーは、プレイヤーのために嘘をつく - AUTOMATON

                                                                      ゲームのロード画面においては、ロードの進行を表す“進捗バー”が用意されていることもある。この進捗バーは、わざと不規則な速さで進むように設計されていることが多いという。開発者たちがSNS上で明かしている。 開発者の口からロード進捗バーについての意外な“真実”が明かされる発端となったのは、コメディアンのAlasdair Beckett-King氏のツイートだ。同氏はゲームのロード画面の進捗バーは均等な速度で動くべきであり、ロードにかかる時間を適切に反映する必要があると問題提起。そうした仕組みを用意してからほかの部分の開発を進めるべきである、との願望を伝えている。ゲームにおいてロード進捗バーが止まったり急に進んだりしがちという、いわば「あるあるネタ」を述べているのだろう。 Game developers need to invent a loading bar that moves at an

                                                                        ゲーム開発者ら、ロード画面の“進捗バー”を「わざとガクガクさせている」と明かす。進捗バーは、プレイヤーのために嘘をつく - AUTOMATON
                                                                      • What’s The Perfect Design Process? — Smashing Magazine

                                                                        The design process is messy. You might be following a structured approach, but too often, it takes a life of its own. And before you know it, you are designing in chaos, with last-minute changes and missed deadlines. So, what’s the “perfect” design process? Design process is messy. You might be following a structured approach, but with all the last-minute changes and overlooked details, too often,

                                                                          What’s The Perfect Design Process? — Smashing Magazine
                                                                        • LLM in toB Service and Its UX

                                                                          LLM in Production #0にて発表

                                                                            LLM in toB Service and Its UX
                                                                          • UIは閲覧画面からつくろう。|Shino | Software Designer

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

                                                                              UIは閲覧画面からつくろう。|Shino | Software Designer
                                                                            • なぜ使われないダッシュボードが作られるかという話 - satoshihirose.log

                                                                              はじめに 最近、ビジネスダッシュボードの設計・実装ガイドブックという書籍が出版された。今まであまりなかった視点から書かれたデータに関する本で面白く読んだ。 ビジネスダッシュボード 設計・実装ガイドブック 成果を生み出すデータと分析のデザイン 作者:トレジャーデータ,池田 俊介,藤井 温子,櫻井 将允,花岡 明翔泳社Amazon 作ったダッシュボードの利用が進まず、虚しさを覚えた経験がある人は多いと思う。どうしてそうなってしまうのか、自分の経験を元にまとめたいなと思ったのでまとめる。 なぜ使われないダッシュボードが作られるか なぜ作られたダッシュボードが使われないかと言うと、基本的にはそのダッシュボードがそんなに必要なものではないからだ(社内周知がうまくない、ツールの使い方がわからない人が多いなどの理由もあったりするがここでは無視する)。 必要のないダッシュボードが作られてしまう状況に関して

                                                                                なぜ使われないダッシュボードが作られるかという話 - satoshihirose.log
                                                                              • タッチパネル式食券機を作ってる連中ってバカなの?

                                                                                もういろんなところで言われてるけど、最近よく見るタッチパネル式の食券発券機ってなんであんなに無駄なステップが多いの? 行きつけのラーメン屋でノーマルラーメンを頼もうと思ったらこんだけの画面を経なきゃならない。 ・ラーメン、サイドメニュー、ドリンクからラーメン選択 ・ラーメン、チャーシューメン、煮卵ラーメンなどからラーメン選択 ・トッピング選択画面でトッピング無しを選択 ・麺普通、大盛から普通を選択 ・お支払方法選択ボタンをタッチ ・電子マネー、現金から電子マネーを選択 ・いくつかの選択肢からたとえば交通系ICを選択 ・カードをタッチ→発券 こんなのこうすりゃ簡単じゃん。 ・注文画面(=初期画面)で注文する品を選択→他メニューやトッピングも追加選択できる状態で「電子マネーをタッチ、あるいは現金を入れてください」の表示 ・カードをタッチあるいは現金を投入して発券(どの電子マネーかは自動判別)

                                                                                  タッチパネル式食券機を作ってる連中ってバカなの?
                                                                                • 【翻訳】LPのデザインを向上させる13のヒント(Pascal Barry, UX Planet, 2021) - 体験とデザイン、スタートアップについて

                                                                                  uxplanet.org 01/ 文字のある画像にカラーオーバーレイを使う 時には、くだらない画像で作業しなければならないこともあります。ブランドカラーを半透明で重ねることで、主役というより背景のテクスチャーのように使ってみてください。こうすることで、重ね合わせたテキストを読みやすくするために必要なコントラストを得ることができます。下の例では、さらにコントラストを高めるために、テキストに濃いブルーのドロップシャドウを適用しています。 02/ ネガティブスペースは取り過ぎない デザイナーはネガティブスペースが大好きで、ウェブ上でもネガティブスペースをもっと増やすべきだといつも言われています。しかし、本来一緒にあるべき要素の間に過剰なネガティブスペースがあると、視線は淀み、つながった要素の上を簡単に流れるのではなく、空洞に落ちてしまうのです。 03/ ワードサラダを好む人はいない ウェブサイト

                                                                                    【翻訳】LPのデザインを向上させる13のヒント(Pascal Barry, UX Planet, 2021) - 体験とデザイン、スタートアップについて