Design Knowledge _ デザイン業務知識

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

こんにちは！i3DESIGNデザイナーチームです。今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリス

【9割のデザイナーが知らない】視野を理解し一歩抜きん出たwebサイトにする方法

ご覧頂きありがとうございます！ギヤと申します！今は主にweb制作の事業をしており、ロジカルですべてのデザインに理由があるwebサイト制作を目指しています。今回のはじめての投稿は、webデザイナーがweb制作にも落とし込むべき「人間の視野」の話をしようと思います。「インターフェースデザインの心理学」という本を読んでいたところ、とても参考になったのでこの場を借りてアウトプットしようと思います。人間の２つの視野とはまず初めに、人間の視野は大きく以下の2つに分けられ

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

こんにちは！ i3DESIGNデザイナーチームです。みなさん、フォームに必須のラベルをつけるべきか、任意のラベルをつけるべきか悩んだことはないですか？実際調べてみると、必須ラベル・任意ラベルについての議論は長い間繰り広げられており、色々な見解を見つけることができました。今回はこの「必須ラベル・任意ラベル論争」について調べ、どちらをどのように使うべきなのかまとめました。必須ラベルと任意ラベルログイン画面や新規登録画面、お問い合わせなどフォームをデザインする機会は多くあり

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

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

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

はじめにこんにちは！i3DESIGNデザイナーチームです。今回は、UIデザインに不可欠なパーツ、”アイコン付きボタン”についての話です。「次へ」「確認へ進む」「登録」「削除」など、UIには本当にたくさんのボタンが必要ですよね。特に、アイコンを入れるとなったら、どっち側に入れる？毎回矢印アイコンって必要？など検討すべきことも多く、結局なんとなくの感覚で作ってしまうこともしばしばではないでしょうか。そこで、アイコン付きボタンの作り方について、傾向や考え方をまとめて

「ステップ・フロー」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。今回は、LPや提案資料などでよく使用されるデザインパーツ「ステップ・フロー」のUIを集めてみました。はじめに「ご利用の流れ」や「お申込の流れ」など、時系列に並んだ項目をわかりやすく可視化する手段として用いられるステップ・フローのセクションは、サービスやプロダクトを訴求するLPや提案資料にかかせない存在です。今回はそのステップの整列パターン別に、PC・SPでどのようにレスポンシブされるのか？と

フォローしませんか？

#WEBデザイナー