マガジンのカバー画像

UI/UX

12
運営しているクリエイター

記事一覧

コンセント独自のUX設計手法 OOUXデザインプロセス

コンセント独自のUX設計手法 OOUXデザインプロセス

皆さんは新しいサービス企画を実現するためのデジタルプロダクトをつくるときに、どのようなことから着手し始めますか?
いざ検討を進めると、次のような課題に遭遇することはないでしょうか。

これらの課題は、デジタルプロダクトで実現したいこと(要求)と実際にデジタルプロダクトをつくる上で必要なこと(要件)との間に、大きな隔たりがあることから生じています。

コンセントではその隔たりを埋めるために、ユーザー

もっとみる
知識0から、ちょっとUIデザインに詳しくなるnote

知識0から、ちょっとUIデザインに詳しくなるnote

月イチで大阪京橋のQUINTBRIDGEという施設で無料のデザイン勉強会「モグモグデザイン」という取り組みをしているのですが、その勉強会で話した内容をChatGPTを駆使してnoteにも展開しています。全8回の第6回目です。

前回は、「UIデザインってそもそも何なの?」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策(プロトタイピングとユーザビリティ評価

もっとみる
「料金比較表」のUIを集めてみた|パーツ別デザインまとめ

「料金比較表」のUIを集めてみた|パーツ別デザインまとめ

こんにちは!株式会社Rabeeでデザイナーをしています、nanamiです🌿

今回はLPやサービスサイトでよく見かける「料金比較表」のUIパーツに特化してデザインを集めてみました。

LPや特定のサービスサイトは構成要素が比較的パターン化されています。
「この要素・セクションのデザインどうしよう」となった時用に、要素ごとにデザインのパターンのストックを持っておきたい。

そんな皆さまに参考にして

もっとみる
デザインシステムを公開してくれている企業をまとめてみる

デザインシステムを公開してくれている企業をまとめてみる

最近デザインシステムを構築しているので、勉強がてらデザインシステムを公開している企業をまとめてみる。
一旦リンク集的に公開したあとに、コメントを付け加えていく想定📝

日本のデザインシステムSmartHR

ラクスル "kamii"

Cookpad "Apron"

freee "vibes"

英単語アプリ mikan

Ubie

SPEEDA "FALCON"

https://desi

もっとみる
増えすぎたブクマの替わりに。厳選!UIギャラリーサイト10選📸

増えすぎたブクマの替わりに。厳選!UIギャラリーサイト10選📸

UI・Webデザインのギャラリー集・アーカイブ集は、デザイナーにとっては、とてもありがたい存在ですよね。
ですが、ブラウザのサイトブックマークもいつの間にか膨大な数に…。
どれがなんのサイトだったっけ😕??

ちょっと自分用に整理をするためにも、
最新のサービスが掲載されているUIギャラリー・Webサイト集を、厳選!10個で集めてみました📸
(10個でもスクショのソース量としては、十分でした)

もっとみる
Dev Mode活用の前に開発者が知っておきたいFigmaのこと10個+α

Dev Mode活用の前に開発者が知っておきたいFigmaのこと10個+α

Figmaはデザイナー向けのUIデザインツールのように思われがちですが、Figmaを使ったプレゼンテーションスライドの作成や、デジタルホワイトボードツールのFigJamを活用したアイデア出しやプランニングなど幅広い用途があります。そして2月1日から正式版となったDev Mode(開発モード)は、デザインデータやその仕様を元にプロダクトを構築するための機能が備わっています。

Dev Modeは主に

もっとみる
UIデザイナーを未経験から1年で育てるには

UIデザイナーを未経験から1年で育てるには

Classmethodのデザイナー田中です。 クラスメソッドで本格的なデザイン組織の立ち上げが始まりました。
その活動の中のひとつであるUIデザイナーの採用を進めていく過程において、私たちはUIデザイナーのそもそもの人口の少なさを改めて実感しています。

その中で私はデザイナーでありながら、デザイナーという言葉でUIデザイナー、WEBデザイナー、グラフィックデザイナーを一括りにしていた事実に気がつ

もっとみる
デザイナーにおすすめ!AIツール10選(UIデザイン・グラフィックデザイン編)

デザイナーにおすすめ!AIツール10選(UIデザイン・グラフィックデザイン編)

こんにちは!
Sun*デザインチームです。

以前の投稿に引き続き、デザイナーにおすすめのAIツールをご紹介します。
今回はUIデザイン・グラフィックデザイン編です!

UXデザイン編をまだご覧でない方は合わせてぜひご覧ください。

グラフィックデザインMidjourney:テキストから画像生成・編集ができる

Midjourneyは入力したテキストから、画像を生成してくれるツールです。2022年

もっとみる
UX成熟度とは?ユーザー中心組織を作るために段階別にすべきこと

UX成熟度とは?ユーザー中心組織を作るために段階別にすべきこと

こんにちは!株式会社ニジボックスの執行役員の丸山潤です。
今回は組織にUXがどの程度根付いて機能しているのかを表す「UX成熟度」についてお話しようと思います。6段階に分かれる成熟度が上がるほど理想的な組織に近づくと考えられていて、UXを実践していく上では欠かせない指針となるものだと考えています。
また、これまで成熟度の段階を上げる方法はあまり解説されてこなかったと思いますので、今回は成熟度を上げて

もっとみる
検索結果の絞り込み・並び替えUIの観察

検索結果の絞り込み・並び替えUIの観察

先日、検索結果の絞り込みUIの検討をするために事例を調べたところ、意外にもアプリによって様々な違いがありました。面白いテーマなため観点ごとに違いを整理し、メリット・デメリットや設計意図を考察しました。注目した観点は以下の7つの点です。

これらの観点をもとに以下の条件で12のアプリを調査しました。

1. 絞り込み・並び替えボタンの配置
まずは、絞り込み・並び替えボタンの配置場所について。ボタンの

もっとみる
ガチ推し!デザインチームが参考にしてるサイト vol.1 UIデザイン編

ガチ推し!デザインチームが参考にしてるサイト vol.1 UIデザイン編

こんにちは!

今回はデザインを行う上で欠かせないインスピレーションを受けるサイトについて紹介します。

LINE Fukuokaのデザインチームは、いろんなジャンルのデザインを担当しています。UI、WEB、動画・・・

担当する業務で参考サイトにも違いが出てきます。
今回はその中でも、UIデザインのインスピレーションサイトを紹介していきたいと思います。

紹介するサイトは普段メンバーが活用してい

もっとみる
ユーザーの脳や認知の仕組みを活用したUIデザインテクニック38 -認知心理学逆引き辞典-

ユーザーの脳や認知の仕組みを活用したUIデザインテクニック38 -認知心理学逆引き辞典-

こんにちは、SOMPO Digital Labデザインチームでプロダクトデザイナーをしている林です!私は入社1年目・チーム最年少のデザイナーで、現在は先輩のサポートデザイナーとして日々の業務に携わっています。

私のターンでは、新米デザイナーとしての日々の学びの記録を更新していければと思っています。そんな学習記録の1つ目のテーマは「ユーザーの脳や認知の仕組み」についてです。

ユーザーに寄り添った

もっとみる