マガジンのカバー画像

UIまとめ

107
UIに絡んだ記事をまとめてます。
運営しているクリエイター

#デザインシステム

業務システムにつよいUIデザインライブラリー

業務システムにつよいUIデザインライブラリー

要件定義段階からプロトタイプを活用するアプローチ

私がつとめるアストロラボでは、DX推進支援事業におけるITソリューション開発で、プロジェクトの初期段階である要件定義からデザイナーが参加し、プロトタイプを活用して実際の業務をイメージしながらシステムの仕様を詳細に検討するアプローチをとっています。

従来のSI開発アプローチにおいては、UIデザイナーは、開発フェーズがある程度進んだあとで、ようやく

もっとみる
行政サービスにおける“デザインシステム”とは何か

行政サービスにおける“デザインシステム”とは何か

Goodpatchの行政デジタル化リサーチチームです。今週から毎週月曜日にこちらのマガジンにリサーチ内容を発信していきます。

よろしければフォローをお願いします!

今週から6月の初めにかけては、以下の2つのテーマを隔週で扱っていきます。

1.『8か国のデザインシステムから見る行政デジタルサービスの指針』
ー 4月26日,5月10日,24日,6月7日に公開予定(4本立て)

2.『世界の行政に

もっとみる
2年半デザインシステムをやってみて、ここ1年でぶつかった壁と気づき

2年半デザインシステムをやってみて、ここ1年でぶつかった壁と気づき

デザインシステム奮闘記を書いていますが、まだまだ書きたい過去の話がたくさんあり最近の話にはたどりつきそうにないということで最近の話を公開してしまおうと思います。ぶつかった(ぶつかっている)壁と考えていることを、そのまま書いてみました。

基本情報自己紹介
教育系アプリを開発しているatama plusでデザイナーをしている沼田です。
atama plusに入社したのが2年半ちょい前で、ちょうどその

もっとみる
デザインシステム勉強会を開催しました

デザインシステム勉強会を開催しました

デジタル庁では、将来的に省庁サイト等への適用も視野に入れた「デザインシステム」の構築を行っています。

その一環として、デザインシステムについてのご意見をいただくため、7月29日に有識者を集めたデザインシステム勉強会を開催しました。

デザインシステムとは?
現状、各省庁の Web サイトは個別に構築されており、各 Web サイトの情報構造や見た目がそれぞれ異なっています。

利用者にとっての使い

もっとみる
業務を効率化させるデザインシステムとは?

業務を効率化させるデザインシステムとは?

こんにちは!アルプのデザイナーの大澤 (@Tadaki) です。

先日デジタル庁でデザインシステム勉強会の記事が公開されましたね。活用事例として私が所属するアルプでのデザインシステムについて紹介できればと思います。

アルプではサブスクリプションビジネスを行う企業向けに、今まで手作業や自社開発がスタンダードだった契約や請求の管理を SaaS として提供する Scalebase というプロダクトを

もっとみる
日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた

日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた

海外の事例はいろいろあるので見てきたのですが、国内ではどんな会社が取り組んでいるのか、興味があったので調べてまとめてみました。

「おいおい、この会社が足りないぜ!」というものがあればコメントで教えていただけると喜びます。

WantedlyAtama plusCyberAgentプロダクトの「色」と向き合う「デザインとエンジニアリング」 | CyberAgent Developers BlogU

もっとみる
デザインシステムを持たない組織のこれまでの取り組みとこれからを考える

デザインシステムを持たない組織のこれまでの取り組みとこれからを考える

こんにちは!はのめぐみです。キッチハイクというサービスでデザイナーをしています。

2019年9月19日に開催された React.js meetup #9 にて、デザインシステムをテーマに登壇しました。トークタイムとパネルディスカッションの2部構成で、私はイベント前半部分のトークを担当させていただきました。この記事は、そのフォローアップを含んだ紹介記事です。

スライド資料は全編公開しています

もっとみる
CI&UIリニューアルしながらデザインシステムを作った話

CI&UIリニューアルしながらデザインシステムを作った話

「コデアル」という求人サービスのデザインシステムを作ってみました。CIリニューアルに伴う全スタイル&コンポーネントの刷新、エンジニア&デザイナー間の協業、そして約3ヶ月運用してみた感想をつづってみます。

実際に使っているドキュメント、Sketchファイルはこちら↓

・Codeal Design Guideline
・Codeal UI Kit.sketch
・Sketch Tips for C

もっとみる
Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方

Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方

スマートキャンプデザインブログ、デザイナー/エンジニアのhaguriです。

ユーザー体験の統一化のために大切な「デザインシステムの作り方」について紹介します。(スマートキャンプでもまだまだ模索中......)

スマートキャンプでは、インサイドセールスに特化したCRM「Biscuet(ビスケット)」という新サービスを発表をしました。

まだ開発中のサービスですが、このBiscuet(ビスケット)

もっとみる
FigmaではじめるUI(Web)デザイン|Part1

FigmaではじめるUI(Web)デザイン|Part1

Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。

そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く(人のこと言えないですが......

もっとみる