Our service

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をお勧めしてます。多言語化にも対応可能です。