UI/UXデザイン
UIとUXって何が違うの?UXデザイナーってデザイナーとどう違うの?など言葉の定義が難しく、人それぞれ解釈があると思います。ここではクーシーが考えるUI/UXをご紹介します。
UI/UXとは
UIとはUser Interface(ユーザーインターフェイス)の略で、文字通りユーザーとの接点になります。UXとはUser Experience(ユーザーエクスペリエンス)の略で、ユーザーの体験になります。
デザイン思考で考えるUX
クーシーは「デザイン思考」という考え方を大切にしていて、「設計思想」と「考える力」でユーザーが利用するインターフェイスの優先度を一番大切にする。という考え方です。
UXはサービスとしてユーザーにどのような体験を提供したいかを理解することだと考えています。もちろん時にはサービスとしてユーザーに何を提供するべきかをクライアントと一緒に作り出すこともします。
それってクライアントがやることで製作者はやらなくていいじゃん。という方も多いと思います。確かにそうかも知れません(笑)。ただクライアントが世の中にはこんな課題があって、それを解決したい!という思いがあれば、それをどのようなWebサービスにしたら良いか考えられるデザイナーがいれば、より良いプロダクトになると思いませんか?
少し話が脱線したので元に戻すとUXデザイナーというジャンルでは、自分がデザインするサービスはどのような体験をユーザーに提供したいのかを理解することから始まります。
ユーザーインサイトでUXをデザインにする
ユーザー体験を理解した後は、ユーザーインサイトを考えます。ユーザーファーストという考え方も大事ですが、自分自身がファーストユーザーとなることが大事です。日本語にすると「イタコになる」とも言えますが、こっちの方が分かりにくいですね。
ファーストユーザーという考え方は自分のデザインを客観視して見ることです。デザインの設計段階から客観視して、ユーザーはどの様にWebサービスを利用してどの様な体験を感じるか。創造して考えることが重要です。
UXをUIで表現する
ユーザー体験を理解したら、それをユーザーとの接点になるUIで表現します。ユーザー体験を実現するにはどの様なインターフェイスにすれば最適かをグラフィックとテキストで構成します。また、そのサービスのターゲットなるユーザーに対して、どの様なコミュニケーションをとるのかも洗練されたデザインで表現します。
UI/UXとデザインの違いとは
基本的にUI/UXとデザインに違いはないと思います。ただUXやユーザーインサイトを考えずにUIのみ構成することがデザイナーと捉える人が多いため、UI/UXというワードが広まったのだと思います。
また、Webサービスがより多く利用され、より多くのサービスがリリースされています。サービスや機能は既にコモディティ化されています。他のサービスとの差異を確立させるためにもUX/UIデザインが重要です。
お問い合わせ
Webサイトデザインについての
ご相談はこちら。
お問い合わせする
Webデザインについて、
様々なことにサポートいたします。
-
UI/UXデザイン
多くのWebサービスを手がけたことにより蓄積されたノウハウで、最適化したUI/UXを提案します。
-
ワイヤーフレームと情報設計
ユーザーストーリーからSEOまで考慮し、情報の優先順位をサイト構造・ページ構成両面から考えます。
-
Webサイトデザイン
EC、コーポレート、eラーニング、SNS、基幹システムなどあらゆるジャンルのWebサイトを手がけています。
-
コーポレート
サイト制作各ステークホルダーに合わせて情報設計を行い、企業のブランディングが伝わるデザインを心がけています。
-
BtoBサイトデザイン
BtoBのWebサイトは業務効率化に直結します。サービス利用時のベネフィットを意識してデザインします。
-
採用サイト
制作・デザイン新卒と中途では欲しい情報のニーズが異なります。ターゲットに向けて応募率を高めるようにデザインします。
-
スマートフォンアプリ
デザイン指で操作するスマートフォンはPCとは異なります。最高のユーザー体験を創出するデザインを行います。
-
動画制作
インターネットで動画を見るユーザーが増加しています。コンテンツ動画など企画から撮影・編集を行います。
-
HTML/CSS
コーディング複雑化したHTML/CSSの構築実績を持つ制作会社は多くありません。マークアップと多様なブラウザ対応を行います。
-
SSL化対応
SSL証明書の取得から設置・移管まで、ワンストップサービスを提供しています。
-
SPA対応
主にAngular/Vue/ReactなどのJavaScriptフレームワークを用いたSPAを設計から実装まで行います。
-
PageSpeed
Insights対応PageSpeed Insightsの項目に沿った表示速度改善の設計と、ページ/システムの改修を行います。
-
AMP対応
モバイル端末でWebページを高速表示するための技法です。コンテンツの設計や、開発・改修を行います。
-
SEO内部対策
SEOコンサル会社では提案できないキーワード選定からカテゴリ構造化を行います。SEO対策もお任せください。
-
WordPress構築
利用者ごとの権限の設定や管理画面の構築を使う人がより使いやすいCMS。環境構築、運用までを考慮して設計します。
-
MovableType構築
WordPressにセキュリティ的な懸念をお持ちのお客様にはMovableTypeをお勧めしてます。多言語化にも対応可能です。