この記事は freee Developers Advent Calendar 2024 の6日目です。 adventar.org こんにちは！ freeeで基盤プロダクトのデザイナーをしているnachanと申します。 ちょうど今日誕生日です 🎈 昨年と一昨年も12/6にアドベントカレンダーを投稿し、誕生日に投稿するのはこれで3回目になります。すごいですね。 本題ですが、デザインガイドラインは、プロダクト開発の一貫性や品質を支える重要な基盤です。 しかし、その存在を知りつつも、実際の現場では十分に活用されていなかったり、形骸化してしまうことも少なくありません。 この記事では、私が開発チームのメンバーと一緒に実践した「デザインガイドラインの輪読会」の取り組みとその成果についてご紹介します。 ガイドラインの現状と課題 私は元々エンジニアでしたが、デザイナーに異動したキャリアがあります。 異動し

NHK放送文化研究所が2021年に発表した「国民生活時間調査2020」によると、テレビを見る人（1日に15分以上テレビを見る人）は全体の8割を切り、16～19歳では5割を下回った。すでに日本国民の2割以上はテレビとあまり縁のない生活を送っていることになるが、NHKのネット受信契約が始まると、そんな人たちもスマホ操作を誤ると受信契約を求められそうだ。しかも誤りやすい状況ができようとしていた。 2025年10月から「同時配信」「見逃し配信」「番組関連情報の配信」を必須業務として展開するNHKは、ネットサービスの提供イメージについて、9月に一部メディアを集めて説明会を実施した。この時の資料と報道から、ネット上の受信契約手順（案）とその画面には、いわゆるダークパターン（ユーザーを騙し、人々の判断を誤らせるインタフェース、総務省の資料より）が含まれているように見受けられる。 「同意して利用する」クリ

2019年にアップルを去ったジョニー・アイブ氏（左）とティム・クック最高経営責任者（ＣＥＯ）（右） Photographer: David Paul Morris/Bloomberg アップルを代表する製品のデザインをかつて手がけたジョニー・アイブ氏。同氏が率いた伝説的なデザインチームは、アップル脱出をほぼ完了した。 非公開の情報であることを理由に匿名で話した複数の関係者によれば、今では数少ないアイブ氏の元同僚、ダンカン・カー氏が近く退社する意向をアップルに通知した。1999年入社のカー氏は、数世代にわたるスマートフォン「iPhone」やタブレット端末「iPad」、パソコン「Mac」の開発に欠かせない人材だった。 アップルの広報担当者はコメントを控えた。 カー氏の退社によって、かつてアイブ氏が率いた20数人のチームはほぼ完全に消失する。2019年にアイブ氏がアップルを去った後、トップデザイ

ついに日本デビューした新型ミニ・クーパー。発表会ではBEVのクーパーＥ／クーパーSEに焦点が当たっていたが、新型にはICEのクーパーＣ／クーパーＳもある。デザインは同じ・・かと思ったら、実は違う。そこに隠された意図をデザイナーに聞いた。 TEXT：千葉 匠（CHIBA Takumi）　PHOTO：​千葉 匠／MINI 元祖に立ち返った『カリスマ的なシンプルさ』 新型ミニ・クーパーはBEVもICEも、そして内外装共に、非常にシンプルなデザインが印象的だ。ミニ・ブランドのデザインディレクター、オリバー・ハイルマー氏はその理由を次のように語る。 オリバー・ハイルマー氏はドイツの名門、フォルツハイム大学でデザインを学んで2000年にBMWに就職。先行開発やインテリアデザインで頭角を現し、16年に米国デザイン拠点「デザインワークス社」の社長に就任。翌17年からミニ・ブランドのデザインディレクターを兼

結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。

A design pattern is a repeatable solution to solve common problems in a software design. When building apps with the Ruby on Rails framework, you will often face such issues, especially when working on big legacy applications where the architecture does not follow good software design principles. This article is a high-level overview of design patterns that are commonly used in Ruby on Rails appli

SIerのインハウスデザイナーとして働いてるんだけど、うちの会社の業務フローがクソすぎてストレスが溜まっている。 あの、PMのみなさん、ていうか我が社の開発標準つくってるみなさん。 外部設計とか機能設計とか、「設計」ってついてる工程にデザイナーをアサインしてください。 デザインって「設計」っていう意味なので。 別に、知識マウントとか偉ぶってるとかでもなんでもないです。 外部設計も機能設計も社内のエンジニアがエクセルで作っているけど、なんでデザイナーを呼んでくれないんですか？ あなたたちがやってるそれ、デザインですよね？ そのくせエンジニアは、自分が設計書を作っていても「デザイン」をしているという自覚は全くない。 それどころか「自分にはセンスが無いから〜！」と変にデザイナーを持ち上げてくるんだけど、あなたたちのやってることもデザインですよ。 なのに、自分たちだけですっかり外部設計とか機能設計

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

『ケーキの切れない非行少年たち』概要 この図が出版当時、話題になったため、この本の存在は知ってる人が多いかもしれません。 少年院に勤める児童精神科医である著者が、 凶悪犯罪を犯し入所したある少年に 『ここに丸いケーキがあります。3人で食べるとしたらどうやって切りますか？皆が平等になるように切ってください』 という指示をもとに少年が書いた図 を著者が再現したものが、上の図です。（下段は設問を5等分にした場合） 著者によると少年はまず半分のところに線を引いた後、そこから悩みだして手を止めてしまったそうです、何度か繰り返しても同じようにまず真ん中に線を引いて正解に辿り着けない。 一手目から間違っているという発想に至れないのです。 本書はそういった象徴的な例を挙げながら、少年犯罪と認知機能や知的障害の関係性、その救済方法を論じる内容となっています。 読んで感じたUX設計の難しさ この本の論旨は『犯

「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要

Webエンジニアのブログです。

ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常

デザイン思考がもてはやされてしばらく経ちましたが、デザイン思考の成功例、何か思い出せますか？仮に思い浮かんだとしたら、その「成功例」は本当にデザイン思考によって生まれたものですか？ 一応最初に断っておきますと、僕は「デザイン思考はゴミだ」と言っているわけではありません。デザイン思考（デザインシンキング）にも向き・不向きがあるのに、その特性を踏まえないまま変なバッターボックスに立たせた企業が大変シュールな状況に陥っていることを、普段デザインで事業成長を支援している身として危惧しているというわけです。マイナスドライバーでプラスのネジを回すのはやっぱり無理があるし、おもしろTwitterおじさんだった人に大統領をやらせたらそりゃみんな怪我するよね、という単純な話です。 著名デザインファームPentagram New Yorkのグラフィックデザイナーであり教育者でもあるNatasha Jenは「D

こんにちは、この 4 月にメルカリに新卒入社したフロントエンドエンジニアの @karszawa です。 この頃は Google I/O 2019 のキーノートでアクセシビリティが大きく取り上げられたり、Safari に Audit タブが追加されアクセシビリティに関する様々なテストできるようになったりと、フロントエンド界隈におけるアクセシビリティへの関心の高まりを感じます。 本記事では React アプリケーションのアクセシビリティをチェックするためのライブラリである React-axe と、その中心技術である axe-core を応用した様々なツールをご紹介します。 React-axe とは React-axe は React アプリケーションのアクセシビリティをチェックするためのツールです。チェックの結果は Chrome DevTools に表示され、開発中にアクセシビリティの問題に気

この資料で説明している ActiveRecord::BiTemporal は https://github.com/kufu/activerecord-bitemporal よりアクセスできます。 以下、セッション説明: データはWebアプリケーションの中心であり、最も重要なものです。私の勤…

「デザイン一筋で、死ぬときはマウス握ったまま真っ白に燃え尽きれたら……」と自身の妄想を語るのは、株式会社ライデンでアートディレクターを務める岡野真也氏。 不朽の名作『あしたのジョー』の登場人物・矢吹丈を人生のロールモデルとし、ボクシング一筋の矢吹丈ごとく、岡野氏はデザイン一筋で生きてきたという。 彼をそこまで惹き付けるデザインとは一体？　またデザイン一筋の男はなぜ、つくりたいと思っているポートフォリオを10年もの間つくれずにいるのか？岡野氏のデザインと出会ったキッカケから、岡野氏が考えるデザインの美学にいたるまで、お話を伺った。 「僕からデザインをとったら何も残らない」……と言ったらカッコいいと思ってるけど、他が無能なだけ ――　デザイン一筋で生きてこられたということですが、なぜそこまでデザインに傾倒できるのでしょうか？ 3つ理由がありまして、1つはDNAレベルで「ビジュアルを扱うものが好

goaはいいぞ！ Golangのgoaの勉強に役立つ情報まとめ - ぺい goaの情報をもっと見たい方は、上のリンクから確認してください goでAPIを作成する場合は、必ずといっていいくらいgoaでやっている私ですが、日本ではあまり使っている人が居ません。恐らくこの理由は日本語の情報があまり無いことやシンプルなサンプル集がないからかもしれない・・・と思いまして、軽量なサンプルを定期的に紹介していくことにしました。 API設計フェーズ goaは最初に設計を行ってから、その設計書を元に実装を行っていきます。設計はDSLと呼ばれるもので、最初はこの定義に慣れないですが、読み方さえ分かれば容易にAPIを設計出来ます。 何が嬉しいの？ 例えば、GET /users/:IDというエンドポイントがあるとします。どのようなロジックを組む必要があるでしょう？ 例 curl http://localhost/

109, 18F, L'Avenue No.99, Xianxia Road, Changning District Shanghai, China