マガジンのカバー画像

UI UX interaction

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

#Webデザイン

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

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

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

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

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

もっとみる
Figmaでオブジェクトを規則的に整列する3つの方法

Figmaでオブジェクトを規則的に整列する3つの方法

スマートキャンプ株式会社でデザイナーをしているhaguriです。

デザインの世界では「近接」「整列」「強弱」「反復」をあわせて、デザインの4大原則とよくいわれています。

今回はFigmaでデザインするうえで、どのように整列していくのがいいのかを説明します。

Figma上で整える方法はいくつかあるのですが、主に「レイアウトグリッド(layout grid)」を使ってUIを整えることが多いと思い

もっとみる
デザインツール「Figma」をデザイナーがさわってみた件

デザインツール「Figma」をデザイナーがさわってみた件

こんにちは、SONICJAMデザイナーの濱川です。

昨今、プロトタイプやUI制作に関わるツールが賑わってますね。

SketchやXDや最近のinvisionStudioなど、画面を描くツールは色々とありますが、Figmaというツールが個人的に便利だったので、ご紹介したいと思います。

Figmaについて少し触って見たところ、SketchやXDに使用感は似ています。
できることもそこまで大きく違

もっとみる
ヘッダにあるブランドロゴの代替テキスト、みなさんならどうする?

ヘッダにあるブランドロゴの代替テキスト、みなさんならどうする?

サイトやアプリのヘッダーに存在するブランドロゴ。それはトップページ(サイトホーム)にリンクすることが慣例になっている。その場合、ブランドロゴの代替テキストは何にしたらよいのか。A11yj Slackで有識者に質問をして、とても学びのある楽しい議論が展開できたので、自分なりの解釈を踏まえつつ今回はそれをまとめた。

きっかけと疑問@potato4dさんのこの疑問。結論から言うと、このツイートへの返信

もっとみる