はじめに 私は事業会社（楽天→スタートアップ）でUXライティングを専門としてプロダクトの開発に携わっています。しかし、事業会社で私のような専任のUXライターやコピーライターを雇用している企業は決して多くありません。 多くの場合、UXデザイナーやUIデザイナー、エンジニア、プロダクトマネージャー、マーケターなど、UXライティングに比較的近い立場の方が、自分自身でUIテキストを書かなければならない、というのが実情だと思います。 そうした状況で試行錯誤されている方に向けて、自分に何かできることがあるのではないかと思い、このnoteを書くことに決めましたら。私がUXライティングの知見をしっかりと整理して伝えれば、役に立つのかもしれないと。 このnoteでは、私なりの実践的なUXライティングの方法論を言語化します。あくまで私が実践しているものなので、考え方もやり方も違うし、こんなのUXライティングじ

この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら

皆様、はじめまして。Goodpatch Anywhereの大橋と申します。Goodpatch Anywhereは2018年にスタートした、日本各地にいる専門家がフルリモートで仕事をしているデザインチームです（Goodpatchというデザイン会社の事業部門のひとつです）。 私たちGoodpatch Anywhereは、Code for Japanが中心となって有志チームが開発を進めてきた、接触確認アプリ「まもりあいJapan」の設計において、ユーザーとなる皆さんが触れることになるアプリの画面デザイン、機能、通知の内容、お伝えすべき情報などについて、エンジニア、公衆衛生や感染症の専門家と連携し、関係者にお話を伺いながらデザインやユーザーテストを重ねてきました。 既報のとおり、日本では今後、接触確認アプリを公的に導入することが決定されたため、本チームではサンプルコードや仕様の公開を通じて、接触確

原文："Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ

突然ですが、「UI Stack」ってご存知ですか？ アメリカのプロダクトデザイナー Scott Hurff さんが3年ほど前に世に出した考え方で、考慮すべき UI の5つの側面を示したものです。 当時「これは使える！」と思って社内向けに作った勉強会資料を見つけて、今でもやっぱりすごく大事だと思ったので、備忘録的に書いておきます。 ちなみに元記事はこちら。（英語です） UI Stack とは？Stackとは、1つの画面が持つ（複数の）側面、状態、ステータスのようなもの。その側面ごとに最適化されたUIを設計しようするのが UI Stack の考えです。 Scottさんが紹介しているUI Stackは5つ。 ※図はScottさんのページから引用 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

What to include, where it goes, and why it matters more now — During the emerging years of design systems (2015–2018), designers and developers form teams to crank out components. Tight collaborative connections favored conversation over artifacts to align, decide, and move forward. As a component design stabilized, designers might have erratically sprinkle callouts, tidied up the variant grid, or

デザインの原則を記載したドキュメント、スタイルガイド、コンポーネントライブラリなどのデジタルプロダクト作成に必要なルールやツール デジタルプロダクトの作成に関するあらゆるルールやツールをまとめて体系化したもの。組織にとって唯一の指針であり、デザインの設計・実装の基盤となる。 デザインシステムの構成要素例 以下がデザインシステムの構成要素の一例である。これらを組み合わせて構成される。全て必要という訳ではなく、組織によって最適な構成を選択する。 スタイルガイド コンポーネントライブラリ(コードで実装されたUI要素) 共通の用語 デザイン原則・デザインガイドライン パターンライブラリ UIキット Voice & Tone（文章・文言のトーン） 情報設計 コンテンツ原則 分類方法 アクセシビリティ ブランドガイドライン デザインシステムの利点 デザインシステムを入れることでいくつかのメリットがある

Transcript Improving UX of Data by Design and Communication σβΠϯͱίϛϡχέʔγϣϯͰ վળ͢ΔσʔλͷUX THE STUDY BY THE GULD ࣗݾ঺հ GO ANDO THE GUILD / UXɾUI Designer 1. SIer ͰΩϟϦΞελʔτ ɾ େن໛։ൃͰσεϚʔνΛଟ਺ܦݧ ɾ ւ֎ࣄۀ։ൃͰւ֎Ͱ੡඼ൃ۷ 2. ݕࡧΤϯδϯϕϯνϟʔ ૑ۀ ɾ ถࠃελʔτΞοϓͱڞಉ։ൃ 3. ಠཱͯ͠ΞϓϦσϕϩούʔʹ ɾ App Store ೔ຊ૯߹1ҐΛؤுͬͯ֫ಘ 4. THE GUILD ૑ۀ ɾ U-NEXTٕज़ސ໰ब೚ ɾ ͍·͜͜ ɾ IBMʹങऩ͞Εͯऴྃ ���� 6�/&95ͷձһ਺ 2014 2015 2016 2017 (3085) None THE STUDY BY THE G

2019年9月14日に開催したイベント「UX MILK Fest 2019」でのキーノート「MaaSにまつわるエトセトラ〜UXデザインの誤った通念」で使用したスライドです。

< 2019/9/14 UX Milk Fest 登壇資料 > ヤプリはBtoBtoCサービスですが、ステークホルダーが多く様々なフィルタがかかった情報が社内を行き来しています。よりよい体験を提供していくためにはユーザーから情報を得ることが大事ですが、それを行うには高いハードルがありました。そこで、ユーザーに近づくために実施したことをご紹介します。

2019年9月14日に開催された「UX MILK Fest 2019」で担当させていただいたセッションのプレゼンテーション資料です。 --- 実現したいデザインアイディアやソリューションが積み上がってしまい、まずどこから手をつければいいかわからず、困ったことはありませんか？　今回ご紹介する手法は、プロダクト開発に関わるチーム全員がそこから一歩下がって、様々な角度から先ず始めにアプローチすべきことを自信を持って決定する手助けをしてくれます。このセッションが終わった翌日から直ぐに実践できることを約束します。

こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

2019.7.18「次の時代のデザイナーの歩み方 - InHouseDesigners #6」での登壇のスライドです。 https://in-house-designers.connpass.com/event/133217/ 次の時代のデザイナーの歩み方 - InHouseDesigners #6 ハッシュタグは #inhouse_designers InHouseDesigners初の公募型LTイベントです！ LT登壇者の方たちには「次の時代のデザイナーの歩み方」というテーマで、 - キャリアパスをどのように考えているのか - キャリアにおいて大切にしている考え - 今それに向かってどんな取り組みをしているのか などについて発表いただきます。

はじめに 「人にうれしいAIのためのUXデザインガイド」にようこそ。 このガイドブックは、人間中心のAIプロダクトをつくるのに役立ちます。一般的なミスを避け、優れたエクスペリエンスをデザインし、AIによるアプリケーションをつくることに集中できるようにします。 本ガイドブックは、ユーザーエクスペリエンス（UX）の専門家やプロダクトマネージャーが、開発チームとともに、AIに人間中心のアプローチをするための手助けになります。もちろん、このガイドブックは、より人間中心の方法でAIプロダクトをつくりたいと思っている、あらゆる立場の人にとっても、役立つことでしょう。 6つの章があり、それぞれに演習、ワークシート、リソースがあります。ガイダンスを具体的な行動に変えることができるようになっています。 ユーザーニーズ + 成功の定義 データ収集 + 評価 メンタルモデル 説明 + 信頼感 フィードバック +

世界初の１兆ドル企業になりつつあるAppleは、あらゆる製品開発プロセスの中でも最も成功した例かもしれません。デザイナーはAppleから多くのことを学び、自分のデザイン環境に取り入れることができます。 Appleは秘密主義で知られています。Steve Jobs氏の時代は、Apple内部でどんなビジネスが行われているのかを探り出すことはほとんど不可能だったでしょう。社内のデザイン手法がビジネスマーケットにおける優位性の鍵だとしたら、秘密主義であるのも不思議ではありません。 『Inside Apple: How America’s most Admired and Secretive Company Really Works』の著者であるAdam Lashinsky氏は、秘密にされてきたAppleのデザインプロセスに注目してきました。秘密に覆われている部分もまだありますが、ハイレベルなデザイン

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を