\\ uto-usui //

UX Engineer @ note inc. /a11y+DesignSystem/Songwriter/Win 👑 ACC AWARDS Finalist, FWA FOTD/Ex. Condé Nast 🇯🇵 -WIRED,VOGUE,GQ/Fav 🐈🎸📸☕️🍷📻

\\ uto-usui //

UX Engineer @ note inc. /a11y+DesignSystem/Songwriter/Win 👑 ACC AWARDS Finalist, FWA FOTD/Ex. Condé Nast 🇯🇵 -WIRED,VOGUE,GQ/Fav 🐈🎸📸☕️🍷📻

メンバーシップに加入する

手帳にささっと書きそうなことを書いていきます。 メモとか日記とか書きとめるところがないなあって思っていて。 猫と医師とエンジニアの暮らしのはなしとか、作ったもののこととか、むかしばなしとか。

  • メモのプラン📝

  • 猫のプラン🐈 🐈‍⬛

    ¥222 / 月

リンク

マガジン

  • noteエンジニアチーム 公式マガジン

    • 402本

    noteエンジニアの技術記事をまとめたマガジン。さらに技術記事を読みたい方はこちら→ https://engineerteam.note.jp/

  • コミュニケーションデザイン知見まとめ

    • 111本

    コミュニケーションデザイン・イラスト・リブランディングなどの知見をまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

  • プロダクトデザイン知見まとめ

    • 93本

    プロダクトデザイン・UI/UX・UXライティングなどの知見をまとめていくマガジンです!noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

  • DesignOps知見まとめ

    • 72本

    DesignOpsや、組織・カルチャー・マネジメントなどの知見を幅広くまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

  • UXライティング知見まとめ

    • 44本

    UXライティングの知見をまとめていくマガジンです。 noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

ウィジェット

  • 商品画像

    世界で一番美しい猫の図鑑

    タムシン・ピッケラル

noteエンジニアチーム 公式マガジン

noteエンジニアの技術記事をまとめたマガジン。さらに技術記事を読みたい方はこちら→ https://engineerteam.note.jp/

くわしく見る
  • 402本

会社忘年会の企画で悩める人へ

11月になり2024年も残り2ヶ月を切ったところで、忘年会の予定が徐々に決まってきた人も多いのではと思いながら書き始めている。 去年の今頃、社内忘年会の幹事をやることになって 「コンテンツどうしよう」 「景品あったほうがいいかな」 「ご飯とお酒はどうしよう」 みたいな悩みポイントがいっぱいあった。 その中でも企画・コンテンツが1番悩むので、何をしてどんな工夫したかを残していく。 ちなみに弊社の場合、社内イベントでやることはざっくり以下の通り。 日付を決める 役員の予

SwiftUIでルビをふる

おはようございます。waturaです。新しいmac miniがほしいなぁと思っているんですが,やっぱり、独立した画面ほしいよね。机の上にもう1セットキーボードとかおくのいやだよね。とかって考えると、ほしいのはノートパソコンでは?となっています。 note Mobile Tech Talk #1で発表した内容になります。 ルビをふりたいルビをふりたい noteでルビってどうやってふるんだろう?って検索しないといけないくらい、ルビの使い方がわからなかったんですが、noteでも

noteでのGrowthBookの導入理由と使い方を紹介

EMの佐々木です。 note ではA/Bテストの改善目的でGrowthBookを導入し、まずは先行して一部のチームで利用を開始していました。 ▲導入時の記事はこちら 導入したチームからのフィードバックが好評で、従来よりもよりすばやくA/Bテストができるようになったため、全エンジニアに向けて展開することになりました。 今日はGrowthBookの導入方法やアーキテクチャの変化、使い方など基本的なことについて話していきます。 GrowthBookを導入した理由まずはGr

開発の力で事業を支える!CTOが語るバリュー発揮事例

noteは1年で様々な機能開発がされていますが、社内の体験向上やクリエイターがよりより作品を生み出す施策など、様々な方向での施策を実践しています。 自動テストの効率化やSEO戦略の強化、フロントエンドの刷新など、多岐にわたる取り組みが行われているのです。 今回の記事では、CTOである今が直近で行った事例の一部を紹介します。改善を続けるnoteの進化をご覧ください。 ※ 社内発表の内容を一部変更して外部公開しております 今 雄一(こん ゆういち)1985年北海道生まれ。

コミュニケーションデザイン知見まとめ

コミュニケーションデザイン・イラスト・リブランディングなどの知見をまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

くわしく見る
  • 111本

noteのイラストシステム「JOY」を無償公開します🎁|無償公開の裏側

noteは2024年3月13日より、オリジナルイラストが利用できるイラスト素材集と、パーツを組み合わせて4万通りのカスタマイズができるイラスト作成ツールを無償で公開しています。イラストを描くのが苦手な方や、デザインに困っていた方も、手軽に自作コンテンツにぴったりなイラストを利用できますので、ぜひお使いください! この記事では、イラストシステムを無償公開した目的や、社内で取り組んだことなど、裏側をお届けできればと思います。 前回の「noteのイラストシステム設計の裏側」も、

「スピーダ」リブランディングの軌跡

こんにちは。株式会社ユーザベースでデザイナーをしている伊藤です。 2024年7月1日より、弊社が展開していたSPEEDA・INITIAL・FORCASなどの国内SaaSプロダクトを「スピーダ」にリブランディングしました。 遅ればせながら今回のnoteでは、そのリブランディングの裏側をデザイナー視点で紹介できればと思います。 普段からブランドに携わっている方、リブランディングを検討している方の参考になれば幸いです。 リブランディングの背景ユーザベースはBtoB SaaS事

無いなら、作ろう。デザイナーの繋がる場をデザインする。 「コムデナ」ができるまで。

こんにちは。LayerXの住岡(@azusanpome)です! 先日開催された日本最大級のデザインカンファレンス「Designship 2024」にて、勤務している株式会社LayerXのメンバーとして参加、登壇させていただきました。 今回登壇するにあたって、一年間取り組んできた「コムデナ」というデザインコミュニティの運営について、自分の中で振り返る良いきっかけになりました。 ここでは、当日ステージでお話ししたことをベースとして、記事として改めて書き起こしてみたいと思います

スタートアップがイラストシステム設計に取り組んだ話

株式会社スマートバンク、コミュニケーションデザイナー(以降コムデ)のmmitoです🎨 ここ半年は、弊社サービスB/43の「アプリ内イラストのガイドライン整備」や「人物イラストのシステム化」などを推進していました。 今回のnoteでは、スタートアップの弊社が「イラストを活用する理由」と「アプリ内イラストのガイドライン整備」や「人物イラストのコンポーネント化」に至った経緯を課題ベースで紹介していきます。 スマートバンクがイラストを活用する理由前述の通り、B/43ではイラストを

プロダクトデザイン知見まとめ

プロダクトデザイン・UI/UX・UXライティングなどの知見をまとめていくマガジンです!noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

くわしく見る
  • 93本

noteタイムセール機能のデザイン舞台裏

noteでは先日、タイムセール機能をリリースしました!販売期間を設定し、その期間中はお安く記事を販売できる機能です。 私はこちらの機能でデザインまわり全般を担当していました。今回はそのプロセスを残しておきたいと思います。 0. 何を作るか考える今回私は「どういう形態かまだ決まってないが、販促になりうる新しい販売設定を模索したい」といったまだふんわりした段階から担当しました。 ●他社調査でバリエーションを洗い出す まず、どんなセールがあり得るのか他社事例も加味しつつ洗い

OOUI研修を行いました!

こんにちは! リクルートプロダクトデザイン室 デザインマネジメントユニットで、『Airレジ オーダー』のデザインディレクターをしている新井です。 私が所属しているデザインマネジメント5部(SaaS)(以下SaaSデザマネ部)では、スキルアップのために、研修を年に1回行っています。先日、デザインコンサルタントをされているソシオメディア株式会社の上野さん、藤井さんを講師にお招きして「オブジェクト指向UI研修」(以下OOUI研修)を実施したので、その内容をレポートします! Sa

デザイナーが素早く戦力になるために心がけているキャッチアップとアウトプット

こんにちは、フリーランスプロダクトデザイナー@ShikiCheriです。今回は参画したプロジェクトの制作事例を紹介しつつ学んだこと、自分が心がけているキャッチアップとアウトプットのコツについてまとめました🎉 インプットフェーズとアウトプットフェーズで心がけたい"誤解を作らない仕組み"そんな状況下、短期間で着実に事業を前進させるために2つのフェーズで意識していることがあります。 参画直前: この組織のデザイン課題・自分に期待していることを正しく把握する新しい組織へのジョイン

デザインのクオリティを上げる、たった一つのコツ

良いデザインを抽象化してから具体化する僕は3年前からデザインのメンターを始めました。今では、累計で150人以上の未経験者さんやジュニアのデザイナーさんをサポートしています。実際に、課題を続けていくことでデザインスキルが格段に向上し、有名な制作会社に転職した方も多くいます。また、3年や2年以上ずっと契約してくださる方もいます。 この課題は模写からオリジナル化することをベースに、いまのトレンドを学びデザインスキルを上げながら、ポートフォリオを作れる仕組みになっています。その学習

DesignOps知見まとめ

DesignOpsや、組織・カルチャー・マネジメントなどの知見を幅広くまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

くわしく見る
  • 72本

デザインプログラムマネージャーのすすめ

デザインプログラムマネージャーが足りない。 これは、デザインの現場の切実な思いです。デザインプログラムマネージャー(以下、DPM)がいれば、仕事が上手くまわるはずなのに良い人がいない。大変な現場がなかなか改善されず、げっそり疲弊してしまう。 もっと言うと、産業のデザイン活用が進むなか、DPMがいないことによる機会損失も広がっている。せっかくデザイナーを何人も採用しても、組織運営に問題が生じてしまう。DXが進まない。いくつもの企業で起こっている課題です。 デザイナーの間で

タイミーでは先鋭的なDesignDataOpsを構築した

こんにちは、タイミーのプロダクトデザイナーの横田です。 私たちは900万人以上のワーカー様が利用するスキマバイトプラットフォームを運営していますが、プロダクトデザイナーはかなりの少数精鋭です。 今回は、タイミーのプロダクトデザインにおける仕組み化についてご紹介します。 DesignDataOpsに取り組むデザインをめぐるオペレーションの整備については、近年はDesignOpsという活動の一部として捉えられています。しかし、DesignOpsの意義は拡大し、組織運営などのソフ

デザイナーとスクラムのご機嫌な付き合い方

こんにちは、コインチェック株式会社のデザイナー兼プロダクトマネージャー中川です。 2024年7月よりデザイングループのリーダーを担当しています。 当社では現在、様々な部署でスクラムを取り入れたプロダクト開発が行われており、デザイングループもスクラムチームと協業する方法を模索し、実践することが求められています。 この記事では、私が直近の3ヶ月で実践してきた、デザイナーがスクラムチームとご機嫌に付き合うための環境づくりについてご紹介します。 なぜ環境づくりが必要だった?私がリー

デザイン組織の最高のアサイン

成り行きまかせのアサインに落ち、時に成果を傷つけていないか。プロジェクト要件を想いやり、メンバーの胸に突き刺さるアサインができているか。 どのプロジェクトにどのメンバーを割り当てるか。今回のテーマは、デザインプロジェクトのアサイン。組織から見た優れたアサインのしくみはどんなものか。個人のキャリア形成に優位なアサインはどんなものか。組織と個人の両面で、記事を2回に分けて考えていきます。 今回は組織の視点からです。アサインの理想に触れることで、デザイン組織の成長とは何なのか、

UXライティング知見まとめ

UXライティングの知見をまとめていくマガジンです。 noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

くわしく見る
  • 44本

ライティングガイドラインを分類し直し、構成を見直しました!

2024年10月10日、SmartHR Design System内のライティング配下の構成を大幅に変更しました! 実は、半年ほど前からこちらの改善に向けてチクチクと作業をしていました。この記事では、なぜ構成を変えたのか、どう変わったのかをご紹介します。 構成を見直した経緯SmartHR Design Systemは、最初にサイト構造を設計したうえでコンテンツを埋めていったというようなものではありません。必要に応じてコンテンツを少しずつ拡充してきたという歴史があります。S

SmartHRの「やさしい日本語」切り替え機能ができるまで

こんにちは。SmartHRで「やさしい日本語」の取り組みに参加しているUXライターのkondoです。 私たちのプロジェクトではこのたび、SmartHRの画面を「やさしい日本語」に切り替えて表示する機能をリリースしました 🎉 「やさしい日本語」で表示できる業務アプリケーションは、国内でもほとんど例がないはず。そこで本記事では、私たちが開発過程で検討したことの一部を、検討の流れに沿ってご紹介します。 「やさしい日本語」に注目している開発者の皆さまの参考になれば幸いです。 な

文字を読むのが苦手な人こそUXライティングがうまい説

こんにちは。にしかなです。 突然ですが、私は文字を読むのが大の苦手です。 長文を読んでいると途中から何を言ってるのかわからなくなることがあります。もちろん書くのも苦手。小説にあるようなカッコイイ言い回しはできません。 そんな「ライティング」とは無縁そうな私ですが、UXライティングを考えるのはわりと得意です。むしろ、こういう人間の方がUXライターに向いているのかもしれません。 文字を読むのが苦手だからこそ……文字を読むことが苦手な人向けのライティングができる UXライティ

WWDC24のデザイン関連セッション

今年のWWDCから各セッションの動画がYouTubeで視聴できるようになりました。日本語字幕を確認できたり、読み上げソフトで日本語音声で視聴できたりします。 手軽に視聴できるようになったので、いつもよりたくさんのセッションを視聴することができました。 主にデザインに関連するセッションで気になったものをまとめていきます。 ラインナップは以下の通りです。 visionOSやApp Intentのセッションはまだ未視聴のため、紹介していませんが、今後視聴の上で追加するかもしれ