【翻訳】なぜ、最悪のUXを持つプロダクトが市場を制するのか？（Meelis Ojasild, 2022） - 体験とデザイン、スタートアップについて
meelis-ojasild.medium.com 企業がユーザーエクスペリエンスに基づいてソフトウェアを選択するというのは神話です。しかし、PMは主にUXに注目しています。では、実際はどうなっているのでしょうか？ ソフトウェアの選定プロセス これが一般的なソフトウェア選定の仕組みです。 人々は問題とそれを解決する可能性のあるソフトウェア・カテゴリーを認識します。 ソフトウェアのカテゴリーを広くグーグル検索しています（例えば「ベストCRMツール」）。 彼らは、Googleで上位に表示されるいくつかの結果を閲覧します Googleのトップページで最もよく使われているソフトウェアソリューション（Salesforce、Hubspot、Pipedriveなど）を（精神的または物理的に）メモしておくのです。 安いものから試していく（HubspotとPipedriveとします）。 テストでは、1つのコ
最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利です。
エンジニア直伝！デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法｜ShikiCheri/C-C-C
こんにちは、@ShikiCheriです。 現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。 デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…！？クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サービスWeb版クックパッドのUIのリニューアルを行いました。 またこのプロジェクトと同時に、webに限らずアプリも含めたサービス全体の体験を統一するためのデザインシステムの構築を担当しました。 Apron - Figma Community これらのプロジェクトを推進する際、デザイン×開発の架け橋的存在であるUXエンジニアのむーさん、実装もできるデザイナーのけんけんさん、TOFUWORKSさんと共に
コロナ禍を経て日本のキャッシュレスは大きく進展した。コード決済などが生活に定着しつつある中、現在急速な普及が始まっているのがタッチ決済だ。これは、カードを交通系ICのように“かざして”決済できる機能で、海外ではデファクトスタンダードになりつつある。 国内ではここ数年で普及が進み、新規発行されるクレジットカードのほとんどはタッチ決済に対応しており、店舗側もチェーン店を中心に対応が進みつつある。さらに電車やバスなどの交通系についても試験的な対応が進んでおり、カード1枚あれば移動から日常の買い物まで全てタッチで済ませられる状況が近づいてきている。 タッチ決済は各国際ブランドが利用できるが、国内において最も積極的に推進しているのがビザ・ワールドワイド・ジャパン（Visa）だ。2023年4月1日に社長に就任したシータン・キトニー氏は、「日本の決済エコスステムは、最もスマートで最もパーソナルなものにな
UXについて色々と考えることがあり、少し言葉にまとめてみた。何が正しいという話ではないが、率直に感じていることである。 意図されたBad UX 車を運転する人なら経験したことがあると思うが、「近づかないと識別できない信号」というのがある。 この手の信号は、近付くまで青なのか赤なのか判別できない。そのため信号の近くになるまで、このまま進むべきか、ブレーキを踏むべきか、とドキドキさせられる。 先日までペーパードライバーだった私は、当初、スムーズな運転を妨げてストレスを感じさせるこの信号を、液晶の表示角度などの計算を誤った設置ミスだと思っていた。 しかしこれは、複雑な交差点などでの交通事故を防ぐために意図的に仕掛けられたもののようである。 いちドライバーとしては、けっして心地よい体験ではない。しかし、社会全体にとっては良い方向に向かうようデザインされた信号といえる。 このような「意図的にユーザー
【はじめに】この記事はBaaaaと何の関係もないただの学生（25卒）が執筆しています。 【Baaaaとは】カメラで現実世界を写すことで絵文字が生成され、それをコレクションしたり、レコードに載せて音楽を奏でられるアプリ。他の人のレコードを回したりスクラッチしたりとSNS的な側面も持つ。 日本企業のwedが制作しており、同社はONEというレシート買取サービスも開発している。 【感動した5ポイント】1.UIのサイズが激しく変化する下部にあるフッターナビゲーションの大きくサイズが変化するボタンを見て欲しい。選択されている場所を色、サイズ、テキストで強調できており、分かりやすい。また、指からはみ出すアニメーションはダイナミックでワクワクする。 フッターナビゲーションそして、一体感がすごい。フッターナビゲーションを左右にスワイプすることによって、指、ボタン、中央画面が全て同じ方向に動く。まるで指で引っ
XDからFigmaへ移行したい人のためにFigmaの機能を紹介
XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 マスクとして使用 Figmaでもマスクを使うと図形などからはみ出した部分を表示しないようにできます。 画像と図形を用意します。図形はその形からはみ出て部分を表示しなくなるので、その図形でくり抜かれたような表示になります。 マスクの作成方法 マスクとして使用したい図形の前面に画像を配置します。 図形と画像の両方を選択した状態にし、上部ツールバーにある［マスクとして使用］アイコ
ジョブ理論に則り、ユーザーフィードバックを整理する。 - Sansan Tech Blog
自己紹介 こんにちは、Sansan事業部プロダクト室の乙幡です。 新卒入社後、最初に配属されたのはビジネス部門で、Bill Oneというプロダクトのインサイドセールスを担当しました。その後、入社2年目の2023年にプロダクトマネージャーへのキャリアチェンジを行い、現在は日々新しいことを学びながら活動しています。 今回は、日々の業務でうまくいったTipsについて振り返りたいと思います。 なお本記事は、Sansan Advent Calendar 2023の7日目の記事です。 ジョブ理論とは ジョブ理論（Job Theory）は、製品やサービスが市場で成功するための理論の一つで、クレイトン・クリステンセンによって提唱されました。*1この理論の核心は、「製品やサービスが消費者に採用されるのは、彼らが特定の“ジョブ”（仕事やタスク）を完了させたいというニーズがあるからである」という考え方に基づいて
実務で生成AIサービスを開発してわかったこと
生成AIを使ったサービスを開発してわかったことをメモしておきます。 開発したもの 業種 SaaS 課題 提供サービス内でユーザーがアイディアを考えることが難しかった。様々なデータを人力で集めてくる必要があった 解決策 アイディア起案に繋がりそうなデータを自動で集めてきて提示する。手法はベクトル検索、AIによる要約生成。 その他 チャットUIは作っていない。ユーザーの入力は最初の検索テキスト入力文のみ。 開発前の検証・プロトタイピング 開発する前に生成AIの出力を検証することが必要 生成AIの出力の質はサービスの肝だから 生成AIの出力は事前の予想と違うこともあり早い段階で出力を確認しておかないと後々の仕様変更があったときにキツイから AIに渡すデータの中身を確認しておく 例えばRAGを使って社内ドキュメントやDBを検索する場合、それらのデータの中身を吟味する必要がある 必要なデータと不要な
大型書店が好きな自分にとって理想的なアプリだったhonto withのこと - golden-luckyの日記
ほぼすべての個人が専用の情報端末を持ち歩く社会でありながら、印刷製本された「紙書籍」というパッケージの形で知識や物語に接することを好む人がまだまだ十分に多く、その小売りに特化した店舗が「書店」として成立できていた2024年、それでも年々縮小する需要の前に小規模な書店はすでに次々と姿を消し、紙書籍を求める人たちの受け皿として役割を果たしていたのは都市部に残された大型書店だった。それら大型書店の広大な店頭には無数の紙書籍が並び、しかもそれは毎日のように増大していく。なぜなら紙書籍は、それを生み出すことを生業とする出版社にとって、たとえ読者の手に渡ることがなくても流通に載せさえすれば収益になる商材でもあったからだ。産業の末路である。 紙書籍を好む人の多くは大型書店が好きだったと思う。コンセプトが明確でエッジを効かせた小規模書店への憧れはあるけれど、必ずしも選書や店主が個人のバイブスに合うとは限ら
ある Vercel ユーザーが「空っぽの状態」の画面に適切な導線が表示されているのを褒めたら、 Check out this delightful empty state by @Vercel! pic.twitter.com/qFkhFcUlwq— usrnk1 (@usrnk1) 2023年6月14日 Vercel の CEO が GitHub の new repo screen を参考にして意図的にやっているのだといい、 My love language is thoughtfully designed empty states See: @github's timeless new repo screen with `git` copypasta. https://t.co/ADFg52G7Ba— Guillermo Rauch (@rauchg) 2023年6月14日 それを受け
UXデザインに役立つテンプレート集
UXデザインに役立つテンプレートをFigmaファイルとPDF形式で無料配布しています。それぞれのトピックを紹介した記事と合わせてUXデザインにお役立てください。
ルールではなく補助線 ─ユーザー数2,000万人超のサービスにおける、Design Systemを立ち上げた話｜Mercari Design Blog
ルールではなく補助線 ─ユーザー数2,000万人超のサービスにおける、Design Systemを立ち上げた話 こんにちは、メルカリDesign Systemの立ち上げと運用を担当したデザイナーのtottieです。 この記事では、メルカリの抱えていたデザイン上の課題をDesign Systemの導入で改善したお話をご紹介いたします。 なぜDesign Systemを導入したの？Design Systemを導入した理由は、大きく分けて２つあります。 １つめは、開発における課題です。 導入を決定した当時（2018年）、メルカリはスタートアップから急成長したサービスだったため、開発チームは様々な課題を抱えていました。 サービスを改修したくても、複雑に絡み合ったコードのためアップデートが難しい状況になってきた。 急激なチームメンバーの増加にあたり、分担して作業するための土台の整備が間に合わなくなっ
やさしく、立体的に、デザインリサーチをより深く知る #techtekt Advent Calendar 2023 - techtekt
読了後の狙い ・デザインリサーチの基本的な要素を学べる。 ・デザインリサーチの実施シーンがイメージができる。 ・普遍的な営みとして デザインリサーチに親近感が持てる。 はじめに パーソルキャリア株式会社 UXリサーチャーの @ono_yah と申します。 今回は現場UXリサーチャーの立場から ・UXリサーチという単語を知っている ・デザインリサーチをまったく知らない ・近いことはやっているので、自分の業務をより深く理解したい 上記のような 業務において専門的に実践していなくとも新しい学びがある、今後デザインリサーチと心理的な距離が縮まるような内容になればと思います。 そのようなコンテンツを執筆したいと思った動機は、2年前にUXリサーチャーとしてパーソルキャリアに入社してから1年半程「UXリサーチャー」という職能の掴みどころのなさに戸惑う日々を送っていた経験からです。 参加プロジェクトにおけ
明けましておめでとうございます。 大遅刻で年が明けてしまいましたが、この記事はUIデザイン Advent Calendar 2023 23日目の記事です。 注意 本記事で取り上げている例は実在する企業・プロジェクトとは一切関係ありません。 本記事は、筆者が実際に業務中にしてしまった失敗をモチベーションに書かれているものの、具体例は完全に一から創作しており関連性はありません。 はじめに 某企業でエンジニアとしてスマートフォンアプリ開発をしています。 その中で、アプリの見た目や挙動を要件通りに実装する際、正直モヤモヤと違和感のあるデザインが何箇所かありました。 しかしながら、ユーザの期待操作や導線を考えてどうして改善したほうが良いと考えたのか、という形にうまく言語化できず、関係者の皆さんに全く伝わらない説明をしてしまうという悔しい思いをしました。 今後そのようなことがあった際に、せめて似たケー
私は普段、家の脱衣所で仕事をしているのだが、デスクの隣にある縦型洗濯機がちょうどいい高さということもあり、そこにいつも仕事中に参照する本を積んでいる。洗濯機の蓋もまさか、漬物石みたいに本が置かれることになるなんて思ってもみなかっただろう。それらの本は主に、その時々の仕事に関係するものとか、読みかけのものだったりするから、頻繁に入れ替わっていくのだけど、ずっと置いているお気に入りが、いくつかある。そのうちの一つが、OOUI 本こと『オブジェクト指向 UI デザイン 使いやすいソフトウェアの原理』- ソシオメディア株式会社、上野 学、藤井 幸多（著） 上野 学（監修）だ。 出版されてから 3 年以上たっても、私は時折この本をふと、開いてみてはいつの間にか没頭し、そういえば私は仕事をしていたんだっけな、みたいになってしまう。端的に言って大好きだ。この 3 年間で読書会も 2 度主催したことがある
UX デザインとは何だったのか / What Was UX Design All About?
Session by： 山下 一樹 / 株式会社インパス Kazuki Yamashita / IMPATH Inc. Spectrum Tokyo Design Fest 2023 Day 2 (2023/12/03)
input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案
input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案 2023.12.23 スイッチは多くのウェブサイトで使われているものの、HTML の標準要素としては存在していませんでした。そのため多くの開発者は、スイッチを実装するために独自の実装を行っていましたが、このような独自の実装はアクセシビリティの問題を引き起こす可能性がありました。この問題を解決するために、WHATWG により `input[type="checkbox"]` 要素に `switch` 属性を追加することが提案されました。この属性を指定することで、チェックボックスをスイッチとして利用できます。 input 要素の switch 属性は 2023 年 12 月現在実験的に実装されている機能です。将来的に仕様が変更される可能性があります。 スイッチ とは
![input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f498fff7f14d1f4ab6c565817f30f1ad084c770/height=288;version=1;width=512/https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fogp%2Finput%255Btype%253Dcheckbox%255D%2520%25E8%25A6%2581%25E7%25B4%25A0%25E3%2581%25AB%2520switch%2520%25E5%25B1%259E%25E6%2580%25A7%25E3%2582%2592%25E6%258C%2587%25E5%25AE%259A%25E3%2581%2599%25E3%2582%258B%25E3%2581%2593%25E3%2581%25A8%25E3%2581%25AB%25E3%2582%2588%25E3%2582%258B%2520HTML%2520%25E6%25A8%2599%25E6%25BA%2596%25E3%2581%25AE%25E3%2582%25B9%25E3%2582%25A4%25E3%2583%2583%25E3%2583%2581%2520UI%2520%25E3%2581%25AE%25E6%258F%2590%25E6%25A1%2588%2FHTML.png)
『ゼルダの伝説 ブレス オブ ザ ワイルド』の“よく見るといちいちアイテム拾ってない”挙動がいま称賛される。無駄を省く“引き算”の実装いろいろ - AUTOMATON
任天堂より2017年3月に発売された『ゼルダの伝説 ブレス オブ ザ ワイルド』（以下、ブレス オブ ザ ワイルド）。そのアイテムを拾った際の挙動について、あるゲーム開発者が称賛。その投稿はX上で話題となっているようだ。 『ブレス オブ ザ ワイルド』は2017年3月にWii UおよびNintendo Switch向けに発売されたシリーズ作品。シリーズのエッセンスを継承しつつも、オープンエアーと呼ばれる広大なフィールドを導入している。自然あふれるハイラルの世界を自由に攻略できる大作として、高い評価を獲得。数々のゲーム・オブ・ザ・イヤーのアワードを総なめするなど、2017年を代表する作品となった。 また本作は続編として、『ゼルダの伝説 ティアーズ オブ ザ キングダム』がNintendo Switch向けに発売されている。同作も発売後3日間で世界累計販売本数が1000万本を突破するなど大ヒッ
宇宙航空研究開発機構(JAXA)は1月20日、小型月着陸実証機「SLIM」の月面着陸を実施。着陸後に太陽電池の発電ができなくなるというトラブルはあったものの、探査機からの電波は正常に受信できており、日本初の月面着陸をついに実現した。これは日本の宇宙開発において、非常に大きなマイルストーンになったと言えるだろう。 SLIM着陸直後のサブ管制室内の様子 (C)JAXA 筆者は前日22時より、JAXA相模原キャンパスにて取材を開始。本記事では、そのときの様子をレポートしたい。 開場の30分前に現場に到着したのだが、すでに大勢の報道陣が プレスセンター内部の様子。筆者は右側最前列を確保できた ライブ配信された月面降下中のSLIMのテレメトリ画面 SLIMは同日0時に、最終降下を開始。高度15kmでメインエンジンを噴射して減速し、周回軌道を脱出、月面へと舵を切った。月のような重力天体では、一旦降下を
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
動物小脇に抱えてレジに行くの、幸せな気持ちになりそう
生成AIサービスのUXデザインにおけるベストプラクティス | 豊富な実例付き｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
国内でも生成AIを使ったプロダクトづくりに取り組む企業は増えていますが、ユーザー体験の正解はまだほとんど体系化されていません。 そのため、サービスの実例を掲載しながら「生成AIサービスにおけるUXデザインのベストプラクティス」についてまとめました。 何でもかんでもチャットUIにしない Webサイトノーコード制作サービス「Wix」のAI機能は、テキストや画像など編集したい箇所をクリックした際にAI機能のボタンが出現する。 このように、制作系のサービスにおいて生成AI機能を提供する際には、むやみにチャットUIにせず、対象箇所に紐づいてAIをアシスタント的に呼び出せるようにするのがポイントだ。 Wixの生成AI機能のUXには以下のようなポイントも押さえられており、非常に参考になる。 ユーザーにプロンプトエンジニアリング力を求めない。UIのインプットフィールド側で必要な情報を過不足なく吸い上げられ
株式会社MIXI 開発本部 MIXI M事業部の ritou です。 DroidKaigi 2023にてお話しさせていただきました。 資料も公開しました。 今回も発表内容全部書き出してみたをやってみます。 同時通訳ありだったので台本はできていて、この通り話せたら良いだけだったのですが実際はそううまくいかずに普通に時間なくなりました。 それではどうぞ。 これからパスキーに関するユースケースと、それに伴うユーザーエクスペリエンスの課題について発表します。 株式会社MIXIでエンジニアとして働いています。 MIXI MというサービスでID基盤の開発に携わっており、8月にパスキー対応を行いました。 その経験も踏まえて、今日はお話をさせていただきます。 また、OpenIDファウンデーションジャパンでエバンジェリストをしています。 今日はID連携とパスキーの関係についてもお話します。 この発表を通して
BtoBサイト改善ガイド | 才流
自社に合ったキーワードを入れるだけでテキストリンクCTAが作成できるテンプレート集です。あらゆるパターンを想定した内容となっているので、複数パターンを組み合わせて作成いただくこともできます。
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 最近、プロダクトやサービスの内容を紹介する手段として、イラストやモーショングラフィックなどを用いた動画が使用されているのをよく見かけます。 そこで今回は、サービスの内容を1~2分でまとめたサービス紹介動画を複数ピックアップし、その構造を分析してみることにしました。 はじめに本記事を書くに至った経緯私は現在、映像のデジタル合成やモーショングラフィックの制作などができるAdobeのソフト“After Effects”の学習をしています。 直近のゴールとして、モーショングラフィックを用いたサービス紹介動画を作れるようになろう！ということで、今回の記事はその学習の一環としてまとめました✍️ 動画で伝えるために大切なことAfter Effectsのスキルも重要なのですが、サービス紹介をする上でより重要なのはそのストーリー構成
汐鈴＠ワクチン4回終了しました @cio_lunacy 今日用事で岡山表町の天満屋行ったんですよ。地下から上がる階段の手摺がご覧のように波々になってて「しょーがねぇなぁデザイン優先で使いにくいのは困るのになぁ」と悪態つきながら登ったんですよ。（続く pic.twitter.com/uaNhDBYgbT 2023-05-29 22:30:35 汐鈴＠ワクチン4回終了しました @cio_lunacy そしたらね、これがめっちゃ使いやすいの。 体引っ張り上げるときも、押して体支えるときも、手首に負担がほとんどいかないの！ 斜めになってる部分に自然と手が行くんだけど、それがまためっちゃいい感じなのよ！ もっぺん登りたいと思った階段はこれが初めてだわ。 2023-05-29 22:32:56 リンク イセトー ユ･ニ･バ 街で見つけたユニバーサルデザイン ～階段の手すりの工夫～ | イセトー ユ･ニ
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
Passkey の動向 2023年ふりかえり - Money Forward Developers Blog
はじめに こんにちは、マネーフォワード ID 開発チームの @nov です。 2023年はマネーフォワード ID として本格的にパスキーのサポートを開始した年でした。 2023年4月にリリースしたマネーフォワード ID のパスキー実装ですが、2023年末の時点でマネーフォワード ID へのログインアクションの7%ほどがパスキーによるログインになっており、Google Sign-in や Sign in with Apple などを抜いてパスワードに次ぐ第二位の認証手段となっています。 この一年で、Money Forward Developers Blogにも、最初に Passkey Autofill に全面対応した実装でリリースに至った経緯や、定期的な利用状況レポートなどを挙げてきました。 Passkey autofillを利用したパスワードレスログイン導入で得たものと、得られなかったもの
【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年から現職。ソフトウェア領域の
あたしは自他ともに認めるサイゼリヤエンスージアストなんですが、昨夕、出先でWiFiが使いたくなって近くにあったサイゼリヤに立ち寄った際、なんとオーダーシステムが顧客自身のスマホを使ったセルフオーダーシステムに変わっていました。 （店員さんにお聞きしたところ、現時点では全国で数店舗だけの試験導入段階とのこと） あたしが体験したオーダー手順は以下のとおりです。 １．席に設置してある電子棚札（※）に表示された席番ごとのQRコードをスマホで読み取る ※電子棚札：スーパーにあるようなダイナミックに表示情報を変更できるeインク値札 テーブルの電子棚札２．手元のスマホには、テンキーインタフェースだけが表示される スタート画面 人数選択画面メニュー番号入力画面３．グランドメニューのメニュー番号を見ながら4桁の商品番号をテンキー入力 ※通常店ではBR01、WN01など、商品カテゴリと2桁数字の作番マナーだが
![[UX小話]サイゼリヤの新オーダーシステムの話｜井登友一（YuichiInobori)](https://cdn-ak-scissors.b.st-hatena.com/image/square/330669af7db838a020002d6d3196e858c8610b6d/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F117428106%2Frectangle_large_type_2_e4651af9191b689c61cffb95fe3f9ca9.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
そうそうお母さんもリモコン青色がいいなって思ってたよ！うん！！→SHARP公式さん「社員の私ですらそこ塗りたいと思ってた」
susu. @rene517emp 咄嗟でもこういうポジティブな声かけ出来る母親になりたい。 絶対何やってるの〜！！💢👹って言っちゃうもんな…反省 twitter.com/yayaaaaaaaaaan… 2024-01-06 09:05:24
タップ成功率（）は以下の式をもとに計算されます。 は誤差関数、はボタンの横幅、はボタンの縦幅です。 とはそれぞれタップ座標の軸の分散と軸の分散であり、以下の式をもとに計算されます。 、、、は回帰定数です。 より詳しい理論は論文（2章、3章）やTech Blogをご参照ください。 Tappyは 「非利き手でスマートフォンを持ち、利き手の人差し指でボタンをタップする場合」を想定しています。
■ 登壇イベント ：生成AI新年会2024@GMO Yours・フクラス https://algomatic.connpass.com/event/306870/ ■ Algomatic HP：https://algomatic.jp/ 採用情報：https://jobs.algomatic.jp/
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回は、日本時間の今日（2024.3.7）発表されたばかりのFigma新機能、マルチ編集機能について、その機能概要や使いどころを公式解説をもとにまとめました。 はじめに現在、Figma Community上ではこちらの公式解説が公開されています。 Figmaの公式解説は、実際に手を動かしてみる用の作業場も準備されていて作りが丁寧なので、こちらを読めば内容は理解できるのですが、この機能に関わらず、原則英語のFigmaデータしかない！ ということで、こちらの公式解説を和訳しながら噛み砕いた内容をまとめましたので、「機能の概要が知りたいけど、英語の解説を読むのに抵抗があって止まっている」という方の参考になると嬉しいです！ 機能概要｜ざっくり何ができるのかマルチ編集機能は、複数フレーム内の共通レイヤーを一気に選択し、それ
先日、Appleが主催するWWDC2023にて、ついにAppleから新型HMD「Vision Pro」が発表されました！我々MESONにとっても待望のリリースです。 Tim Cookが「One more thing…」といった瞬間、思わず叫んでしまいました。。。笑自分はそんな歴史的なWWDCに現地のApple本社でリアル参加することができました！ そして更に光栄なことに、実際にデベロッパーとしては初にして唯一実機を体験できる日本人に選んでいただくことができました！ 今回のnoteでは、そんなWWDC現地にてVision Proの開発に携わるAppleのSpatial Computingチームのデベロッパーやエバンジェリストの方々から直接質問した内容をまとめました。 WWDCの初日に開催される「Meet the team」というセッションで様々なSpatial Computingチームのデベ
この記事は毎週必ず記事がでるテックブログ "Loglass Tech Blog Sprint" の 9 週目の記事です！ 1年間連続達成まで 残り 44 週 となりました！ はじめに こんにちは、株式会社ログラスでエンジニアの浅井（@mixplace）です。開発チームのいちメンバーとして、チームの開発生産性改善を行う傍ら、デザインシステムの構築に携わっています。 ログラスもプロダクトローンチをして 3 年が経ちました。日々新しい機能の追加や改修が入っていく中で、開発チームも増え、チーム内でアウトカムを出していくことが増えてまいりました。 機能が増え画面数も増えてくると、比例するように「UX負債」や「共通UIコンポーネントの技術的負債」も目に付くことが増えてくるようになります。 このような課題について、プロダクト全体の品質や一貫性担保する観点で「デザインシステム」を構築して運用していくことが
「UIT × Bonfire Front-end Meetup #1」での発表資料です。 https://uit.connpass.com/event/300284/
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインの参考になる！ 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
「日本の決済手段はバラバラすぎた」 Visa日本法人社長が語る“世界標準化”への野望
UXだけでは足りない何か | ベイジのUIラボ
https://developer.apple.com/jp/design/human-interface-guidelines/
おもちゃ箱のようなアプリBaaaaのUI/UXが凄すぎた件｜Yusui Hoshino
GitHub の実用的な新規リポジトリ画面は偶然から生まれた - @kyanny's blog
業務で説明に失敗したUIに対するモヤモヤをどう言語化すべきだったのか反省会 - Qiita
『オブジェクト指向 UI デザイン』 に書かれていないもの｜ai
JAXA「SLIM」が月面着陸に成功、当日の様子をプレスセンターからレポート！
ChatGPTを活用したUI勉強会のススメ
カフェで『お会計の際にはこの動物をお持ちください』って言われて嬉しかった「良いシステム」「忘れられない場所になりそう」
DroidKaigi 2023にてパスキーについて話しました
Webデザイナーが「サービス紹介動画」を構造分析してみた（8事例）｜nanami
階段の手すりを見て「見た目重視の使いにくいオシャレデザインか…」と思ったらめっちゃ使いやすかった
【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
【LOVOT】ロボットに「生命」を宿す。開発チームに聞く「人と絆を結ぶUX」のつくりかた
[UX小話]サイゼリヤの新オーダーシステムの話｜井登友一（YuichiInobori)
Tappy - Yahoo!デベロッパーネットワーク
生成AIネイティブな プロダクト・UI/UXを考える
Figma新機能｜マルチ編集機能の概要と使いどころ｜nanami
【笠原一輝のユビキタス情報局】 Copilotキーの位置はメーカー次第。ハードウェア的にはMenuキーに統合。Microsoftは将来のUXとして組み込む
Appleの新型デバイス「Vision Pro」 Q&A集｜小林佑樹 / MESON CEO
エンジニアがデザインシステムの構築に向けて、UX改善と両立して取り組んだ話
ヤフーのユーザー5,400万人から"同意"を得るための技術