i3DESIGN Designers

i3DESIGNのデザイナーチーム公式アカウントです。 UI/UXデザインのナレッジや…

i3DESIGN Designers

i3DESIGNのデザイナーチーム公式アカウントです。 UI/UXデザインのナレッジやチームの取り組みなどを投稿していきます! 【デザイナー募集中】https://hrmos.co/pages/i3design/jobs

マガジン

  • ユーザビリティチェックリスト

    ユーザーを迷わす可能性があるUIデザインの「あるある」を取り上げ、改善案とセットでまとめた記事です。

  • UI問題集

    UIデザイナーが直面したUIデザインのさまざまな『問題』を深掘りした記事です。

記事一覧

iOS構造設計の実践ガイド〜HIGは読んだけど、次に何をすればいい?〜

こんにちは!i3DESIGNデザイナーチームです。 今回は、iOSの構造設計についてお話しします。まず前提として、iOSにおける構造設計には、Apple独自の理念と原則をまとめたH…

i3DESIGN Designers
3か月前
159

とってもやさしいウェブアクセシビリティチェックリスト

こんにちは!i3DESIGNデザイナーチームです。 今回は、先日発刊させて頂きましたホワイトペーパー”とってもやさしいウェブアクセシビリティチェックリスト”の一部を記事…

i3DESIGN Designers
6か月前
157

混同しがちなUI用語の用法を整理する【モーダル/フィードバック編】

はじめにこんにちは!i3DESIGN デザイナーチームのUIデザイナー関口です。 今回は、モーダルやアラート、ダイアログなど、ユーザーにフィードバックを提供するためのUI表現…

i3DESIGN Designers
10か月前
254

デザイン作業をもっと快適にするFigmaのテクニック集

はじめにこんにちは!i3DESIGNデザイナーチームです。 今回は、チームでFigmaを使ってデザインしている方に向けた実務で活かせるFigmaのノウハウをお届けします!ポイント…

i3DESIGN Designers
11か月前
290

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

こんにちは!i3DESIGNデザイナーチームです。 今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒ…

2,359

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

こんにちは!i3DESIGN デザインチームです。 季節もすっかり冬になりましたね⛄️ 個人的には暑い夏より寒い冬が好きだったりします。 前回の投稿からだいぶ期間が空いて…

71

UIデザインのための10のヒューリスティクスについて改めて考えてみた

はじめにこんにちは。i3DESIGNデザイナーチームです。 「ユーザーインタフェースデザインのための10のユーザビリティヒューリスティクス(10 Usability Heuristics for Us…

634

デザインに役立つ!知っておきたい書体の知識とフォント選びのコツ

こんにちは!i3DESIGNデザイナーチームです。 今回のテーマは、デザインに欠かせない「フォント」です。 大事と分かっていながらも、あまりきちんと学ぶ機会がなく、なん…

53

デザイナー組織のビジョンとバリューを言語化するプロセスの話

こんにちは!i3DESIGNの木下です。 いきなりですが、みなさんの所属している組織にはMission、Vision、Value(以下、MVV)はあるでしょうか?全社のMVVは多くの企業が用意…

10

アイコン付きボタンについて掘り下げてみた

はじめにこんにちは!i3DESIGNデザイナーチームです。 今回は、UIデザインに不可欠なパーツ、”アイコン付きボタン”についての話です。 「次へ」「確認へ進む」「登録」…

95

ハンバーガーメニュー右か左か問題

こんにちは!i3DESIGNデザイナーチームです。 UIデザイナーであれば主にWEBサイト作成時、「ハンバーガーメニュー」を扱う場面が多々あるかと思います。そこで悩ましいのが…

155

フォームのラベル、必須か任意か問題

こんにちは! i3DESIGNデザイナーチームです。 みなさん、フォームに必須のラベルをつけるべきか、任意のラベルをつけるべきか悩んだことはないですか? 実際調べてみると…

46

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #08

こんにちは!i3DESIGN デザインチームです。 梅雨に入り始めましたね☂️ ジメジメしているのがあまり得意ではないので早く夏が来てほしいと個人的に思ってます👀 少し投…

27

チームの結束力を高める!デザインチームの取り組みをご紹介します

🐣Twitter始めました。弊社デザイナーのTwitterを始めました。フォローお待ちしております! ----- こんにちは。i3DESIGN デザインチームです! この春デザインチームは…

35

新卒UIデザイナーに覚えてほしい!ビジュアルデザインの基本とコツ

こんにちは!i3DESIGNデザイナーチームです。 少しずつ夏が近づいてきましたね。 4月から新社会人や新人デザイナーとして働き出した方は、徐々に職場の雰囲気に慣れてきた…

168

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #07

こんにちは!i3DESIGN デザインチームです。 桜も咲き始め、気温もあったかくなってきましたね🌸 住む環境が変わり、新しい生活のスタートに心をワクワクさせている方も…

33
iOS構造設計の実践ガイド〜HIGは読んだけど、次に何をすればいい?〜

iOS構造設計の実践ガイド〜HIGは読んだけど、次に何をすればいい?〜

こんにちは!i3DESIGNデザイナーチームです。

今回は、iOSの構造設計についてお話しします。まず前提として、iOSにおける構造設計には、Apple独自の理念と原則をまとめたHuman Interface Guidline(通称HIG)の理解が重要になります。しかし、HIGを読んだだけでは、具体的なUI設計は難しいと感じる方も多いのではないでしょうか?

本記事では、HIGの理念を具体的なシ

もっとみる
とってもやさしいウェブアクセシビリティチェックリスト

とってもやさしいウェブアクセシビリティチェックリスト


こんにちは!i3DESIGNデザイナーチームです。
今回は、先日発刊させて頂きましたホワイトペーパー”とってもやさしいウェブアクセシビリティチェックリスト”の一部を記事にまとめたいと思います。
ホワイトペーパーには、ウェブアクセシビリティチェックリストというシートがあります。 このシートは、JIS X 8341-3:2016(アクセシビリティについてのJIS規格)に基づき、私たちの解釈で分

もっとみる
混同しがちなUI用語の用法を整理する【モーダル/フィードバック編】

混同しがちなUI用語の用法を整理する【モーダル/フィードバック編】

はじめにこんにちは!i3DESIGN デザイナーチームのUIデザイナー関口です。
今回は、モーダルやアラート、ダイアログなど、ユーザーにフィードバックを提供するためのUI表現における言葉としての定義の違いをまとめました。
チームのコミュニケーションの中でも混同しやすいこれらの定義をしっかりと理解することで、チーム内で共通認識を持ち、スムーズなやりとりを実現することができると思います。
ぜひ、この機

もっとみる
デザイン作業をもっと快適にするFigmaのテクニック集

デザイン作業をもっと快適にするFigmaのテクニック集

はじめにこんにちは!i3DESIGNデザイナーチームです。 今回は、チームでFigmaを使ってデザインしている方に向けた実務で活かせるFigmaのノウハウをお届けします!ポイントを押さえて、作業のスピードをアップしましょう!

1. ComponentVariant properties と Component propertiesの使い分け
FigmaのComponentには「Variant p

もっとみる
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

こんにちは!i3DESIGNデザイナーチームです。
今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。

マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。

「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめていま

もっとみる
あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

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

季節もすっかり冬になりましたね⛄️
個人的には暑い夏より寒い冬が好きだったりします。

前回の投稿からだいぶ期間が空いてしまいましたが最後のユーザビリティチェックリストのご紹介です。

No.01〜No.50のチェックリストをまとめた記事も今後投稿しますのでぜひチェックしてください。

-----

46.条件は先に提示する誰しも、自分のした作

もっとみる
UIデザインのための10のヒューリスティクスについて改めて考えてみた

UIデザインのための10のヒューリスティクスについて改めて考えてみた

はじめにこんにちは。i3DESIGNデザイナーチームです。

「ユーザーインタフェースデザインのための10のユーザビリティヒューリスティクス(10 Usability Heuristics for User Interface Design)」をご存知ですか?
https://www.nngroup.com/articles/ten-usability-heuristics/

1994年にヤコブ

もっとみる
デザインに役立つ!知っておきたい書体の知識とフォント選びのコツ

デザインに役立つ!知っておきたい書体の知識とフォント選びのコツ

こんにちは!i3DESIGNデザイナーチームです。

今回のテーマは、デザインに欠かせない「フォント」です。
大事と分かっていながらも、あまりきちんと学ぶ機会がなく、なんとなくの理解で終わってしまいがちではないでしょうか??
この記事では、文字の見栄えを整えるための基礎知識や良いフォントの選び方を、デザイナーチームが先日社内で行った勉強会の内容をもとにご紹介します!
後半ではチームメンバーのおすす

もっとみる
デザイナー組織のビジョンとバリューを言語化するプロセスの話

デザイナー組織のビジョンとバリューを言語化するプロセスの話

こんにちは!i3DESIGNの木下です。

いきなりですが、みなさんの所属している組織にはMission、Vision、Value(以下、MVV)はあるでしょうか?全社のMVVは多くの企業が用意しているものの、部署単位となるとどうでしょう?

MVVは、会社や組織が自分たちの存在意義を明確にするために必要とされているもので、これから先、より良い組織の形成を目指すために用いられます。MVVを決めるこ

もっとみる
アイコン付きボタンについて掘り下げてみた

アイコン付きボタンについて掘り下げてみた

はじめにこんにちは!i3DESIGNデザイナーチームです。
今回は、UIデザインに不可欠なパーツ、”アイコン付きボタン”についての話です。

「次へ」「確認へ進む」「登録」「削除」など、UIには本当にたくさんのボタンが必要ですよね。
特に、アイコンを入れるとなったら、どっち側に入れる? 毎回矢印アイコンって必要? など検討すべきことも多く、結局なんとなくの感覚で作ってしまうこともしばしばではないで

もっとみる
ハンバーガーメニュー右か左か問題

ハンバーガーメニュー右か左か問題

こんにちは!i3DESIGNデザイナーチームです。
UIデザイナーであれば主にWEBサイト作成時、「ハンバーガーメニュー」を扱う場面が多々あるかと思います。そこで悩ましいのが、ハンバーガーメニューを右に置くか左におくか?という問題です。みなさんも一度はこの問題に頭を悩ませたことがあるのではないでしょうか?そこで、この記事ではハンバーガーメニューを右上・左上のどちらに置くべきか?を考察し、まとめてい

もっとみる
フォームのラベル、必須か任意か問題

フォームのラベル、必須か任意か問題

こんにちは!
i3DESIGNデザイナーチームです。
みなさん、フォームに必須のラベルをつけるべきか、任意のラベルをつけるべきか悩んだことはないですか?
実際調べてみると、必須ラベル・任意ラベルについての議論は長い間繰り広げられており、色々な見解を見つけることができました。今回はこの「必須ラベル・任意ラベル論争」について調べ、どちらをどのように使うべきなのかまとめました。

必須ラベルと任意ラベル

もっとみる
あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #08

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #08

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

梅雨に入り始めましたね☂️
ジメジメしているのがあまり得意ではないので早く夏が来てほしいと個人的に思ってます👀
少し投稿期間が空いてしまって申し訳ないです💦

さっそくですが第8弾のユーザビリティチェックリストをご紹介します。

-----

前回の記事はこちら👀

-----

41.状態が変化するときはアクションの近くで行うアクション

もっとみる
チームの結束力を高める!デザインチームの取り組みをご紹介します

チームの結束力を高める!デザインチームの取り組みをご紹介します

🐣Twitter始めました。弊社デザイナーのTwitterを始めました。フォローお待ちしております!

-----

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

この春デザインチームは3名の新卒メンバーを迎えました。
新しいメンバーが増えていく過程でチーム力を向上するためには、メンバー同士がお互いを理解し、認め合うことが大切になります。

そこで今回は、普段私たちがチームの結束力を高め

もっとみる
新卒UIデザイナーに覚えてほしい!ビジュアルデザインの基本とコツ

新卒UIデザイナーに覚えてほしい!ビジュアルデザインの基本とコツ

こんにちは!i3DESIGNデザイナーチームです。

少しずつ夏が近づいてきましたね。
4月から新社会人や新人デザイナーとして働き出した方は、徐々に職場の雰囲気に慣れてきた頃ではないでしょうか。

今回のnoteでは、そんな若手デザイナーの皆さんに向けたWEB・UIデザインのヒントを集めてみました。
私たちi3DESIGNのデザイナーも日常から意識して行っているものばかりです。

先輩デザイナーが

もっとみる
あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #07

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #07

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

桜も咲き始め、気温もあったかくなってきましたね🌸

住む環境が変わり、新しい生活のスタートに心をワクワクさせている方も多いのではないでしょうか。

では、本年度第3弾のユーザビリティチェックリストをご紹介します。

-----

前回の記事はこちら👀

-----

36.ボタン/リンクの文言は「押すと何が起きるのか」を明示する
「進む」「

もっとみる