マガジンのカバー画像

UIまとめ

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

記事一覧

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

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

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

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

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

もっとみる
Figmaのプランを理解せずに契約すると多分困るので解説

Figmaのプランを理解せずに契約すると多分困るので解説

2019/02/26 追記
Figmaのプラン内容少しづつ更新されています。この記事の内容は現行プランとは少しズレている部分があるので、公式サイトでの内容の確認は必須です!
例えば、フリープランでは2メンバー以上招待できない(editor/viewer関係なく)とこの記事にはあるのですが、現行のプランだとeditorが2名以上招待できないだけで、viewerは制限なく招待できます。

こちらの記事

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

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

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 というプロダクトを

もっとみる
Figmaが解いたデザイナーの課題とは

Figmaが解いたデザイナーの課題とは

数週間前、Oktaは年次レポートを発表しました。レポートの中では、新しいワークスタイル、特にリモートワークをサポートするために、どのアプリケーションが最も急速に成長しているかが紹介されています。下の図は、Oktaエコシステムの中で、2020年から最も急成長したアプリを示したものです。今回は、Figmaについて、製品がどのように機能するのか、何が特別なのか、そして今後についてお話します。

簡単に言

もっとみる
まずは紙とペンでUIをデザインしよう、みんなで。

まずは紙とペンでUIをデザインしよう、みんなで。

アンカーデザインの木浦です。

ここ数年、弊社を含めUIデザインの現場ではFigmaやAdobe XDなどのツールが当たり前のように使われるようになりました。

パワフルだけど使いこなすのが難しいAdobe PhotoshopやIllustratorと比べて、ある程度直感的に使用できるFigmaやAdobe XDはデザインを学び始めた方にも積極的に利用されているように見受けられます。これらのデザイ

もっとみる
UIデザイン時にやってしまいがちな18の誤ち

UIデザイン時にやってしまいがちな18の誤ち

WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。

私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。

本記事で使用する画像はすべてVictor氏のツイートから拝借して

もっとみる
UI/UXデザイナー就活で2年がかりで編み出した、ポートフォリオの作り方

UI/UXデザイナー就活で2年がかりで編み出した、ポートフォリオの作り方

はじめに

こんにちは。22卒でUI/UXデザイナーになるトビ(@0b1tk)です。デザイナー就活をするにあたり、インターンでも就活でも避けて通れないのが「ポートフォリオ」です。

ここ数年でナレッジ記事が増えましたが、”観点”や”基準”に言及するものが多く「…で、結局どう作ればいいの?」とデザイン知識が全くなかった私自身、デザイナー就活中に頭を悩ませてきました。
(作っては壊してを2年間で5回以

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

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

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

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

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

もっとみる
カテゴリUIの改善

カテゴリUIの改善

こんにちは!デザイナーの新妻です。

このnoteはクックパッドでデザイナーとして働いている私が、日々どのようなことを考えながらサービス改善や体験設計をしているのかをチラ見せしていくシリーズの第2弾です。

第2弾は「カテゴリUIの改善」です。

目的
大カテゴリに入った際に、実際よりも商品数が少なく見える問題の解決と
買い周り導線の改善。

手段小カテゴリを一覧で見ることが出来る、すべてという画

もっとみる
UXデザイナーとして入社して、8ヶ月間でやったことを振り返ってみる

UXデザイナーとして入社して、8ヶ月間でやったことを振り返ってみる

こんにちは、@versionfive です。
SmartHRのプロダクトデザイングループにUXデザイナーとして転職して、10ヶ月ほど経ちました。

昨年年末で入社8ヶ月くらいだったのですが(すでに2ヶ月以上経過…)、自分がどんな仕事してきたか振り返ったほうがいいかなー、とぼんやり考えるようになっていました。

UXデザイナーとして入社後に設定したテーマ(やること)は、常に自分の中にありますが、「S

もっとみる
デザインラフ、公開します

デザインラフ、公開します

僕にとって、デザインのプロセスの中でもアナログなラフ描きが欠かせません。手描きに込められた線には能動的な意思があって、それが結果的にデザインに宿ると思うからです。手描きラフに着手した途端に没入して元気さえでてきます。ああしたいこうしたいと、言葉や素材を吟味しながら「体重のせて描く」感じがいいのですよね。

そしてそのラフは、必ずとっておきます。手描きのラフは何回も書き直すので、思考とブラッシュアッ

もっとみる