メンバーシップ

\\ uto-usui //

UX Engineer @ note inc. ／a11y+DesignSystem／…

\\ uto-usui //

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

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

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

  • メモのプラン📝

  • 猫のプラン🐈 🐈‍⬛

    ¥222 / 月

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

    • 36本

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

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

    • 75本

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

  • アクセシビリティ知見まとめ

    • 72本

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

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

    • 75本

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

  • デザインシステム知見まとめ

    • 47本

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

すべてのマガジンを表示
  • 商品画像

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

    タムシン・ピッケラル
  • www.youtube.com

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

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

くわしく見る
  • 36本

断捨離されるIssueたちをUXライティングで救う

Lancers（ランサーズ） Advent Calendar 2020　18日目の記事です。 はじめまして。 ランサーズのデザイナー（アソビュー株式会社から出向中）長倉（@japannohaji）です。 正義感に溢れたタイトルにしていますが、壮大なヒーローストーリーを語るつもりはないのでご安心ください。小さな改善の話です。 ランサーズのデザイナーチームでは、現在 lancers.jp のUXライティングプロジェクトに取り組んでいます。チームは3名のデザイナーで構成されて

72
ながゆ | ランサーズ…

UXライターがAIと一緒にUXライティングやってみた

生成AIの発展により真っ先に淘汰されるというウワサのUXライターという仕事をしているものです、こんにちは。 遅かれ早かれ淘汰されるであろうとは思いつつも、自分が発揮するバリューにそれなりの自信もあるので、奪えるもんなら奪ってみろや！というスタンスで生成AIとは少し距離をとっていました。 なのですが。 先日「AI4D Gathering デザインプロセス大解剖 -実務での生成AI×デザインが丸わかり-」というイベントに参加したところ、ほとんどの登壇者の方がUXライティング

103
nao | UXライタ…

UXライティング - デザイナーこそが押さえておきたいマイクロコピーとは

NTTレゾナントテクノロジーUI/UXデザイナーの笛田です。WebサイトやモバイルアプリのUI/UXデザインを担当しています。 今回はUXライティングについて、特にデザイナーが押さえておきたいマイクロコピーについて例※とあわせて紹介します。 ※参考例であり、全てに当てはまる解答例ではありませんのでご注意ください。 前提知識UXライティングとは UXがプロダクトを通じてのユーザー体験全てのことを指すように、UXライティングはユーザーに最適な体験を提供するためのライティング手

80
NTT Resonan…

BtoB SaaSに"楽しさ要素"をプラスするために、情緒的UXライティングを取り入れてみた

BtoB SaaSは機械的で、使う時の楽しさを求めてはいけないのでしょうか？業務で使用するサービスである以上、目的を最小限のコストで達成させることの優先順位が高いですが、Slackのようにちょっとした瞬間にわくわくを感じさせるサービスもあります。 サービスのターゲット層や特性によって異なりますが、BtoB SaaSだからと一纏めにせず、可能性を広げる選択肢としてライティングを工夫してみました。 サービスで実現したいことから考えるMeetingBaseという議題ベースの会議

60
yokogoshi -…
すべて見る

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

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

くわしく見る
  • 75本

iOSとAndroidの"Divider"の線幅の違いと各社の対応

アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。 このDividerの線幅について、国内外のサービス各社の対応を調べてみました。 iOSとAndroidのDividerの線幅の違いiOSアプリのリストはSwiftUIで以下のように実装できます。 var body: some View { List { Se

176
鈴木慎吾 / TSUM…

noteに入って2年経ったデザイナーの話

noteに入社して、はや2年が経ちました。入社してからやっていることは日々目まぐるしく変化しています。 変化しすぎて「最近何してるの？」と聞かれた時答えにくくなってきたので、2年間何をしていたのかざっと書き出してみました。最近退職されたさわさんの記事をリスペクトしつつ… 色々なことをやらせてもらえて、毎期刺激的で面白いです。 プロダクトデザインここが私の主業務になります。noteのデザイナーは基本的にチームに一人で配属されるので、最初の3ヶ月間のオンボ期間？の後は基本的に

72
鮎

デザインで牽引する、速いプロダクト開発

こんにちは、CAMPFIREデザインマネージャー・リードデザイナーの623（@623px）です。先日、Friends of Figma Tokyoのみなさんにお声がけいただき、こちらのイベントに登壇させていただきました。 内容への反響が思ったよりも大きく、当日お話しした内容を一部抜粋し、改めて記事にすることにしました。デザイナーを取り巻く開発体制について課題がある方へ、何かしらのヒントになれば良いなと思います。 弊社ではここ2-3年で、プロダクト開発の体制や取り組み方が大

158
623

「CTAボタン」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPにおいてCV（コンバージョン）に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。 はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を１つずつ特化して調査をしていきたいと思っています。 今回はその「パーツ別デザインまとめ」シリーズ２本目です。 ↑ こちらの記事、たくさんの方に読んでいただけており嬉しいです！ パタ

260
nanami
すべて見る

アクセシビリティ知見まとめ

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

くわしく見る
  • 72本

デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選

こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るま

614
東芝 UIデザイン

デジタル庁Webサイトのスゴさを伝えたい！～「誰一人取り残されない」Webサイトの在り方について考える

こんにちは、水無瀬あずさです。 noteではWebライターをメインに名乗っている私ですが、こう見えて本業はエンジニアでして、日々社内システムの設計やらプログラミングやらテストやらをしております。少し前に、技術者向けの情報共有サイトQiitaのある記事を見て、どうやらデジタル庁のWebサイトってスゴいらしいということを知りました。 私も実際にデジタル庁のWebサイトを触ってみましたが、なるほどこれが本当の意味でのアクセシビリティってやつなんだなあと実感させてもらいました。頭

72
OgAz/水無瀬あずさ…

全ユーザーを想うデザイン✨ Webアクセシビリティについて社内勉強会を開催しました🧑‍💻👩‍💻

こんにちは、エンジニアの今堀です🐄 meltyでは、毎週チーム全体で勉強会を開催しています📕。 そして、今回のスポットライトは…「Webアクセシビリティ」に当てられました！💡 meltyの強みは、 エンジニアとデザイナーが手を取り合い、 全員が「Webアクセシビリティ」の深い理解に努めることで、 強みを活かし、 誰もが使いやすく、愛されるプロダクト開発ができると考えています！ この記事では、勉強会で共有された知見の一端をみなさんにもお届けします！ 勉強会のゴール 🎯

14
株式会社melty

民間企業40社のアクセシビリティ方針を調査してみた

こんにちは。YUIDEAでアートディレクターをしているTottiです。 前回、ウェブアクセシビリティの基礎知識についてまとめてみました。 今回は、ウェブアクセシビリティに取り組むにあたって必要なアクセシビリティ方針について、民間40社を調査してみたのでご紹介したいと思います。 アクセシビリティ方針とはウェブアクセシビリティ基盤委員会では、ウェブアクセシビリティを高めるプロセスとして、以下の流れでPDCAを回し、継続的に取り組んでいくことを推奨しています。 ウェブアクセシ

20
Totti
すべて見る

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

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

くわしく見る
  • 75本

コミュニケーションデザイナーを定義してみた

Ubieのコミュニケーションデザイナーとは私は、コミュニケーションデザイナーとしてUbie に入社しました。 コミュニケーションデザイナーって、なんなんでしょうか。 感覚値でいうと、コミュニケーションデザイナーが採用などで扱われ始めたのはここ10年未満くらいかと思います。デザイナーといえばCGデザイナーなどのイメージが強く、どちらかといえばUI/UXデザイナーなどの誕生とともに、それ以外のデザイナーと区分するために生まれ認知されてきたのではないか？、という気がしています。

120
Kimi Imada …

デザイナーの働き方を考える ｜ ビジネスの言葉の向こうにある生々しい課題とデザインにできること

デザイナーを取り巻く環境は日々変化し、働き方の選択肢も増えています。その中で、自身の働き方や今後のキャリアに迷いや不安を感じている方も多いことでしょう。社外識者の方とSmartHRの対談を通じて、これからのデザイナーの働き方を考える企画。今回は、企業と伴走し、活動を支えるデザイン会社・株式会社コンセントの大﨑優さんにお話を聞きました。 組織デザインにまつわる課題感関口裕（以下、関口）：まずは簡単にそれぞれの自己紹介を。 大﨑優（以下：大﨑）：私は株式会社コンセントというデ

129
SmartHR コミュ…

「伝わる」デザインってなんだろう？〈“伝えることば”の考究記〉

どんなお仕事でも、「伝わる」ものをつくるのって難しいですよね。 はじめまして！　科学コミュニケーター／デザイナーとして活動している、山内と申します！　ぜひ気軽に“じーにょ”とお呼びください！ 皆さんは、資料や企画書、デザイン物などを制作するとき、どのような工夫をされていますか？内容を作り込む、ライティングをがんばる、ビジュアルを整える、効率を重視する……さまざまなこだわりで取り組まれていると思うのですが、最終目標はみんな変わらないはず。 それは、相手へ的確に情報を「伝え

154
ヒラギノフォント公式n…

コミュニケーションデザイナーにロゴデザインの手法を紐解いてもらった話 【ゆるくないようでかなりゆるいデザイナー勉強会 Vol.2】

こんにちは！プレイドのデザインチームのなんでも屋さん ayacchi ( @222078 ) です 🙌🏻 ゆるくないようでかなりゆるい デザイナー勉強会 、久々の記事公開です。 ナレッジシェア自体はチーム内でかなりリズムづくりが進み、直近は週1ペースで会を開けていたりするので、アウトプット化についても力を入れ直して行きたい所存です 💪🏻 この勉強会について 今回は、コミュニケーション領域のデザイン全般を担っている maomao に、ロゴデザインの手法を紐解いてもらう「ロ

137
PLAID DESIGN
すべて見る

デザインシステム知見まとめ

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

くわしく見る
  • 47本

SmartHRのプロダクトデザインシステム史上最大のアップデートがはじまります。 ー SmartHR Design Systemの現在地（2024年4月版）

こんにちは、SmartHR プロダクトデザイナーの@versionfiveです。 SmartHR Design Systemを公開して5年近くが経ちます。 立ち上げから携わっている私から、SmartHRのプロダクトデザインシステムが現在直面している変化と、それに向けた私たちの取り組みについてお話ししたいと思います。 振り返り：これまでの取り組みSmartHR Design Systemのこれまでの取り組みを、記事や書籍から簡単に紹介します。 プロダクトのコンテンツを20

59
週刊プロデザ by S…

スタートアップのデザインチームにフィットするミニマムデザインシステム

こんにちは。akippaでデザイナーをしている横山です。 今回はakippaのデザインシステム(※ミニマム)の構築を行なった話をしようと思います。 皆さんはデザインシステムを何のために導入すべきと考えているでしょうか？ 複数人のチームで効率よく作業するため？ 誰が作っても一定のクオリティを担保するため？ サービスの一貫性を担保しユーザーの学習コストを抑えるため？ 確かにデザインシステムには様々なメリットがあります。 その旨み全て享受したい(願望)。 実は過去にもデ

32
akippa_yoko…

企業ブランドとサービスブランドをつなぐ「らしさ」を継承するデザインシステム

こんにちは、株式会社LIFULLでLIFULL HOME'SのUI・UXデザイナーとして働くぼこと申します！ 私がこの会社に入社して、ずっと関わり続けているものの一つに「デザインシステム開発」があります。 LIFULL企業ブランドのデザインガイドライン開発に2年、LIFULL HOME'Sサービスとしてのデザインガイドライン開発に4年、本業のかたわらで携わり続けてまいりました。また、LIFULL HOME'Sのデザインガイドラインを参照しながら、LIFULL HOME'S賃貸

62
ぼこ

デザインシステムイベント Framework by Figma開催！

今週からFigma主催のデザインシステムイベントであるFramework by Figmaが開催されます。 知る人ぞ知る、2022のSchema以来のデザインシステムをテーマとしたイベントです。 今回のFrameworkでは、各社のデザインシステムの取り組み、デザイナーとエンジニアの連携などのベストプラクティスや、そしてFigmaからの新しいお知らせがあります。このお知らせは、Figmaを使っている皆さんにとって待望のアレかもしれません（？） Frameworkは各国で開

39
Hiroki Tani
すべて見る