並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 1271件

新着順 人気順

uxの検索結果321 - 360 件 / 1271件

  • 「何度起こされたことか…」5分毎に3000円!夜勤の人に頼まれて玄関に貼るための『玄関応対料金』を作ってあげた話

    にかいどう@機械生物図鑑 @uran120 欲しいって人がたくさんいたので配布しちゃう。 xfs.jp/DHkrXF 上記URL(ファイヤーストレージ)に高解像度JPGをアップしたのでご自由にご利用ください。 ハガキサイズなので家庭用プリンターで印刷可能できると思うよ。URLは7日間有効です。 当然ですが、ご利用は自己責任でお願いします! pic.twitter.com/2mAQ8ia8XR 2020-10-22 11:51:22

      「何度起こされたことか…」5分毎に3000円!夜勤の人に頼まれて玄関に貼るための『玄関応対料金』を作ってあげた話
    • もっとも注目された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デザインのテクニックの総まとめ
      • 好きだったSlideSha○eが悲しいUXになっていたので、その怒りを糧にSlideの作成・共有サービスを爆誕させた話

        概要 スライド形式の資料が好きな筆者が、Markdownでおしゃれなスライドをつくって、即座にシェアできるようなサービス、Slidevookを開発したので、紹介します。 Demoページはこちら この記事自体には、あまり技術的な話はでてきませんが、技術的な話は、別途記事にしていきたいと考えています。 書き起こしました。→ Wasmやモダンフロントエンドを駆使してMarkdownでLT資料を作ってシェアするアプリを作る技術の裏側 対象読者 よくLTで発表をする方 MarkdownでLT資料を作成するのが好きな方 つくったLT資料を公開するのに、いちいちPDF化してというのが大変という方 はじめに・動機 筆者は、いろいろな媒体から、技術やマネジメントや組織運営に関する情報を収集をしています。 その中でも、Slide形式は、記憶に残りやすく、好んで参照する癖があります。(もちろんZenn・Qiit

          好きだったSlideSha○eが悲しいUXになっていたので、その怒りを糧にSlideの作成・共有サービスを爆誕させた話
        • UIが嘘をつく? ユーザ体験における「楽観的な更新」とSPAでの作り方

          こんにちは、株式会社カミナシでデザインエンジニアをしているショウです。 突然ですが、UI/UX デザインにおいて、「楽観的な更新」という言葉を聞いたことがありますか?あまり聞いたことがなくても、実は日常にたくさん存在しています。 例えば、 twitter や facebook のいいねボタン。いいねをタップした直後に色がつくのですが、実はサーバーへのリクエスト送信と UI 上のいいねの色付きが同時に発生しています。つまりサーバーからの通信結果を待たずに UI を更新しています。 他に、trello でタスクカードを隣の列に移動したり、iMessage や Facebook メッセンジャーでのメッセージの送信、Kindle アプリで途中までしかダウンロード出来てない本が読めることなども楽観的な更新です。 図:楽観的な更新を採用しない時と採用した時のメッセージ送信のUI (引用元) 楽観的な更

            UIが嘘をつく? ユーザ体験における「楽観的な更新」とSPAでの作り方
          • 「Google カレンダー」に歯医者の予定を入れると……ちょっと面白いことが起こるらしい/ほかにもいろいろあるよ!【やじうまの杜】

              「Google カレンダー」に歯医者の予定を入れると……ちょっと面白いことが起こるらしい/ほかにもいろいろあるよ!【やじうまの杜】
            • Playwright MCP を使ってAIにUXを評価してもらう - Qiita

              はじめに 乗り遅れましたが巷ではMCPが流行っていたので、気になっていたPlaywright MCPを使ってみたいと思います。 今回は、AIが画面操作を出来るならUXも評価してくれるのでは?という思い付きを試してみました。 1. MCPとは? MCPは、Model Context Protocolの略称です。 Protocolとある通り、「AI」と「サービスやリソース」を繋ぐ、共通規格です。 従来の悩み 従来は、AIと他サービスやリソースを連携させる際、それぞれの接続先ごとに個別の実装が必要となり、開発者に大きな負担がかかっていました。 下記ではAIエージェントが利用できるように「ブラウザ操作」「画像生成」など個別に実装する必要があります。 MCPが解決すること 「AI」と「サービスやリソース」を繋ぐ部分を共通規格化することで、開発の負担が減り、手軽にAIとサービス・リソースを接続できるよ

                Playwright MCP を使ってAIにUXを評価してもらう - Qiita
              • 「パスキー」のユーザー体験を最適化させるデザインガイドライン、FIDOアライアンスが公開

                パスワードレスなユーザー認証を実現する業界標準である「パスキー」を策定するFIDOアライアンスは、パスキーのユーザー体験を最適化させるためのデザインガイドラインの公開を発表しました。 パスキーは、従来のパスワードによるユーザー認証よりも強力で安全な認証方式とされており、普及が期待されていますが、多くのユーザーが慣れ親しんできたパスワード方式と比べると、サインアップやサインインの方法が分かりにくいという課題が指摘されていました。 FIDOアライアンスによるデザインガイドラインの公開は、こうした状況を改善するものとして期待されます。 パスキーのデザインガイドラインの内容 デザインガイドラインは主に以下の要素から構成されています。 UXの原則(UX princeples) コンテンツの原則(Content principles) デザインパターン(スキーマ、サンプルビデオ、AndroidとiOS

                  「パスキー」のユーザー体験を最適化させるデザインガイドライン、FIDOアライアンスが公開
                • ユーザーの反応率を高めるマイクロコピーの優れた事例17選 - 小さな会社のWEBビジネスの方程式

                  1-3. リンク先の内容を具体的に表示する ボタンやバナーのマイクロコピーでは、リンク先の内容を具体的に表示することが大切です。 「詳しくはこちら」のような表現でリンク先の内容がわからないと、ユーザーはそこに知りたい情報があるのか判断できないために離脱する可能性が高いからです。 デジタルツールの大手メーカーであるAppleが“M1システムオンチップ”を紹介するページでは、リンクボタンに以下のようなマイクロコピーが設置されています。 出典:Apple これらのマイクロコピーによって、ユーザーはリンクボタンの先にどんな情報があるのかを一目で理解できます。 スマホが普及した近年は特に、サイトを閲覧するユーザーはその内容をじっくりと読んでいるというよりも、流し読みをしているケースが多いものです。 「詳しくはこちら」だとそれが何のことだったか記憶に残っていない可能性があり、理解するためにはページを遡

                    ユーザーの反応率を高めるマイクロコピーの優れた事例17選 - 小さな会社のWEBビジネスの方程式
                  • LEGOの「操作パネルブロック」から学ぶUXデザイン

                    デザインエンジニアのジョージ・ケイブ氏が、パネルやボタンがプリントされたLEGOの「2×2 装飾スロープブロック」をテーマに、インターフェースデザインの基礎を語りました。 The UX of LEGO Interface Panels - Interaction Magic https://interactionmagic.com/UX-LEGO-Interfaces/ ケイブ氏はまず、操作パネルブロックを4象限図にまとめました。以下の図では、ブロックにプリントされたインターフェースが整頓されているか散らかっているかが上下の軸で、インターフェースにスクリーンが含まれるか否かが左右の軸で表現されています。 ケイブ氏によると、複雑な機械インターフェースの設計にまつわるさまざまな要素は、以下の2つのポイントに還元することができるとのこと。 ◆1.入力の差別化 第二次世界大戦中のアメリカでは、爆撃

                      LEGOの「操作パネルブロック」から学ぶUXデザイン
                    • デザインプロセスに生成 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両立への挑戦
                        • アクセシビリティ | SmartHR Design System

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

                            アクセシビリティ | SmartHR Design System
                          • 国産スマホの“電池切れ間際はカメラ使えない仕様”……いる? 「arrows」開発元が語るそのワケは

                            「電池の残量が少なくなっています。カメラを使用できません」──国産スマートフォンではそんな表示がされ、写真を撮影できない状態になることがある。この仕様に対し、不要ではないかと異議を唱える投稿が話題だ。ガジェット紹介ブログ「すまほん!!」の公式Twitterアカウント(@sm_hn)が2月15日、「日本メーカースマホのこれマジでいらん」と画像付きでツイート。他ユーザーからは賛否両論さまざまな意見が上がっている。 【訂正:2023年2月20日午前10時 当初、FCNTは富士通の子会社としていましたが、2021年に独立していました。そのためタイトルと本文を修正しました。おわびして訂正いたします】 すまほん!!の投稿は次の通りだ。「日本メーカースマホのこれマジでいらん。お前の電池は繋げば回復する。今、目の前にある光景はこの瞬間にしかない。頼むからまともに使ってる人間が作ってくれ。ホント使いにくい」

                              国産スマホの“電池切れ間際はカメラ使えない仕様”……いる? 「arrows」開発元が語るそのワケは
                            • Cookie規制が招くWeb体験の危機

                              欧州委員会はWebを破壊していると私は考えるようになりました。ユーザーのプライバシーを守ろうとする彼らの試み(GDPRやクッキー法とも呼ばれるeプライバシー指令)は、クッキー通知とプライバシーポリシーのオーバーレイの氾濫という予期せぬ結果を引き起こしました。 事実、平均的なユーザーの立場からすると、ネットワーク中立性の崩壊よりもクッキークライシスの方が、日々のWeb上での体験においてダメージが大きいと言えます。 それでも、ネットワーク中立性に関わるものと同じような組織的抵抗は、クッキー通知の異常性に対してはほとんど発生していません。私たちは、その意図が良いものであるために受け入れているのです。 誤解しないでほしいのですが、その意図自体は良いことです。どのサイトがトラッキングしてOKで、どの情報を収集しても良いかの主導権はユーザーが持つべきです。欧州委員会の取り組みは評価に値します。ただし、

                                Cookie規制が招くWeb体験の危機
                              • auから9年ぶりに『新作ガラケー』が出た。一体いまさら何の需要があるんだ?と思ったら一部の職業では必須アイテムらしい。「厚い手袋でスマホ操作は難しい」

                                りく @my_way_smart auから9年ぶりにガラケーが出たそうな。 ☑防水機能 ☑1.8mからの落下耐性 一体いまさら何の需要があるんだ? と思ったけど、漁業や現場で働く人に需要があるとのこと💡 なるほど、確かに厚い手袋とかしてたらスマホ操作は難しいですよね。 こういった機種は細く長く出続けてほしい。 pic.twitter.com/EtHhpAKynX 2021-12-07 08:53:43

                                  auから9年ぶりに『新作ガラケー』が出た。一体いまさら何の需要があるんだ?と思ったら一部の職業では必須アイテムらしい。「厚い手袋でスマホ操作は難しい」
                                • デザインシステムを育てていく

                                  はじめに ここ最近はデザインシステムの構築や支援を行なっています。そこで、デザインシステムを作ることが目的になっていることを感じることがあります。私はデザインシステムは作ることよりも、育てていく考え方が重要だと思っているので、その考えについてお伝えします、どなたかの参考になれば幸いです。 デザインシステムとは? まずはデザインシステムそのものについてです。デザインシステムの事例から学んでみます。 GoogleのMaterial Designは「チームがより高品質なデジタル体験を各OS上で構築するためのもの」と表しています。 Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the w

                                    デザインシステムを育てていく
                                  • アイリスオーヤマのスピーカー付き天井照明が色んな意味で怖すぎる「復讐に使えそう」

                                    幽らり @you_rari アイリスオーヤマのスピーカー付きシーリングライト。Bluetooth接続スピーカーで天井から音楽を流せると言う品。しかしBluetoothにパスワードがないため、集合住宅だと隣家などから勝手に接続され音楽を流されると言う一品。昨晩寝てる時にやられて、スピーカー外した。こんな不良品発売するなよ… pic.twitter.com/Yd7BC33w8j 2022-09-27 16:36:16

                                      アイリスオーヤマのスピーカー付き天井照明が色んな意味で怖すぎる「復讐に使えそう」
                                    • Kenji Iguchi 💉⁴ on Twitter: "かつてドットコムバブルの時、多くのスタートアップが大金かけて物理店舗を訪れるかのようなリッチなショッピング体験を作り込んだが、結局はWebの特性に合わせたUXを提供したAmazonに敗れ去った…なんて事もあったので、メタバース内で… https://t.co/qoINWGRCen"

                                      かつてドットコムバブルの時、多くのスタートアップが大金かけて物理店舗を訪れるかのようなリッチなショッピング体験を作り込んだが、結局はWebの特性に合わせたUXを提供したAmazonに敗れ去った…なんて事もあったので、メタバース内で… https://t.co/qoINWGRCen

                                        Kenji Iguchi 💉⁴ on Twitter: "かつてドットコムバブルの時、多くのスタートアップが大金かけて物理店舗を訪れるかのようなリッチなショッピング体験を作り込んだが、結局はWebの特性に合わせたUXを提供したAmazonに敗れ去った…なんて事もあったので、メタバース内で… https://t.co/qoINWGRCen"
                                      • 「これは間違える」銀座駅ではじめて『逆方向の電車に乗る』というミス…その原因はホーム手前の案内板にあった→一晩で修正!

                                        きせしょう @kiseshou この前はじめて「逆方向の電車に乗る」というミスを銀座駅で犯してしまったんだけど、きょうやっと理由がわかった pic.twitter.com/IYNh31hv6e 2020-09-01 19:45:04

                                          「これは間違える」銀座駅ではじめて『逆方向の電車に乗る』というミス…その原因はホーム手前の案内板にあった→一晩で修正!
                                        • 【翻訳】UXデザインのKPI例:ユーザーエクスペリエンスの測定方法を学ぶ(Kateryna Mayka, Eleken, 2021) - 体験とデザイン、スタートアップについて

                                          www.eleken.co ユーザーエクスペリエンス(UX)は、ウェブサイト、アプリケーション、またはプロダクトの設計と使いやすさに焦点を当てています。優れたUXとは、ユーザーがそれほど困難なく問題を解決したり、ニーズを満たしたりできることを意味します。これは、ユーザーの満足度を高め、コンバージョン率を向上させ、ビジネスコストを削減することにつながります。 しかし、UXの良し悪しを決めるのはユーザーであることは、誰もが知っていることです。では、あなたやあなたのデザインチームがすべてを正しく行い、プロダクトが素晴らしいユーザー体験を提供しようとしていることを理解するには、どうすればよいのでしょうか? ここで役に立つのが、UXデザインのKPI例です。Elekenはプロダクトデザイナーのチームであるため、KPIパフォーマンスの測定は、プロジェクトでの作業における構成要素の1つとなっています。UX

                                            【翻訳】UXデザインのKPI例:ユーザーエクスペリエンスの測定方法を学ぶ(Kateryna Mayka, Eleken, 2021) - 体験とデザイン、スタートアップについて
                                          • ICカード式コインロッカーで相次ぐ窃盗 施錠したと勘違いする訳は:朝日新聞デジタル

                                            交通系ICカードが鍵となり、決済もできる仕組みのコインロッカーから荷物を盗んだとして、愛知県警は6日、名古屋市南区の無職田中豊容疑者(76)を窃盗の疑いで逮捕し、発表した。施錠が完了する前に「使用可」のランプが消えるため、閉めたと思い込んで被害に遭ったとみられ、同様の被害が相次いでいるという。 中村署によると、田中容疑者は昨年11月12日午後0時55分ごろ、JR名古屋駅構内のコインロッカーからリュックサック(計約9万1千円相当)を盗んだ疑いがある。観光で訪れた大阪市東成区の自営業男性(48)が預けたもので、携帯ゲーム機やタブレット端末などが入っていた。田中容疑者は「盗んだことは間違いないが、動機は言いたくない」と話しているという。 このタイプのロッカーは、荷物を入れて扉の横のレバーを下げると一時的に施錠され、「使用可」のランプも消える。さらに画面を操作して料金を支払うと施錠が完了する。被害

                                              ICカード式コインロッカーで相次ぐ窃盗 施錠したと勘違いする訳は:朝日新聞デジタル
                                            • Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。|Takumi HASEGAWA (unshift Inc.)

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

                                                Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。|Takumi HASEGAWA (unshift Inc.)
                                              • https://twitter.com/s5ml/status/1625061820422840321

                                                  https://twitter.com/s5ml/status/1625061820422840321
                                                • エイプリルフールに便乗しているサイトまとめ2022年版

                                                  By ほしのるる 毎年おなじみのエイプリルフールが今年も始まってしまいました。一体どれが本当なのか、どのあたりが実はウソなのか、どこからどこまでがネタで、もしかして実はマジでやるのではないか?というようにして現実と虚構が融合していき、いろいろな意味で記憶に残る恐るべき一日の始まりです! ◆エイプリルフール記事が更新される度にすぐ知る便利な方法 GIGAZINE編集部はエイプリルフールに便乗していろいろなことをしている各サイトを4月1日0時~24時まで、文字通り24時間リアルタイム更新し、この記事にまとめて追加し続けます。時間の経過とともに更新内容がどんどん追加されていき、この記事は次第にとんでもない長さになっていきます。「ページを再読み込みして、追加があるかどうか確認するのはギガも無駄に減るし重いし……」という場合は、GIGAZINEのTwitter公式アカウント・Facebook公式アカ

                                                    エイプリルフールに便乗しているサイトまとめ2022年版
                                                  • ソシャゲにもう200万くらい使ってる

                                                    FGOに150万、グラブルに50万 我ながら愚かだと思っている。今年に入ってからもうソシャゲにお金をかけるのをやめようと思い、節約し始めた。現時点で0円。 あれだけお金を使っていたのに使わないようにしたら、全く課金しないようになった。 もともと熱中することはあっても、決め事さえしてしまえば守らないと気がすまない性格なので今回の節約はごく普通に守れているだけの事なんだけど。 そんな無課金になって思った事がある。グラブルはユーザーへの還元がとても大きくサービス多い。今も無料10連をしていたり定期的に驚くような還元を行う。 一方でFGOは還元という還元がない。たまに記念でーすと呼符を1枚ずつ数日に分けて配る程度。あれだけ売上ランキング上位にいるのにケチだ。 サービス初期の頃にQPも配ったことがあったが、アレ以来大量のQPを配っている所を見たことが記憶にない。イベントで手に入ることもあるが周回とい

                                                      ソシャゲにもう200万くらい使ってる
                                                    • アマゾンのAIレジなし技術は1000人以上が人力操作していた。店舗から撤去を発表 | カラパイア

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

                                                        アマゾンのAIレジなし技術は1000人以上が人力操作していた。店舗から撤去を発表 | カラパイア
                                                      • 新規事業を加速させるリサーチ術/ Research tips for new biz creation

                                                        ビザスクさんにお誘いいただき、企業内新規事業担当者の方などに向けて、リサーチに関するお話をしました。 https://visasq.co.jp/seminar/research0728 調査、正しく使うと楽しいし、ためになるよ、というお話をしています。 30分くらいでお話したので、同じような講…

                                                          新規事業を加速させるリサーチ術/ Research tips for new biz creation
                                                        • 社内情報検索システムで用いられるRAGの4つの実装方法

                                                          Building Better People: How to give real-time feedback that sticks.

                                                            社内情報検索システムで用いられるRAGの4つの実装方法
                                                          • 深津 貴之 / THE GUILD / note on Twitter: "珍プロダクトといえば。我が家の家宝の100徳ナイフ。 便利な10徳ナイフも11, 12, 13... と機能を増やしていくと、どこかで詰むのです。 自分がアプリを作るときの心の師。このナイフをプレゼンに持ち込むと、99%の確率で多機能主義やスーパーアプリの企画を止められる。 https://t.co/VMDOzdVjbb"

                                                              深津 貴之 / THE GUILD / note on Twitter: "珍プロダクトといえば。我が家の家宝の100徳ナイフ。 便利な10徳ナイフも11, 12, 13... と機能を増やしていくと、どこかで詰むのです。 自分がアプリを作るときの心の師。このナイフをプレゼンに持ち込むと、99%の確率で多機能主義やスーパーアプリの企画を止められる。 https://t.co/VMDOzdVjbb"
                                                            • Webスタイルガイド | Science Tokyoデザインシステム

                                                              Webスタイルガイドは、本学のWebサイト管理者・運用担当者をはじめ、Webサイトに関わるすべての方が利用することができます。ご利用いただく際は、利用規約の記載事項を遵守し、最新の情報やデータをご利用いただくようお願いいたします。 更新履歴

                                                                Webスタイルガイド | Science Tokyoデザインシステム
                                                              • PC用ゲームを深く考えずにスマホ移植して気づいたこと|frenchbread

                                                                2024年10月にDungeon AntiquaというゲームをPC向けにリリースしました。 ありがたいことに、紹介ポストなどを見て「気になるけどPC持ってないからプレイできない、Switchかスマホでも出して欲しい」と言ってくださる方がちらほらいまして「Switchは現時点で難しそうだけどスマホなら以前にもリリース経験あるし行けるなぁ」と思い12月末にスマホ版を出しました。 Dungeon Antiquaスマホ版のコンセプト当初、PCならキーボードやゲームパッドでスイスイと十字キーで移動したりコマンド選択したりできるけどスマホ版だとちょっと操作がしづらいかな?くらいは思ったものの、RPGでスピーディな操作を要求されたりはしないので普通にバーチャルパッドで大丈夫だろうと判断し、スマホ版はPC版と同じ内容を環境調整だけ行ってリリースしています。 バーチャルパッドを表示して操作を受け付ける機能は

                                                                  PC用ゲームを深く考えずにスマホ移植して気づいたこと|frenchbread
                                                                • 実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編|i3DESIGN Designers

                                                                  「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化(Visibility of system status)1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗

                                                                    実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編|i3DESIGN Designers
                                                                  • 優先順位が口癖になる危機感 - ジンジャー研究室

                                                                    開発サイクルの終盤に近づくと「今回は優先順位の高いここまでを実装して、残りは優先順位が低いのでまたの機会にしましょう」という話になりがちだ。自分もこれまで何度もそうしてきたし、その場の判断としては正しい。が、このやり方に味をしめて常にこの調子で進めて、なんとなく上手く仕事をこなしている気になってしまうことには危機感がある。 以下、普段考えていることを自戒を込めてメモしておく。(なお、筆者の経験は toB ・Web 系・自社開発が中心なので読者の置かれている状況とは一致しないかもしれない) 優先度が低いタスクに着手する機会が一生訪れない 仮にあるタスクの優先度を下げたとする。バックログを眺めるとそのタスクに着手できそうなのは3ヶ月後だ。そして3ヶ月後、やっとそのタスクに着手できるかというと、そんなことは決してない。3ヶ月の間にそれよりも優先度の高いタスクが積まれているからだ。タスクを消化する

                                                                      優先順位が口癖になる危機感 - ジンジャー研究室
                                                                    • ゲームには、「プレイヤーにストレスを与えない」工夫がさまざまに導入されている。『Dishonored 2』や『LoL』などの工夫 - AUTOMATON

                                                                      インディースタジオGesinimo Gamesの設立者Salman Shurie氏は3月9日、「プレイヤーには気づかれていない、ゲームをプレイしやすくする工夫」について、Twitter上でゲーム開発者に対して尋ねた。SNS上での開発テクニックの共有はこれまでにも時折おこなわれており、Shurie氏はそれに触発されたようだ。本稿では、寄せられた工夫をいくつか紹介する。 Shurie氏はまず自身が導入した工夫のひとつとして、ステルスアクションゲーム『Fistful of Nothing』の例を紹介。武装した敵が徘徊する建物からの脱出を目指す同作では、敵は画面内にいる時にしか攻撃しないという。プレイヤーの見えない場所から撃たれて、訳も分からず死ぬフラストレーションを排除しているそうだ。 in my game Fistful of Nothing, made every enemy only ab

                                                                        ゲームには、「プレイヤーにストレスを与えない」工夫がさまざまに導入されている。『Dishonored 2』や『LoL』などの工夫 - AUTOMATON
                                                                      • サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable

                                                                        公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入

                                                                          サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
                                                                        • 2023年のWebアクセシビリティ | gihyo.jp

                                                                          あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2022年のWebアクセシビリティに関連する出来事を振り返りつつ、2023年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2 2022年9月版のWCAG 2.2で、文書のステータスとしてはようやく勧告候補(Candidate Recommendation)にまでたどり着き、仕様文書として完成する勧告(Recommendation)が見えてきた…と思っていたところですが、12月になって達成基準4.1.1構文解析を削除するという話が急浮上してきました。 達成基準4.1.1がどういったものなのか、改めて振り返ってみましょう。この達成基準については、もとはWCAG 2.1(原文、参考日本語訳)と同じものであり、WCAG 2.0とも同一です。達成基準4.1.1は、マークアップ言語

                                                                            2023年のWebアクセシビリティ | gihyo.jp
                                                                          • UIデザインのための心理学:33の法則・原則(実例つき) | ベイジのUIラボ~業務システムとSaaSのUIを考える

                                                                            ユーザーが「使いやすい」と感じるアプリケーションは、良いUIデザインで設計されているともいえます。良いUIデザインでは、ユーザーの認知負荷を下げる工夫がされています。認知負荷を下げる仕組みを知るには、心理学とUIデザインの密接な関係を理解することが重要です。 行動心理学や認知心理学の発展により、人間の感情や行動は、脳の仕組みに基づいて様々な法則に当てはめられることが分かってきました。UIデザインでも、心理学を活用したアプローチでより良いユーザー体験を生み出すことができます。特に業務システムのような複雑なアプリケーションでは、メニューや画面レイアウトなど幅広く活用できます。 今まで心理学はマーケティング領域で応用されることが多く、ウェブサイトやアプリケーションのUIデザインで語られることはそれほど多くありませんでした。そこで本記事では、人の様々な心理現象や認知の法則を、UIデザインに活用する

                                                                            • 2020年、Web制作・デザインに役立つ記事の総まとめ

                                                                              2020年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。

                                                                                2020年、Web制作・デザインに役立つ記事の総まとめ
                                                                              • iPhone 16 Proに失望。購入したがiPhone 15 Proに戻した理由 - すまほん!!

                                                                                あとはカメラコントロールボタンが搭載されたり、ベゼルが更に細くなったりと、意外と変更点ありそうに思えますが、使ってみると変化に対しての恩恵はそこまでありませんでした。 iPhone 16 Proのここが気に入らない まず第一に、今作より搭載された「カメラコントロールボタン」。 このボタンをなぞったり押したりすることで色々な操作ができますが、いかんせん位置が惜しく使いづらいと感じました。 おそらく多くの人が同じ感想だと思いますが、横持ちしたときのボタンの位置に指が届きません。外国人や、指が長い人なら、もしかしたら容易に届くかもしれませんが、相当の長さが必要だと思います。ほとんどの日本人にはマッチしないのではと思います。 向きを変えた時に起動を心がけるといくらかマシになります。左親指でカメラコントロール、右人差し指で音量ボタンを押して撮影。ただ、画面内でズームしたほうがゆっくり動かせてスムーズ

                                                                                  iPhone 16 Proに失望。購入したがiPhone 15 Proに戻した理由 - すまほん!!
                                                                                • 冷凍オムライスを食べようとして自分の愚かさに気付かされた話「自分の小物っぷりがより目立ってしまった…」

                                                                                  かろ @aqbl_000 自分の失敗を相手のせいにして責めたのに、ニッスイのオムライスの方が一枚も二枚も上手で、失敗すら包み込まれてしまったので、自分の小物っぷりがより目立ってしまった……より良く生きたい…これからは…… 2021-07-10 20:17:21

                                                                                    冷凍オムライスを食べようとして自分の愚かさに気付かされた話「自分の小物っぷりがより目立ってしまった…」

                                                                                  新着記事