UI/UXデザイナーとして振り返りや業務に活かせる情報まとめ

本記事では、UI/UXの業務に携わるうえで、これだけは押さえておきたいことや、より理解を深めるのに有効な情報を発信している記事を集めてみました。UI/UXの設計やデザイン関連の知識をおさらいして自身の仕事を振り返るのもよし、プラスアルファの知識を得て業務に活用するのもよし。ぜひくまなくチェックして今後の業務に役立ててください。

※尚、こちらはPR記事ではございません。編集部が独自にテーマを選び、サイト担当者に許可を頂いて作成している記事です。また、記載中の内容は、執筆時の情報になります。

UXデザインの良い例・悪い例とは？成功につながった企業の事例も紹介（シロ株式会社）

シロ株式会社は、Webとデザインを駆使して企業のビジネス目標達成を支援している会社です。Web制作やブランディング、マーケティングなど幅広いサービスを提供。ビジュアルデザインだけでなく、ユーザー体験やブランドが社会に与える影響まで考慮した包括的なビジネスデザインを得意としています。

そんな同社が運営するサイトからは、こちらの記事《UXデザインの良い例・悪い例とは？成功につながった企業の事例も紹介》を紹介しましょう。

ユーザー体験を重視するUXデザインは、現代ビジネスにおいて不可欠な要素です。
当該記事では、そのUXデザインの基本知識から、優れた事例と失敗例、さらには有名企業の成功事例までが解説されています。UXデザインの重要性を理解し、実践的なノウハウを学びたい方に、ぜひ読んでいただきたい内容です。

記事冒頭で、筆者はまずUXデザインについて「製品やサービスを通してユーザーが得る体験」を重視する考え方であると定義し、ユーザー満足度を高めるための重要な戦略であることを強調しています。製品の機能性だけでなく、使いやすさや楽しさといった体験価値が重要視される現代において、UXデザインは競合他社との差別化を図るための強力なツールになるのだとか。

また、効果的なUXデザインのためのポイントとして、以下の3つを挙げています。

・ユーザー視点での思考
・明確なターゲット設定
・継続的な分析と評価

ユーザーの立場に立って考えることで、真に求められる体験を提供できるようになり、ターゲット層の属性を明確にすることで、ニーズに合致したUXデザインが可能となります。
そして、ユーザーフィードバックに基づいた分析と評価は、UXデザインの継続的な改善に不可欠なようです。

続いて、良いUXデザインの例として、ユーザーに「使いやすい」「楽しい」と感じさせる製品やサービスを挙げています。操作の分かりやすさ、情報の探しやすさなど、ユーザーにとって快適な体験を提供する要素が重要とのこと。一方で、企業側の視点だけで作られた製品やサービスは、たとえデザイン性が高くても、使いにくさからユーザー満足度が低くなる傾向があると指摘しています。

記事の後半では、有名企業7社の成功事例を紹介し、各社がどのようにUXデザインを活用し、ビジネスの成長に繋げているのかを具体的に解説。パーソナライズされた商品提案、バーチャル試着、直感的な操作性など多岐にわたる事例を通して、UXデザインの可能性と効果を実感することができます。詳しくは、ぜひ記事にてご確認ください。

当該記事は、UXデザインの基礎知識から実践的な事例まで網羅的に解説しており、UXデザインの初心者から経験者まで、幅広い読者にとって有益な情報が得られるでしょう。

■UXデザインの良い例・悪い例とは？成功につながった企業の事例も紹介
https://shiro.co.jp/ux-case-study/

UIデザインについて少し調べてみた。（のんラボ）

ブログ『のんラボ』の管理人であるのんさんは、Pythonによる決済関係のバックエンド開発に従事するエンジニアです。以前はPHPを用いたバックエンド開発や、Vue.js/Nuxt.jsによるフロントエンド開発なども担当していたとのこと。個人でも、自作アプリ制作やプログラミング開発支援など幅広く活動しています。
そんなのんさんですが、ある日友人に個人開発したアプリのテストを依頼したところ、開口一番に「使用方法が分からない」と言われ、参ってしまったそうです。そして「UIデザインの定石を知っておく必要がある」と考え、UIデザインについて調べてみたとのこと。こちらでは、そのことを記事にした《UIデザインについて少し調べてみた。》を紹介します。

のんさんは記事の中で、「機能実装のプログラミング中はロジカル思考になってしまい、ついエラーメッセージをそのまま表示しようとしてしまいがちになる。ある程度見やすく理解しやすいデザインにすることで、ユーザーが使いやすい良いアプリに仕上がるかもしれない」と話しています。

記事では［Design rule index］という書籍を参考に、特に印象の深かった3つの考え方について、例を混じえて解説しています。のんさんは3つの考え方について、「やっぱりそうだよな」「言っていることは簡単だけど実際にはできていないな」「そういう考え方があるんだな」と思ったのだそうです。
印象の深かった3つの考え方とは一体何なのかー。答えが気になる方は、ぜひ記事本文で確かめてみてくださいね。

また『のんラボ』では、PHPやJavaScript関連の記事、のんさんのお仕事に関する記事も読めますよ。エラーの解決法や対策法に関する記事もありますので、興味がある方は他の記事も一読してみてはいかがでしょうか？

■UIデザインについて少し調べてみた。
https://labo.nozomi.bike/article/20
トップページ
https://labo.nozomi.bike/

最近話題のオブジェクト指向UIデザインってつまりどんなデザイン？？具体例の図を交えて解説！（デザイナー兼エンジニアとしての学び）

UI/UXのデザインをするにあたり、設計への理解はマストでしょう。
そこで今回ご紹介する記事は《最近話題のオブジェクト指向UIデザインってつまりどんなデザイン？？具体例の図を交えて解説！》。デザインエンジニアとしてご活躍されているsekiさんは、こちらの記事で「オブジェクト指向UI」について「タスク指向UI」と比較しながら解説しています。

たとえば、オブジェクト指向UIデザインを採用した際のメリットについて「直感的に操作できる」と「構造がシンプルになる」と言及。タスク指向UIと比較すると、直感的な操作ができるのがオブジェクト指向UIのメリットであり、対象物にアクションを起こす日常生活に多く溢れているのだそうです。
構造については、タスク指向UIとオブジェクト指向UIの違いについて、画像を用いて説明しています。よく見かける写真アプリの設計を用いて分かりやすく説明しているので、ぜひチェックしておきましょう。

さらに記事の後半には、タスク指向UIの例で代表的といえる自動販売機についても説明。オブジェクト指向UIの例では、フードデリバリーサービスサイトのUIに触れています。

そのほか、sekiさんのブログ『デザイナー兼エンジニアとしての学び』では、UI／UXに関する情報を多く発信しています。デザインだけではなく、フロントエンドからバックエンド、さらにはインフラ関連の記事も掲載されているので、興味がある方はぜひご一読ください。

■最近話題のオブジェクト指向UIデザインってつまりどんなデザイン？？具体例の図を交えて解説！
https://ryo-ux-it-agile.com/object-oriented-user-interface/

【UIデザイナーなら知っておきたい！】OOUI（オブジェクト指向UI）の設計方法を詳しく解説！（NEXTGATE LiSMOtech株式会社）

OOUI（オブジェクト指向UI）は、基本的なUIデザインの技法として浸透しているUI設計手法の一つです。名前や概念は知っているけれど、「実際にプロダクトを設計する際に、どのように活用されているかを知りたい」という方もいらっしゃるのではないでしょうか。
こちらでは、NEXTGATE LiSMOtech株式会社のブログより《【UIデザイナーなら知っておきたい！】OOUI（オブジェクト指向UI）の設計方法を詳しく解説！》という記事を紹介します。

筆者曰く「オブジェクト指向UIは、プロダクト設計者がUI設計で最初に学んでおくべき概念だと思う」とのこと。さらに「オブジェクト指向UIの概念は、UI設計において一つの指標にもなる」とも話しています。
記事では、オブジェクト指向UIの4原則や、オブジェクト指向UIを活用するプロダクトの設計に必要な「3つの基本ステップ」を解説しながら、プロダクト設計のポイントについて説明しています。フードデリバリーサービスアプリを例に、図を混じえて分かりやすく説明されており、視覚的に学ぶことが可能です。オブジェクト指向UIについて詳しく知りたい方、実例をもとに勉強したい方は、ぜひ記事本文を一読してみてくださいね。

さらに別記事で、オブジェクト指向UIの概要とそのメリットについて書かれた記事も掲載されています。タスク指向UIとの違いについても触れられており、オブジェクト指向UIについて初めて知る方も分かりやすい内容となっています。

NEXTGATE LiSMOtech社のブログでは、デザイン関連の記事はもちろん、フロントエンドやバックエンドなどエンジニア関連の記事も読めます。他の記事が気になる方は、ぜひ同社のブログを訪れてみてはいかがでしょうか？

■【UIデザイナーなら知っておきたい！】OOUI（オブジェクト指向UI）の設計方法を詳しく解説！
https://lismotech.co.jp/blog/【uiデザイナーなら知っておきたい！】ooui（オブジ/
トップページ
https://lismotech.co.jp/

【決意表明】1年目Webディレクター、UI・UXを学ぶ。（おんたまBLOG）

UIデザインをする上で欠かせない視点の一つに、ユーザー目線でストレスがない適切な設計が挙げられます。会員登録をすることで、初めてサービスを利用できるアプリが多い一方、登録までに手間がかかるアプリも少なくありません。

そこで、現在Webディレクターとして活躍しているおんたまさんは、《サインアップのUIデザイン》という記事で、サインアップ画面の制作について言及。

こちらの記事によると、「ユーザーの登録中のストレスをいかに減らして登録ページからの離脱率を下げるか」が重要だそうです。
おんたまさんは、ワイヤーフレームを作る時点で登録しやすいフォームUIを意識。入力の要件や装飾などの細やかな部分についても、ユーザーに誤解を与えない表現やデザインが大切だと言っています。
そのほか、制作ポイントとしてリアルタイムバリテーションやパスワード表示についての詳細も紹介。
ご自身が実際に手を動かし、手順や感想を記述しているため、読み応えのある内容です。

おんたまさんが運営している『おんたまBLOG』には、設定画面やユーザープロフィールのUIデザインについても紹介。
ほかにもUIに関する記事が豊富なので、興味がある方はぜひ一度ご覧になってみてはいかがでしょうか。

■【決意表明】1年目Webディレクター、UI・UXを学ぶ。
https://ontamablog.net/dairyui-001/