UI

メモ

• ABテスト
abtest.design
Curated collection of A/B test results from best-in-class apps
https://abtest.design/

• デザイン庁のデザインシステム
Design System 1.4.1 | Figma Community
デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 デザインシステムについての詳細や更新履歴はデジタル庁ウェブサイトをご覧ください。 ※Figma Communityにて公開中のデータは、Figma Communityの規定によりCC BY 4.0のライセンスが表記されます。ただし、このファイル内のイラストレーション・アイコン素材に関してはデジタル庁ウェブサイトに掲載の「イラストレーション・アイコン素材利用...
https://www.figma.com/community/file/1255349027535859598/design-system-1-4-1
やさしいサービスをすばやく届ける、デザインシステムの取り組み｜デジタル庁
デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。 デジタル庁発足から1年が経ち、ようやくデザインシステムの基礎が整いつつあります。この夏には、デジタル庁内のいくつかのプロジェクトでデザインシステムの適用が始まりました。 わたしたちの活動をもっとオープンに知ってもらいたい！という想いを込めて、デザインシステムの取り組みの近況をお伝えします。 サービスデザインユニットの役割 2021年9月のデジタル庁発足後、本格的なサービスデザインの体制づくりのためにサービスデザインユニット
https://digital-gov.note.jp/n/ne45bcdd43299

• TwitterはCTAのボタン文言を「ツイートする」にすることで、動詞化したサービス名を世の中に定着させることに成功したのです。
「ツイートする」をボタン文言にするという発明｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
前回のnoteでCTAのボタン文言の話を書きましたが、今回もまたCTAのボタン文言についてです。 サービスの開発やマーケティングに関わっている方が、サービスを世に広ためにための手段として誰しもが一度は考えるのが、サービス名の動詞化です。わかりやすく言うと、Googleで言うところの「ググる」というやつです。 私はコピーライターやUXライターとしてテック企業で働いていますが、社内のマーケターやプロダクトマネージャーから「なんかググるみたいなやつ考えられない？」というようなことを、何度か言われたことがあります。 例えば、食べログは「食べログる」という言葉を企画の中心にして、過去にC
https://note.com/miyaccchi/n/n693a203cc818

• 思ったより早くUI自動生成の時代が来るかも
AIスマホのデモで実感した「スマホアプリが消える」未来
Mobile World Congress（MWC）に登場したコンセプトAIスマホは、AIが人間とパーソナルデバイスとの関わり方を根本的に変える可能性を示している。
https://japan.cnet.com/article/35216131/

• Backlog UI リニューアル
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
2017年4月13日の「DevLOVE 関西『デザインリニューアルの難しさ』」にて発表された、Backlog UI リニューアルの舞台裏のスライドです。
https://speakerdeck.com/nulabinc/backlog-renewal-ui

• 例の騒動
UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUI ほんで変わった後がこちら↓↓ afterUI ご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ
https://note.com/nonato/n/nad3ca6ef484f
「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か？｜moutend
結論 話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパタ
https://note.com/moutend/n/nf5d8427931b2?sub_rt=share_pb

• dividerのお話
iOSとAndroidの"Divider"の線幅の違いと各社の対応｜鈴木慎吾 / TSUMIKI INC.
アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。 Divider | Apple Developer Documentation A visual element that can be used to separate other content. developer.apple.com Divider – Material Design 3 A divider is a thin l
https://note.com/shingo2000/n/n043494199997

• UIアイコン
x.com
https://x.com/issui_ikeda/status/1807703439616684372

参考リンク